@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
    --deskot-font: "Mulish", sans-serif;
    --deskot-heading-font: "Montserrat", sans-serif;
    --deskot-text: #636363;
    --deskot-base: #fdd601;
    --deskot-base-lg: #fff8d0;
    --deskot-secondary-base: #0f3854;
    --deskot-secondary-base-lg: #e7f5ff;
    --deskot-base-rgb: #fdd601;
    --deskot-gray: #92918F;
    --deskot-white: #ffffff;
    --deskot-white-rgb: 255, 255, 255;
    --deskot-white2: #f0f1f5;
    --deskot-white3: #F5F2EF;
    --deskot-white3-rgb: 245, 242, 239;
    --deskot-black: #222222;
    --deskot-black-rgb: 34, 34, 34;
    --deskot-black2: var(--deskot-secondary-base);
    --deskot-black2-rgb: 7, 47, 62;
    --deskot-black3: #333333;
    --deskot-black3-rgb: 51, 51, 51;
    --deskot-black4: #000000;
    --deskot-black5: #444444;
    --deskot-border-color: #dddddd;
    --deskot-border-color-rgb: 221, 221, 221;
    --section-space: 120px;
    --fs-8: 8px;
    --fs-9: 9px;
    --fs-10: 10px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-17: 17px;
    --fs-18: 18px;
    --fs-19: 19px;
    --fs-20: 20px;
    --fs-21: 21px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-25: 25px;
    --fs-26: 26px;
    --fs-27: 27px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-34: 34px;
    --fs-35: 35px;
    --fs-36: 36px;
    --fs-38: 38px;
    --fs-40: 40px;
    --fs-42: 42px;
    --fs-45: 45px;
    --fs-50: 50px;
    --fs-52: 52px;
    --fs-53: 53px;
    --fs-54: 54px;
    --fs-55: 55px;
    --fs-60: 60px;
    --fs-64: 64px;
    --fs-65: 65px;
    --fs-68: 68px;
    --fs-70: 70px;
    --fs-75: 75px;
    --fs-80: 80px;
    --fs-100: 100px;
    --fs-120: 120px;
    --fs-180: 180px;
    --fs-200: 200px;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/

@font-face {
    font-family: "logofont";
    src: url('../fonts/sourcesans-bold.ttf');
}

.w-200px{
    width:200px !important;
}
.h-80 {
    height: 80px;
}

.w-100px {
    width: 100px !important;
}

.h-400 {
    height: 400px;
}

.w-500 {
    width: 500px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
    font-family: var(--deskot-font, "Mulish", sans-serif);
    color: var(--deskot-text, #636363);
    font-size: var(--fs-16, 16px);
    font-weight: 400;
    line-height: 1.625;
}

    body.locked {
        overflow: hidden;
    }

a {
    color: var(--deskot-base, #ff5a1e);
    transition: all 400ms ease;
}

    a,
    a:hover,
    a:focus,
    a:visited {
        text-decoration: none;
    }

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    color: var(--deskot-black, #222222);
}

@media (max-width: 767px) {
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}

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

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

::placeholder {
    color: inherit;
    opacity: 1;
}

label.error {
    font-size: var(--fs-14, 14px);
    color: #f44336 !important;
    width: 100%;
    margin-top: 0.25rem;
    margin-left: 15px;
}

.text-primary {
    color: var(--deskot-base) !important;
}

.text-black {
    color: var(--deskot-black) !important;
}

.text-secondary-highlight {
    font-weight: 700;
    color: var(--deskot-secondary-base, #ff5a1e);
    text-transform: uppercase;
}

.background-base {
    background-color: var(--deskot-base, #ff5a1e);
}

.background-text {
    background-color: var(--deskot-text, #636363);
}

.background-black {
    background-color: var(--deskot-black, #222222);
}

.background-black-2 {
    background-color: var(--deskot-black2, #072f3e);
}

.background-white {
    background-color: var(--deskot-white, #ffffff);
}

.background-white-2 {
    background-color: var(--deskot-white2, #f0f1f5);
}

.deskot-text {
    color: var(--deskot-text, #636363);
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.swal2-title {
    font-weight: 500 !important;
    font-size: var(--fs-24) !important;
}

.section-space {
    padding-top: var(--section-space, 120px);
    padding-bottom: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .section-space {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}


.section-space-top {
    padding-top: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space-top {
        padding-top: 100px;
    }
}

@media (max-width: 575px) {
    .section-space-top {
        padding-top: 80px;
    }
}

.section-space-top-2 {
    padding-top: var(--section-space-2, 111px);
}

@media (max-width: 767px) {
    .section-space-top-2 {
        padding-top: 91px;
    }
}

@media (max-width: 575px) {
    .section-space-top-2 {
        padding-top: 71px;
    }
}

.section-space-bottom {
    padding-bottom: var(--section-space, 120px);
}

.section-space-bottom-sm {
    padding-bottom: 60px;
}

.section-space-bottom-force {
    margin-bottom: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space-bottom {
        padding-bottom: 100px;
    }

    .section-space-bottom-force {
        margin-bottom: 100px;
    }

    .section-space-bottom-sm {
        padding-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .section-space-bottom {
        padding-bottom: 80px;
    }

    .section-space-bottom-force {
        margin-bottom: 80px;
    }

    .section-space-bottom-sm {
        padding-bottom: 40px;
    }
}

.container-fluid,
.container {
    padding-left: 15px;
    padding-right: 15px;
}


.row {
    --bs-gutter-x: 30px;
}

.gutter-y-10 {
    --bs-gutter-y: 10px;
}

.gutter-y-15 {
    --bs-gutter-y: 15px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gutter-y-25 {
    --bs-gutter-y: 25px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-40 {
    --bs-gutter-y: 40px;
}

.gutter-y-50 {
    --bs-gutter-y: 50px;
}

.gutter-y-60 {
    --bs-gutter-y: 60px;
}

/* section title */
.sec-title {
    margin-bottom: 22px;
}

.sec-title--center {
    margin-bottom: 25px;
    text-align: center;
}

    .sec-title--center .sec-title__top {
        justify-content: center;
    }

.sec-title__top {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.sec-title__shape {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 6px;
}

@media (max-width: 767px) {
    .sec-title__shape {
        top: 2px;
    }
}

.sec-title__tagline {
    margin: 0;
    font-size: var(--fs-22, 22px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 600;
    line-height: 1.363;
    letter-spacing: 3.3px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .sec-title__tagline {
        font-size: var(--fs-16, 16px);
        letter-spacing: 2px;
    }
}

.sec-title__shape {
    max-width: 100%;
    height: auto;
}

.sec-title__title {
    margin: 0px;
    font-size: var(--fs-36, 36px);
    font-weight: 600;
    line-height: 1.07em;
}

@media (max-width: 767px) {
    .sec-title__title {
        font-size: var(--fs-35, 35px);
    }
}

/* button */
.deskot-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    padding: 11px 12px 11px 33px;
    background-color: var(--deskot-base, #ff5a1e);
    z-index: 1;
    overflow: hidden;
    transition: 500ms;
    border-radius: 30px;
}

@media (max-width: 390px) {
    .deskot-btn {
        padding-left: 25px;
    }
}

.deskot-btn::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--deskot-black2, #072f3e);
    z-index: -1;
    transition: all 500ms ease;
}

.deskot-btn:hover::after {
    width: 100%;
    left: 0px;
}

.deskot-btn__text {
    display: inline-block;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    transition: all 500ms ease;
}

.deskot-btn__icon-box {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
    border-radius: 30px;
}

.deskot-btn__icon {
    width: 13px;
    height: 13px;
    position: relative;
    overflow: hidden;
    font-size: var(--fs-13, 13px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .deskot-btn__icon i {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

        .deskot-btn__icon i:last-child {
            left: -15px;
            bottom: -15px;
            transform: translate(0, 0);
        }

    .deskot-btn__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.deskot-btn:hover .deskot-btn__icon-box {
    background-color: var(--deskot-base, #ff5a1e);
}

.deskot-btn:hover .deskot-btn__icon {
    color: var(--deskot-white, #ffffff);
}

    .deskot-btn:hover .deskot-btn__icon i {
        transform: translate(15px, -15px);
        transition: all 0.5s ease-out;
    }

        .deskot-btn:hover .deskot-btn__icon i:last-child {
            visibility: visible;
        }

.deskot-btn--black {
    background-color: var(--deskot-black2, #072f3e);
}

    .deskot-btn--black::after {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .deskot-btn--black:hover .deskot-btn__icon-box {
        background-color: var(--deskot-white, #ffffff);
    }

    .deskot-btn--black:hover .deskot-btn__icon {
        color: var(--deskot-base, #ff5a1e);
    }

.deskot-btn--white {
    background-color: var(--deskot-white, #ffffff);
}

    .deskot-btn--white::after {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .deskot-btn--white .deskot-btn__text {
        color: var(--deskot-black3, #333333);
    }

    .deskot-btn--white:hover .deskot-btn__text {
        color: var(--deskot-white, #ffffff);
    }

    .deskot-btn--white .deskot-btn__icon-box {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .deskot-btn--white .deskot-btn__icon {
        color: var(--deskot-white, #ffffff);
    }

    .deskot-btn--white:hover .deskot-btn__icon-box {
        background-color: var(--deskot-white, #ffffff);
    }

    .deskot-btn--white:hover .deskot-btn__icon {
        color: var(--deskot-base, #ff5a1e);
    }

.video-btn {
    width: 66px;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    border-radius: 50%;
    font-size: var(--fs-25, 25px);
    color: var(--deskot-secondary-base);
    background-color: var(--deskot-base);
    border: 3px solid var(--deskot-base);
    transition: all 500ms ease;
}

    .video-btn svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .video-btn:hover {
        color: var(--deskot-base, #ff5a1e);
        background-color: var(--deskot-white, #ffffff);
    }

    .video-btn > span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border-radius: 50%;
        z-index: -1;
        border: 1px solid var(--deskot-base);
        transition: all 500ms ease;
        -webkit-animation: pulse-animate 4s linear infinite;
        animation: pulse-animate 4s linear infinite;
    }

    .video-btn span:nth-child(2) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .video-btn span:nth-child(3) {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .video-btn span:nth-child(4) {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

@-webkit-keyframes pulse-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

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

@keyframes pulse-animate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
    }
}
/* social links */
.social-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}

    .social-links a {
        width: 38px;
        height: 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: 50%;
        border: 1px solid var(--deskot-gray, #92918F);
        overflow: hidden;
        transition: all 500ms ease;
    }

.social-links__icon {
    display: inline-flex;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-white, #92918F);
    transition: all 500ms ease;
}

.team-card .social-links__icon {
    color: var(--deskot-secondary-base, #92918F);
}


.team-card {
    position: relative;
    z-index: 1;
    background-color: var(--deskot-base-lg);
    overflow: hidden;
    transition: all 500ms ease;
    border-radius: 10px 10px 0 0;
}

    .team-card::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        background-color: var(--deskot-base);
        opacity: 0;
        visibility: hidden;
        transition: all 700ms ease;
        transform: translate3d(0px, 100%, 0px);
        z-index: -1;
    }

    .team-card:hover::after {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0px, 0, 0px);
    }

.team-card__image {
    position: relative;
    z-index: 1;
}

    .team-card__image::after {
        position: absolute;
        right: -5px;
        bottom: -10px;
        width: calc(100% + 5px);
        height: 100%;
        content: "";
        background-color: var(--careox-white, #fff);
        z-index: -1;
        border-radius: 0 0 142px 0;
    }

    .team-card__image img {
        position: relative;
        width: 100%;
        border-radius: 0 0 142px 0;
    }

.team-card__hover {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.team-card__hover__btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--accent-color);
    font-size: var(--fs-21, 21px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--careox-white, #fff);
    transition: all 500ms ease;
}

    .team-card__hover__btn::after {
        display: inline-block;
        content: "+";
        transition: 300ms ease;
    }

.team-card__hover:hover .team-card__hover__btn::after {
    content: "-";
}

.team-card__hover__social {
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 3;
    margin: 0;
    opacity: 0;
    padding-bottom: 14px;
    transform: scaleY(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s linear;
    transform-origin: bottom center;
}

    .team-card__hover__social a {
        width: 40px;
        height: 40px;
        background-color: var(--careox-white, #fff);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--accent-color);
        font-size: var(--fs-14, 14px);
        transition: all 500ms ease;
    }

        .team-card__hover__social a + a {
            margin-top: 8px;
        }

        .team-card__hover__social a:hover {
            background-color: var(--accent-color);
            color: var(--careox-white, #fff);
        }

.team-card__hover:hover .team-card__hover__social {
    opacity: 1;
    transform: scaleY(1);
}

.team-card__content {
    position: relative;
    padding: 35px 30px 26.3px;
    height: 150px;
}

    .team-card__content::after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        right: 74px;
        bottom: 0;
        content: "";
        width: 51px;
        height: 44px;
        background-position: center center;
        background-size: cover;
        transition: all 400ms ease;
    }

.team-card:hover .team-card__content::after {
    visibility: visible;
    opacity: 1;
    bottom: 14px;
}

.team-card__title {
    margin: 0;
    font-size: var(--fs-22, 22px);
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 11px;
    color: var(--deskot-secondary-base);
}

    .team-card__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .team-card__title a:hover {
            background-size: 100% 1px;
        }

        .team-card__title a:hover {
            color: var(--deskot-base);
        }

.team-card:hover .team-card__title {
    color: var(--deskot-secondary-base);
}

.team-card__designation {
    line-height: 1em;
    margin: 0;
    font-size: var(--fs-16, 16px);
    text-transform: capitalize;
    transition: all 300ms ease;
}

.team-card:hover .team-card__designation {
    color: var(--deskot-black);
}

.team-two {
    padding: 120px 0 0;
    position: relative;
}

@media (max-width: 767px) {
    .team-two {
        padding: 80px 0 0;
    }
}

.team-two--page {
    padding: 120px 0;
    position: relative;
}

@media (max-width: 767px) {
    .team-two--page {
        padding: 80px 0;
    }
}

.team-card-two {
    max-width: 370px;
    margin: 0px auto;
    position: relative;
}

.team-card-two__shape {
    width: 100%;
    height: calc(100% - 15px);
    position: relative;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: var(--deskot-white2, #f0f1f5);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1002.000000"><g transform="translate(0.000000,1002.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8019 9946 c-13 -18 -44 -57 -69 -87 -84 -99 -172 -204 -209 -248 -20 -24 -63 -76 -96 -115 -34 -39 -117 -138 -185 -221 -68 -82 -151 -182 -185 -220 -33 -39 -78 -93 -100 -119 -22 -27 -89 -108 -149 -180 -102 -121 -144 -172 -200 -236 -12 -14 -84 -101 -161 -194 -77 -92 -195 -234 -263 -315 -170 -201 -193 -229 -222 -264 -14 -17 -54 -65 -90 -107 -36 -41 -95 -111 -130 -155 -36 -44 -119 -143 -185 -221 -66 -77 -192 -228 -280 -334 -88 -107 -203 -244 -255 -305 -52 -62 -133 -158 -180 -214 -47 -57 -128 -154 -180 -216 -52 -62 -147 -174 -210 -250 -63 -76 -127 -152 -143 -169 -15 -17 -27 -36 -27 -43 0 -14 62 -88 231 -274 63 -69 128 -141 144 -160 28 -32 174 -195 394 -440 52 -57 108 -120 125 -139 42 -49 157 -177 340 -379 153 -169 193 -217 185 -226 -4 -4 -26 2 -264 66 -60 17 -126 34 -145 39 -19 4 -80 19 -135 33 -162 41 -373 76 -610 103 -119 13 -215 15 -460 12 -170 -3 -346 -10 -390 -17 -44 -6 -129 -19 -190 -27 -177 -25 -338 -59 -500 -104 -44 -12 -93 -26 -110 -30 -152 -40 -447 -156 -655 -258 -85 -42 -193 -98 -240 -126 -47 -27 -98 -56 -113 -65 -242 -137 -574 -398 -833 -656 -350 -348 -613 -713 -834 -1155 -44 -87 -136 -295 -150 -340 -5 -14 -18 -50 -30 -80 -53 -138 -114 -339 -165 -550 -21 -89 -64 -344 -76 -460 -6 -52 -13 -186 -16 -297 l-5 -203 4501 0 4501 0 0 3260 c0 2872 -2 3260 -15 3260 -8 0 -17 12 -20 28 -7 30 -33 134 -66 257 -11 44 -24 96 -29 115 -9 36 -13 52 -75 285 -20 77 -41 159 -46 183 -5 24 -12 48 -15 54 -4 6 -11 28 -15 47 -5 29 -87 350 -119 466 -44 164 -84 318 -91 353 -5 24 -12 48 -15 54 -4 6 -11 28 -14 47 -4 20 -19 79 -33 131 -25 92 -71 267 -143 550 -19 74 -47 178 -61 230 -14 52 -29 111 -33 131 -3 19 -10 41 -14 47 -3 6 -10 30 -15 54 -5 24 -25 106 -46 183 -20 77 -41 157 -45 177 -7 37 -25 68 -40 68 -4 0 -18 -15 -31 -34z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1002.000000"><g transform="translate(0.000000,1002.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8019 9946 c-13 -18 -44 -57 -69 -87 -84 -99 -172 -204 -209 -248 -20 -24 -63 -76 -96 -115 -34 -39 -117 -138 -185 -221 -68 -82 -151 -182 -185 -220 -33 -39 -78 -93 -100 -119 -22 -27 -89 -108 -149 -180 -102 -121 -144 -172 -200 -236 -12 -14 -84 -101 -161 -194 -77 -92 -195 -234 -263 -315 -170 -201 -193 -229 -222 -264 -14 -17 -54 -65 -90 -107 -36 -41 -95 -111 -130 -155 -36 -44 -119 -143 -185 -221 -66 -77 -192 -228 -280 -334 -88 -107 -203 -244 -255 -305 -52 -62 -133 -158 -180 -214 -47 -57 -128 -154 -180 -216 -52 -62 -147 -174 -210 -250 -63 -76 -127 -152 -143 -169 -15 -17 -27 -36 -27 -43 0 -14 62 -88 231 -274 63 -69 128 -141 144 -160 28 -32 174 -195 394 -440 52 -57 108 -120 125 -139 42 -49 157 -177 340 -379 153 -169 193 -217 185 -226 -4 -4 -26 2 -264 66 -60 17 -126 34 -145 39 -19 4 -80 19 -135 33 -162 41 -373 76 -610 103 -119 13 -215 15 -460 12 -170 -3 -346 -10 -390 -17 -44 -6 -129 -19 -190 -27 -177 -25 -338 -59 -500 -104 -44 -12 -93 -26 -110 -30 -152 -40 -447 -156 -655 -258 -85 -42 -193 -98 -240 -126 -47 -27 -98 -56 -113 -65 -242 -137 -574 -398 -833 -656 -350 -348 -613 -713 -834 -1155 -44 -87 -136 -295 -150 -340 -5 -14 -18 -50 -30 -80 -53 -138 -114 -339 -165 -550 -21 -89 -64 -344 -76 -460 -6 -52 -13 -186 -16 -297 l-5 -203 4501 0 4501 0 0 3260 c0 2872 -2 3260 -15 3260 -8 0 -17 12 -20 28 -7 30 -33 134 -66 257 -11 44 -24 96 -29 115 -9 36 -13 52 -75 285 -20 77 -41 159 -46 183 -5 24 -12 48 -15 54 -4 6 -11 28 -15 47 -5 29 -87 350 -119 466 -44 164 -84 318 -91 353 -5 24 -12 48 -15 54 -4 6 -11 28 -14 47 -4 20 -19 79 -33 131 -25 92 -71 267 -143 550 -19 74 -47 178 -61 230 -14 52 -29 111 -33 131 -3 19 -10 41 -14 47 -3 6 -10 30 -15 54 -5 24 -25 106 -46 183 -20 77 -41 157 -45 177 -7 37 -25 68 -40 68 -4 0 -18 -15 -31 -34z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

    .team-card-two__shape::before {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

    .team-card-two__shape::after {
        content: "";
        width: 218px;
        height: 218px;
        position: absolute;
        top: -22px;
        right: -17px;
        border-radius: 50%;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

@media (max-width: 375px) {
    .team-card-two__shape::after {
        top: -30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .team-card-two__shape::after {
        top: -30px;
    }
}

.team-card-two:hover .team-card-two__shape::before {
    height: 100%;
    top: 0px;
}

.team-card-two:hover .team-card-two__shape::after {
    background-color: var(--deskot-base, #ff5a1e);
}

.team-card-two__image {
    width: 321px;
    height: 321px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
    border-radius: 50%;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 375px) {
    .team-card-two__image {
        width: 310px;
        height: 310px;
    }
}

@media (max-width: 360px) {
    .team-card-two__image {
        width: 270px;
        height: 270px;
    }
}

.team-card-two__image__inner {
    width: 301px;
    height: 301px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 375px) {
    .team-card-two__image__inner {
        width: 290px;
        height: 290px;
    }
}

@media (max-width: 360px) {
    .team-card-two__image__inner {
        width: 250px;
        height: 250px;
    }
}

.team-card-two__image__inner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0;
    transform: translateY(50%);
    border-radius: inherit;
    background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.75);
    transition: all 500ms ease;
}

.team-card-two__image img {
    width: inherit !important;
    height: inherit;
    border-radius: inherit;
}

.team-card-two.active .team-card-two__image__inner::after {
    opacity: 1;
    transform: translateY(0%);
}

.team-card-two .social-links {
    width: 100%;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all 500ms ease;
}

    .team-card-two .social-links a {
        border: none;
        transform: translateY(150%);
        background-color: var(--deskot-white, #ffffff);
        transition: 500ms;
    }

        .team-card-two .social-links a:nth-child(1) {
            transition-delay: 0ms;
        }

        .team-card-two .social-links a:nth-child(2) {
            transition-delay: 100ms;
        }

        .team-card-two .social-links a:nth-child(3) {
            transition-delay: 200ms;
        }

        .team-card-two .social-links a:nth-child(4) {
            transition-delay: 300ms;
        }

        .team-card-two .social-links a:hover {
            background-color: var(--deskot-base, #ff5a1e);
        }

.team-card-two .social-links__icon {
    color: var(--deskot-base, #ff5a1e);
}

.team-card-two .social-links a:hover .social-links__icon {
    color: var(--deskot-white, #ffffff);
}

.team-card-two:hover .social-links a {
    transform: translateY(0%);
}

.team-card-two__info {
    display: flex;
    align-items: center;
    gap: 21px;
    position: relative;
    z-index: 1;
    padding: 0px 30px 25px 56px;
    justify-content: center;
}

@media (max-width: 412px) {
    .team-card-two__info {
        padding-left: 40px;
    }
}

@media (max-width: 375px) {
    .team-card-two__info {
        padding-left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .team-card-two__info {
        padding-left: 30px;
    }
}

.team-card-two__name {
    margin-bottom: 3px;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-black, #222222);
    font-weight: 600;
    line-height: 1.318;
    text-transform: capitalize;
}

@media (max-width: 360px) {
    .team-card-two__name {
        font-size: var(--fs-20, 20px);
    }
}

.team-card-two__name a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .team-card-two__name a:hover {
        background-size: 100% 1px;
    }

.team-card-two__designation {
    margin: 0px;
    text-transform: capitalize;
    transition: all 500ms ease;
}

.team-card-two:hover .team-card-two__name, .team-card-two:hover .team-card-two__designation {
    color: var(--deskot-white, #ffffff);
}

.team-card-two__btn {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border: none;
    padding: 0ppx;
    margin: 0px;
    position: relative;
    border-radius: 50%;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .team-card-two__btn::before, .team-card-two__btn::after {
        content: "";
        width: 17px;
        height: 2px;
        background-color: var(--deskot-white, #ffffff);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 500ms ease;
    }

    .team-card-two__btn::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .team-card-two__btn.active::after {
        opacity: 0;
    }

.team-card-two:hover .team-card-two__btn {
    background-color: var(--deskot-base, #ff5a1e);
}



/* ===========================
   Managing Director Card
=========================== */

.md-card {
    position: relative;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid #ececec;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .35s;
}



.md-card-image {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 90px;
}

    .md-card-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: .5s;
    }

.md-card:hover img {
    transform: scale(1.05);
}

.md-card-content {
    padding: 70px;
    position: relative;
    z-index: 2;
}

    .md-card-content h2 {
        color: var(--deskot-secondary-base);
        font-weight: 700;
        font-size: var(--fs-42);
        margin-bottom: 12px;
    }

    .md-card-content h5 {
        color: var(--deskot-base);
        font-size: var(--fs-22);
        margin-bottom: 20px;
    }

.md-divider {
    display: block;
    width: 70px;
    height: 4px;
    background: var(--deskot-base);
    border-radius: 20px;
    margin-bottom: 25px;
}

.md-card-content p {
    font-size: var(--fs-18);
    line-height: 1.8;
    color: var(--deskot-black2);
}

.md-pattern {
    position: absolute;
    right: 35px;
    top: 35px;
    width: 95px;
    height: 95px;
    background-image: radial-gradient(#fdd601 1.8px,transparent 1.8px);
    background-size: 12px 12px;
    opacity: .35;
}

.md-wheel {
    position: absolute;
    right: 40px;
    bottom: 25px;
    font-size: 70px;
    opacity: .08;
}

/* Gold Accent */

.md-card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: #d6a400;
}

/* ======================
Tablet
====================== */

@media(max-width:991px) {

    .md-card-content {
        padding: 45px;
    }

        .md-card-content h2 {
            font-size: 34px;
        }

        .md-card-content h5 {
            font-size: 22px;
        }

        .md-card-content p {
            font-size: 17px;
            line-height: 1.8;
        }

    .md-card-image img {
        min-height: 420px;
    }
}

/* ======================
Mobile
====================== */

@media(max-width:767px) {

    .md-card {
        border-radius: 18px;
    }

    .md-card-image {
        border-bottom-right-radius: 70px;
    }

        .md-card-image img {
            min-height: 320px;
        }

    .md-card-content {
        padding: 30px;
        text-align: center;
    }

        .md-card-content h2 {
            font-size: 28px;
        }

        .md-card-content h5 {
            font-size: 18px;
        }

        .md-card-content p {
            font-size: 15px;
            line-height: 1.8;
        }

    .md-divider {
        margin: 20px auto;
    }

    .md-pattern {
        width: 70px;
        height: 70px;
        right: 18px;
        top: 18px;
    }

    .md-wheel {
        right: 20px;
        bottom: 18px;
        font-size: 52px;
    }

    .md-card-title:before,
    .md-card-title:after {
        width: 40px;
    }
}


.social-links__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.social-links a:hover .social-links__icon {
    color: var(--deskot-white, #ffffff);
    animation: slideTop 400ms;
}

/* ratings */
.deskot-ratings {
    display: flex;
    align-items: center;
    gap: 5px;
}

.deskot-ratings__icon {
    display: inline-flex;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .deskot-ratings__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

/* post pagination */
.post-pagination {
    list-style: none;
    padding: 0;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 991px) {
    .post-pagination {
        margin-top: 20px;
    }
}

.post-pagination__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    background-color: var(--deskot-white3, #F5F2EF);
    border-radius: 5px;
    overflow: hidden;
    transition: all 400ms ease;
}

    .post-pagination__btn svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .post-pagination__btn:hover {
        color: var(--deskot-white, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

    .post-pagination__btn.active {
        color: var(--deskot-white, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

.post-pagination__icon {
    display: inline-flex;
    align-items: center;
    font-size: var(--fs-24, 24px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 400ms ease;
}

    .post-pagination__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

/* progress bar */
.progress-box + .progress-box {
    margin-top: 23px;
}

.progress-box__title {
    margin-bottom: 10px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    font-weight: 600;
    color: var(--deskot-black3, #333333);
    line-height: 1.625;
}

@media (max-width: 430px) {
    .progress-box__title {
        font-size: var(--fs-15, 15px);
    }
}

.progress-box__bar {
    position: relative;
    width: 100%;
    height: 14px;
    border: 1px solid var(--deskot-base, #ff5a1e);
    border-radius: 20px;
}

.progress-box__bar__inner {
    position: relative;
    position: absolute;
    height: calc(100% - 4px);
    width: 0%;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    background-color: var(--deskot-base, #ff5a1e);
    border-radius: inherit;
    transition: all 800ms linear;
}

    .progress-box__bar__inner::before {
        content: "";
        width: 22px;
        height: 22px;
        background-color: var(--deskot-base, #ff5a1e);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: -2px;
        transform: translateY(-50%);
    }

    .progress-box__bar__inner::after {
        content: "";
        width: 14px;
        height: 14px;
        background-color: var(--deskot-white, #ffffff);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 2px;
        transform: translateY(-50%);
    }

.progress-box__number {
    position: absolute;
    bottom: calc(100% + 13px);
    right: 0px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black3, #333333);
    font-weight: 600;
    line-height: 1.625;
}

@media (max-width: 430px) {
    .progress-box__number {
        font-size: var(--fs-15, 15px);
    }
}

/* owl slider buton, dots customize */
.deskot-owl__carousel--with-shadow .owl-stage-outer {
    overflow: visible;
}

.deskot-owl__carousel--with-shadow .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
}

    .deskot-owl__carousel--with-shadow .owl-item.active {
        opacity: 1;
        visibility: visible;
    }

.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

    .deskot-owl__carousel--basic-nav.owl-carousel .owl-nav button {
        border: none;
        outline: none;
        margin: 0;
        padding: 0;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-black2, #072f3e);
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

@media (max-width: 767px) {
    .deskot-owl__carousel--basic-nav.owl-carousel .owl-nav button {
        width: 50px;
        height: 50px;
        font-size: var(--fs-14, 14px);
    }
}

.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav button svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav button:hover {
    color: var(--deskot-white, #ffffff);
    border-color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-base, #ff5a1e);
}

.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
    border: none;
    outline: none;
    color: inherit;
}

.deskot-owl__carousel--basic-nav.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}

    .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot {
        outline: 0;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 1px solid var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

        .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot::after {
            content: "";
            width: 8px;
            height: 8px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: var(--deskot-base, #ff5a1e);
            transition: all 500ms ease;
        }

        .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {
            background-color: transparent;
        }

        .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover, .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active {
            border-color: var(--deskot-base, #ff5a1e);
            background-color: var(--deskot-base, #ff5a1e);
        }

            .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span, .deskot-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span {
                background-color: transparent;
            }

.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 50px;
}

.deskot-owl__carousel--basic-nav.owl-carousel .owl-dots.disabled,
.deskot-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled {
    display: none;
}

.tabs-box .tabs-content .tab:not(.active-tab) {
    display: none;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background-color: var(--deskot-base, #ff5a1e);
}

.hammer {
    width: 22px;
    height: 22px;
    fill: var(--deskot-base, #ff5a1e);
}

    .hammer path:nth-child(1),
    .hammer path:nth-child(2) {
        animation: hammerBounce 3s ease-in-out infinite;
    }

    .hammer path:nth-child(3),
    .hammer path:nth-child(4),
    .hammer path:nth-child(5),
    .hammer path:nth-child(6) {
        transform-origin: center;
        animation: hammerStrike 3s ease-in-out infinite;
    }

.ui-datepicker .ui-datepicker-header {
    background-image: none;
    background-color: var(--deskot-black, #222222);
    color: var(--deskot-white, #ffffff);
    font-family: var(--deskot-font, "Mulish", sans-serif);
}

.ui-datepicker-calendar th span {
    font-family: var(--deskot-font, "Mulish", sans-serif);
}

.ui-datepicker-calendar td {
    background-color: var(--deskot-text, #636363);
    background-image: none;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    color: var(--deskot-text, #636363);
}

    .ui-datepicker-calendar td a {
        border-color: var(--deskot-border-color, #dddddd);
        background-color: var(--deskot-text, #636363);
        background-image: none;
    }

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    border-color: var(--deskot-border-color, #dddddd);
    background-color: var(--deskot-text, #636363);
    background-image: none;
    color: var(--deskot-text, #636363);
    padding: 10px 5px;
    text-align: center;
    line-height: 1em;
}

    .ui-datepicker-calendar .ui-state-default:hover,
    .ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
    .ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {
        color: var(--deskot-white, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    color: var(--deskot-white, #ffffff);
    background-color: var(--deskot-base, #ff5a1e);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-image: none;
    background-color: var(--deskot-white, #ffffff);
    color: var(--deskot-black, #222222);
}

    .ui-datepicker .ui-datepicker-prev:hover,
    .ui-datepicker .ui-datepicker-next:hover {
        background-color: var(--deskot-base, #ff5a1e);
        color: var(--deskot-white, #ffffff);
        top: 2px;
    }

    .ui-datepicker .ui-datepicker-prev:hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next:hover {
        right: 2px;
    }

.preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: var(--deskot-base-lg);
}

    .preloader .th-btn {
        padding: 15px 20px;
        border-radius: 0;
        font-size: var(--fs-14, 14px);
    }

.preloader-inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    width: 90%;
}

    .preloader-inner img {
        display: block;
        margin: 0 auto;
    }

.loader {
    font-size: var(--fs-60, 60px);
    margin-bottom: 20px;
    display: inline-flex;
    font-weight: 700;
    color: var(--deskot-secondary-base);
    position: relative;
    font-family: 'logofont' !important;
    line-height: 1.2;
    white-space: nowrap;
}

.loader-text {
    position: relative;
    display: inline-block;
}

.pre-loading-description {
    font-size: var(--fs-24, 24px);
    font-weight: 700;
    color: var(--deskot-secondary-base);
}

.loading-text {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--deskot-base);
    white-space: nowrap;
    width: 100%;
    clip-path: inset(0 100% 0 0);
    animation: smoothFill 4s linear infinite;
    will-change: clip-path;
}

@media (max-width: 767px) {

    .loader {
        font-size: var(--fs-38, 38px);
        white-space: normal;
    }

    .loader-text,
    .loading-text {
        white-space: normal;
    }

    .pre-loading-description {
        font-size: var(--fs-16, 16px);
    }
}

@keyframes smoothFill {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}
/* scroll to top */
.scroll-to-top {
    display: flex;
    align-items: center;
    width: auto;
    height: 35px;
    background: transparent;
    position: fixed;
    bottom: 60px;
    right: -12px;
    z-index: 99;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: rotate(-90deg);
    cursor: pointer;
    transition: all 0.2s ease;
}

.scroll-to-top__text {
    display: inline;
    font-size: var(--fs-12, 12px);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-right: 8px;
}

.scroll-to-top__wrapper {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: var(--deskot-base, #ff5a1e);
    position: relative;
    overflow: hidden;
}

.scroll-to-top__inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--deskot-black, #222222);
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    bottom: 130px;
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--deskot-base, #ff5a1e);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999991;
}

.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--deskot-base, #ff5a1e);
    opacity: 0.3;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    z-index: 999991;
}

.custom-cursor__hover {
    background-color: var(--deskot-base, #ff5a1e);
    opacity: 0.4;
}

.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: 0.4;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
    0% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    50% {
        -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
        transform: translateY(50px) translateX(100px) rotate(45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
    }

    80% {
        -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
        transform: translateY(30px) translateX(50px) rotate(15deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0) rotate(0);
        transform: translateY(0px) translateX(0) rotate(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}

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

    50% {
        -webkit-transform: translateY(-10px) translateX(-10px) rotate(-5deg);
        transform: translateY(-10px) translateX(-10px) rotate(-5deg);
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
}

@keyframes shapeMover {
    0%, 100% {
        transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
    }

    50% {
        transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px);
    }
}

@keyframes banner3Shake {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }

    30% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    60% {
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg);
        transform: rotate3d(0, 1, 0, 0deg);
    }
}

@keyframes squareMover {
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }

    20%, 60% {
        -webkit-transform: translate(20px, 40px) rotate(180deg);
        transform: translate(20px, 40px) rotate(180deg);
    }

    30%, 80% {
        -webkit-transform: translate(40px, 60px) rotate(0deg);
        transform: translate(40px, 60px) rotate(0deg);
    }
}

@keyframes treeMove {
    0%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%, 75% {
        -webkit-transform: rotate(5deg) translateX(15px);
        transform: rotate(5deg) translateX(15px);
    }

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

@keyframes leafMove {
    0%, 100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0);
    }

    25%, 75% {
        transform: rotate(-2deg) translateX(5px);
    }

    50% {
        transform: rotate(-4deg) translateX(10px);
    }
}

@keyframes messageMove {
    0%, 100% {
        transform: translateX(0);
    }

    25%, 75% {
        transform: translateX(5px);
    }

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

@keyframes flowerRotate {
    0%, 100% {
        transform: rotate(0deg);
    }

    25%, 75% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(10deg);
    }
}

@keyframes zump {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    50% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

@keyframes zumpBottom {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    50% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

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

@keyframes zoomIn {
    0% {
        transform: scale(1.25);
    }

    50% {
        transform: scale(1);
    }

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

@keyframes zoomIn2 {
    0% {
        transform: scale(0.5) rotate(0deg);
    }

    100% {
        transform: scale(1.25) rotate(45deg);
    }
}

@keyframes zoomIn3 {
    0% {
        transform: scale(0.7) rotate(0deg);
    }

    100% {
        transform: scale(1) rotate(45deg);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(1);
    }

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

@keyframes zoom-out-in {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.6);
    }

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

@keyframes moveX {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    50% {
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0);
    }

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

@keyframes moveX2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    50% {
        -webkit-transform: translate3d(-15px, 0, 0);
        transform: translate3d(-15px, 0, 0);
    }

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

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

    100% {
        transform: rotate(359deg);
    }
}

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

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

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

    50% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes wobble-horizontal-hover {
    16.65% {
        transform: translateX(5px);
    }

    33.3% {
        transform: translateX(-3px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

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

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    }

    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -190deg);
    }

    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 50px) rotate3d(0, 1, 0, -170deg);
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    }

    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    }
}

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

    15% {
        width: 100%;
    }

    85% {
        opacity: 1;
    }

    90% {
        width: 100%;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

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

    15% {
        width: 126px;
    }

    85% {
        opacity: 1;
    }

    90% {
        width: 126px;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

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

    15% {
        width: 173px;
    }

    85% {
        opacity: 1;
    }

    90% {
        width: 173px;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

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

    50% {
        -webkit-transform: translateY(10px) translateX(10px) rotate(5deg);
        transform: translateY(10px) translateX(10px) rotate(5deg);
    }

    100% {
        -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
        transform: translateY(0px) translateX(0px) rotate(0deg);
    }
}

@keyframes rectMove {
    0%, 50%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25%, 75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes moveBackground {
    0% {
        background-position: -1920px 100%;
    }

    100% {
        background-position: 0 100%;
    }
}

@keyframes moveBackgroundY {
    0% {
        background-position: 100% 1920px;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes slideTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes slideRight {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

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

    51% {
        opacity: 1;
    }
}

@keyframes slideLeft {
    49% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

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

    51% {
        opacity: 1;
    }
}

@keyframes animatedCircle {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg) scale(1);
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@keyframes vibrant {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, 2px);
    }

    80% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes vibrant2 {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(2px, -2px);
    }

    40% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, 2px);
    }

    80% {
        transform: translate(-2px, 2px);
    }

    100% {
        transform: translate(0);
    }
}
/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar {
    position: relative;
    z-index: 999;
    padding: 11px 0px;
    background-color: var(--deskot-secondary-base, #072f3e);
}

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

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

.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.topbar__info {
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 38px;
}

@media (max-width: 991px) {
    .topbar__info {
        width: 100%;
        justify-content: center;
    }
}

.topbar__info li {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-white, #ffffff);
    line-height: 1.285;
}

    .topbar__info li:not(:last-child)::after {
        content: "|";
        position: absolute;
        top: calc(50% - 1px);
        right: -19px;
        transform: translateY(-50%);
        font-size: var(--fs-16, 16px);
        color: RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.29);
    }

    .topbar__info li a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .topbar__info li a:hover {
            background-size: 100% 1px;
        }

        .topbar__info li a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

.topbar__info__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
}

    .topbar__info__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.topbar__social {
    display: flex;
    align-items: center;
    gap: 19px;
}

@media (max-width: 991px) {
    .topbar__social {
        display: none;
    }
}

.topbar__social__title {
    margin: 0px;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-white, #ffffff);
    text-transform: capitalize;
}

.topbar .social-links a {
    width: 28px;
    height: 28px;
}

.topbar .social-links__icon {
    font-size: var(--fs-22, 22px);
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-header {
    position: relative;
    z-index: 999;
    background-color: var(--deskot-white, #ff5a1e);
}

    .main-header::after {
        content: "";
        width: 57px;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: var(--deskot-base, #ffffff);
    }

@media (max-width: 1599px) {
    .main-header::after {
        display: block;
    }
}

@media (max-width: 1399px) {
    .main-header::after {
        display: block;
    }
}

@media (max-width: 1299px) {
    .main-header::after {
        display: block;
    }
}

.main-header > .container-fluid {
    padding-left: 69px;
    padding-right: 17px;
}

@media (max-width: 1900px) {
    .main-header > .container-fluid {
        padding-left: 17px;
    }
}

@media (min-width: 1920px) {
    .main-header::after {
        width: 50px;
    }

    .main-header__inner {
        justify-content: space-around;
    }
}

@media (max-width: 575px) {
    .main-header > .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.main-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .main-header__inner {
        padding: 8px 0;
    }
}

.main-header__logo {
    display: inline-block;
    position: relative;
    padding: 0px 46px 0px 79px;
}

    .main-header__logo img,
    .logo-box a img,
    .footer-widget__logo img {
        width: 250px;
    }

@media (max-width: 1599px) {
    .main-header__logo {
        padding: 0px 30px 0px 60px;
    }
}

@media (max-width: 480px) {
    .main-header__logo {
        padding: 0px 20px 0px 40px;
        margin-right: 20px;
    }
}

@media (max-width: 450px) {
    .main-header__logo {
        padding-left: 0px;
    }
}

.main-header__logo::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 450px) {
    .main-header__logo::before {
        width: calc(100% + 15px);
        left: -15px;
    }
}

.main-header__logo a {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.main-header__logo img {
    max-width: 100%;
    height: auto;
}

.main-header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-header__nav {
    margin-right: 30px;
}

@media (max-width: 1199px) {
    .main-header__nav {
        display: none;
    }
}

.main-header__search {
    display: inline-flex;
    position: relative;
    font-size: var(--fs-26, 26px);
    color: var(--deskot-secondary-base, #ffffff);
    transition: all 500ms ease;
}

    .main-header__search svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

@media (max-width: 1199px) {
    .main-header__search {
        margin-left: 50px;
    }
}

@media (max-width: 430px) {
    .main-header__search {
        margin-left: 40px;
    }
}

.main-header__search:hover {
    color: var(--deskot-black, #222222);
}

.main-header__search::before {
    content: "";
    display: none;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    background-color: RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.5);
}

@media (max-width: 1199px) {
    .main-header__search::before {
        display: inline-block;
    }
}

@media (max-width: 430px) {
    .main-header__search::before {
        left: -20px;
    }
}

.main-header__search svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.main-header__btn {
    margin-left: 40px;
}

@media (max-width: 1599px) {
    .main-header__btn {
        margin-left: 30px;
    }
}

@media (max-width: 767px) {
    .main-header__btn {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-header__btn {
        display: none;
    }
}

.main-header__btn::after {
    background-color: var(--deskot-black, #222222);
}

.main-header__btn .deskot-btn__icon-box {
    color: var(--deskot-white, #ffffff);
    background-color: var(--deskot-black2, #072f3e);
}

.main-header .sidebar-btn__toggler {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 270px;
    cursor: pointer;
    border-radius: 50%;
    background-color: var(--deskot-black2, #072f3e);
    border: 6px solid var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

@media (max-width: 1900px) {
    .main-header .sidebar-btn__toggler {
        margin-left: 60px;
    }
}

@media (max-width: 1399px) {
    .main-header .sidebar-btn__toggler {
        display: flex;
        margin-left: 40px;
    }
}

.main-header .sidebar-btn__toggler:hover {
    background-color: var(--deskot-base, #ff5a1e);
}

.main-header .sidebar-btn__toggler__icon {
    display: inline-flex;
    font-size: var(--fs-42, 42px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;

}

    .main-header .sidebar-btn__toggler__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.main-header .sidebar-btn__toggler:hover .sidebar-btn__toggler__icon {
    color: var(--deskot-secondary-base, #ffffff);
}

.main-header .sidebar-btn__toggler__icon img {
    height: 42px;
}

@media (max-width: 575px) {
    .main-header .sidebar-btn__toggler {
        width: 60px;
        height: 60px;
    }

    .main-header .sidebar-btn__toggler__icon img {
        height: 28px;
    }
}

@media (max-width: 767px) {
    .main-header .sidebar-btn__toggler {
        width: 60px;
        height: 60px;
    }

    .main-header .sidebar-btn__toggler__icon img {
        height: 28px;
    }
}

@media (max-width: 480px) {
    .main-header .sidebar-btn__toggler {
        width: 60px;
        height: 60px;
    }

    .main-header .sidebar-btn__toggler__icon img {
        height: 28px;
    }
}

.main-header--two {
    background-color: var(--deskot-white, #ffffff);
}

    .main-header--two::after {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .main-header--two > .container-fluid {
        padding-left: 59px;
    }

@media (max-width: 1799px) {
    .main-header--two > .container-fluid {
        padding-left: 17px;
    }
}

@media (max-width: 575px) {
    .main-header--two > .container-fluid {
        padding-left: 15px;
    }
}

.main-header--two .main-header__logo {
    padding: 0px;
}

@media (max-width: 480px) {
    .main-header--two .main-header__logo {
        margin-right: 50px;
    }
}

.main-header--two .main-header__logo::before {
    width: calc(100% + 145px);
    height: calc(100% + 60px);
    left: -59px;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(100% 0, 86% 50%, 100% 100%, 0 100%, 0 0);
}

@media (max-width: 1799px) {
    .main-header--two .main-header__logo::before {
        left: -17px;
    }
}

@media (max-width: 1199px) {
    .main-header--two .main-header__logo::before {
        width: calc(100% + 100px);
        height: calc(100% + 44px);
    }
}

@media (max-width: 767px) {
    .main-header--two .main-header__logo::before {
        width: calc(100% + 80px);
        height: calc(100% + 40px);
    }
}

@media (max-width: 480px) {
    .main-header--two .main-header__logo::before {
        width: calc(100% + 60px);
        clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .main-header--two .main-header__logo::before {
        width: calc(100% + 110px);
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .main-header--two .main-header__logo::before {
        width: calc(100% + 80px);
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .main-header--two .main-menu .main-menu__list > li {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.main-header--two .main-menu .main-menu__list > li.current,
.main-header--two .main-menu .main-menu__list > li:hover {
    border-color: var(--deskot-base, #ff5a1e);
    background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.2);
}

.main-header--two .main-menu .main-menu__list > li > a,
.main-header--two .main-menu .main-menu__list > li.megamenu > a::after,
.main-header--two .main-menu .main-menu__list > li.dropdown > a::after {
    color: var(--deskot-black3, #333333);
}

.main-header--two .main-menu .main-menu__list > li.current > a,
.main-header--two .main-menu .main-menu__list > li:hover > a {
    color: var(--deskot-base, #ff5a1e);
}

    .main-header--two .main-menu .main-menu__list > li.current > a::after,
    .main-header--two .main-menu .main-menu__list > li.megamenu:hover > a::after,
    .main-header--two .main-menu .main-menu__list > li.dropdown:hover > a::after {
        color: var(--deskot-base, #ff5a1e);
    }

.main-header--two .mobile-nav__btn span {
    background-color: var(--deskot-black, #222222);
}

.main-header--two .mobile-nav__btn:hover span {
    background-color: var(--deskot-base, #ff5a1e);
}

.main-header--two .main-header__search {
    color: var(--deskot-black, #222222);
}

    .main-header--two .main-header__search:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .main-header--two .main-header__search::before {
        background-color: RGBA(var(--deskot-black-rgb, 34, 34, 34), 0.3);
    }

@media (max-width: 1599px) {
    .main-header--two .main-header__btn {
        margin-left: 30px;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .main-header--two .main-header__btn {
        margin-left: 25px;
    }
}

.main-header--two .deskot-btn__icon-box {
    color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-white, #ffffff);
}

.main-header--two .main-header__phone {
    margin-left: 40px;
    display: flex;
    align-items: center;
    gap: 17px;
}

@media (max-width: 1599px) {
    .main-header--two .main-header__phone {
        margin-left: 30px;
    }
}

@media (max-width: 991px) {
    .main-header--two .main-header__phone {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .main-header--two .main-header__phone {
        display: none;
    }
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .main-header--two .main-header__phone {
        margin-left: 25px;
    }
}

.main-header--two .main-header__phone__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-36, 36px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .main-header--two .main-header__phone__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.main-header--two .main-header__phone:hover .main-header--two .main-header__phone__icon {
    color: var(--deskot-black2, #072f3e);
}

.main-header--two .main-header__phone__title {
    margin-bottom: 0px;
    font-size: var(--fs-18, 18px);
    font-weight: 600;
    line-height: 1.357;
    text-transform: capitalize;
}

.main-header--two .main-header__phone__number {
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
    font-weight: 500;
    line-height: 1.25;
    text-transform: capitalize;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .main-header--two .main-header__phone__number:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .main-header--two .main-header__phone__number:hover {
        background-size: 100% 1px;
    }

.main-header--two .sidebar-btn__toggler {
    margin-left: 33px;
}

@media (min-width: 1600px) and (max-width: 1799px) {
    .main-header--two .sidebar-btn__toggler {
        margin-left: 25px;
    }
}

.main-header--three {
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0px;
    background-color: transparent;
}

@media (max-width: 575px) {
    .main-header--three {
        top: 20px;
    }
}

.main-header--three::after {
    display: none;
}

@media (min-width: 1400px) {
    .main-header--three > .container {
        max-width: 1400px;
    }
}

.main-header--three .main-header__inner {
    padding-left: 59px;
    padding-right: 30px;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 575px) {
    .main-header--three .main-header__inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.main-header--three .main-header__inner::before {
    content: "";
    width: 55px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(100% 0%, 21% 50%, 100% 100%, 0 100%, 0 48%, 0 0);
}

@media (max-width: 575px) {
    .main-header--three .main-header__inner::before {
        display: none;
    }
}

.main-header--three .main-header__logo {
    padding: 0px;
}

@media (max-width: 480px) {
    .main-header--three .main-header__logo {
        margin-right: 20px;
    }
}

.main-header--three .main-header__logo::before {
    display: none;
}

@media (max-width: 991px) {
    .main-header--three .main-header__btn {
        display: none;
    }
}

.sticky-header--cloned {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    background-color: var(--deskot-white, #ff5a1e);
    transform: translateY(-100%);
    box-shadow: 0px 3px 18px rgba(var(--deskot-black-rgb, 34, 34, 34), 0.07);
    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
    visibility: hidden;
    transition: transform 500ms ease, visibility 500ms ease;
}

    .sticky-header--cloned.active {
        transform: translateY(0%);
        visibility: visible;
    }

    .sticky-header--cloned.main-header--two {
        background-color: var(--deskot-white, #ffffff);
    }

    .sticky-header--cloned.main-header--three .main-header__inner::before {
        display: none;
    }

.mobile-nav__btn {
    width: 26px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 3;
}

@media (min-width: 1200px) {
    .mobile-nav__btn {
        display: none;
    }
}

.mobile-nav__btn span {
    width: 100%;
    height: 2px;
    background-color: var(--deskot-secondary-base, #ffffff);
    transition: all 500ms ease;
}

    .mobile-nav__btn span:nth-child(2) {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.mobile-nav__btn:hover span {
    background-color: var(--deskot-black, #222222);
}

.main-menu {
    /* after third level no menu */
}

    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        align-items: center;
        display: none;
    }

@media (min-width: 1200px) {
    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        display: flex;
    }
}

.main-menu .main-menu__list > li {
    position: relative;
    padding: 10px 20px;
}

    .main-menu .main-menu__list > li.dropdown > a {
        position: relative;
    }

.main-menu .main-menu__list > li {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    background-color: transparent;
    transition: all 500ms ease;
}

    .main-menu .main-menu__list > li.current,
    .main-menu .main-menu__list > li:hover {
        border-color: var(--deskot-base, #ffffff);
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 5px;
    }

    .main-menu .main-menu__list > li > a {
        position: relative;
        font-size: var(--fs-16, 16px);
        display: flex;
        align-items: center;
        color: var(--deskot-secondary-base, #ffffff);
        line-height: 1.25;
        font-weight: 600;
        text-transform: capitalize;
        transition: all 500ms ease;
    }

    .main-menu .main-menu__list > li.current > a,
    .main-menu .main-menu__list > li:hover > a {
        color: var(--deskot-black, #222222);
    }

    .main-menu .main-menu__list > li.megamenu > a,
    .main-menu .main-menu__list > li.dropdown > a {
        padding-right: 16px;
    }

        .main-menu .main-menu__list > li.megamenu > a::after,
        .main-menu .main-menu__list > li.dropdown > a::after {
            content: "\f078";
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            font-family: "Line Awesome Free";
            font-size: var(--fs-12, 12px);
            font-weight: 600;
            color: var(--deskot-secondary-base, #ffffff);
            transition: all 500ms ease;
        }

    .main-menu .main-menu__list > li.current > a::after,
    .main-menu .main-menu__list > li.megamenu:hover > a::after,
    .main-menu .main-menu__list > li.dropdown:hover > a::after {
        color: var(--deskot-black, #222222);
    }

.main-menu .main-menu__list li ul {
    position: absolute;
    top: calc(100% + 20px);
    left: -25px;
    min-width: 300px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    z-index: 99;
    background-color: var(--deskot-white, #ffffff);
    box-shadow: 0px 10px 60px 0px RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.07);
    padding: 15px 20px 11px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list > .megamenu {
    position: static;
}

    .main-menu .main-menu__list > .megamenu > ul {
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background-color: transparent;
        box-shadow: none;
        padding: 0;
    }

.main-menu .main-menu__list li ul li {
    flex: 1 1 100%;
    width: 100%;
    position: relative;
}

    .main-menu .main-menu__list li ul li > a {
        font-family: var(--deskot-font, "Mulish", sans-serif);
        font-size: var(--fs-15, 15px);
        line-height: 26px;
        color: var(--deskot-black, #222222);
        font-weight: 600;
        display: flex;
        text-transform: capitalize;
        padding: 8px 15px;
        transition: 400ms;
        margin-bottom: 4px;
    }

    .main-menu .main-menu__list li ul li.current > a,
    .main-menu .main-menu__list li ul li:hover > a {
        color: var(--deskot-secondary-base, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

    .main-menu .main-menu__list li ul li > ul {
        top: 0;
        left: calc(100% + 20px);
    }

        .main-menu .main-menu__list li ul li > ul.right-align {
            top: 0;
            left: auto;
            right: 100%;
        }

        .main-menu .main-menu__list li ul li > ul ul {
            display: none;
        }

@media (min-width: 1200px) and (max-width: 1599px) {
    .main-menu__list li:nth-last-child(1) ul li > ul,
    .main-menu__list li:nth-last-child(2) ul li > ul {
        left: auto;
        right: calc(100% + 20px);
    }
}
/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100vw;
    height: 100vh;
    visibility: visible;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
    z-index: 999999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    padding: 0;
    background-color: var(--deskot-white, #ffffff);
    display: block !important;
    margin: 0;
}

.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
    display: none;
}

.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}

body.megamenu-popup-active {
    overflow: hidden;
}

    body.megamenu-popup-active .stricky-header {
        bottom: 0;
    }

    body.megamenu-popup-active .mobile-nav__content {
        overflow: unset;
    }

.mobile-nav__content .demo-one .container {
    padding-left: 15px;
    padding-right: 15px;
}

.megamenu-popup {
    position: relative;
}

    .megamenu-popup .megamenu-clickable--close {
        position: absolute;
        top: 18px;
        right: 20px;
        display: block;
        color: var(--deskot-black, #222222);
    }

@media (min-width: 1300px) {
    .megamenu-popup .megamenu-clickable--close {
        top: 38px;
        right: 40px;
    }
}

.megamenu-popup .megamenu-clickable--close:hover {
    color: var(--deskot-base, #ff5a1e);
}

.megamenu-popup .megamenu-clickable--close span {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    color: currentColor;
    transition: all 500ms ease;
}

    .megamenu-popup .megamenu-clickable--close span::before, .megamenu-popup .megamenu-clickable--close span::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: currentColor;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .megamenu-popup .megamenu-clickable--close span::after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

    .demo-one .row {
        --bs-gutter-y: 30px;
    }

.demo-one__card {
    background-color: var(--deskot-white, #ffffff);
    box-shadow: 0px 10px 60px 0px rgba(var(--deskot-black3-rgb, 51, 51, 51), 0.1);
    text-align: center;
    transition: 500ms ease;
    transform: translateY(0px);
}

    .demo-one__card:hover {
        transform: translateY(-10px);
    }

.demo-one__title {
    margin: 0;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black, #222222);
    font-weight: 600;
    text-transform: uppercase;
}

    .demo-one__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .demo-one__title a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .demo-one__title a:hover {
            background-size: 100% 1px;
        }

.demo-one__image {
    position: relative;
    overflow: hidden;
}

    .demo-one__image img {
        max-width: 100%;
        transition: filter 500ms ease;
        filter: blur(0px);
    }

.demo-one__card:hover .demo-one__image img {
    filter: blur(2px);
}

.demo-one__btns {
    background-color: rgba(var(--deskot-black2-rgb, 7, 47, 62), 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    transform: scale(1, 0);
    transition: transform 500ms ease, opacity 600ms linear;
    transform-origin: bottom center;
    opacity: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .demo-one__btns {
        flex-direction: column;
    }
}

@media (max-width: 375px) {
    .demo-one__btns {
        flex-direction: column;
    }
}

.demo-one .deskot-btn {
    padding-left: 25px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .demo-one .deskot-btn {
        min-width: 183.09px;
    }
}

@media (max-width: 375px) {
    .demo-one .deskot-btn {
        min-width: 183.09px;
    }
}

.demo-one .deskot-btn::after {
    background-color: var(--deskot-white, #ffffff);
}

.demo-one .deskot-btn:hover .deskot-btn__text {
    color: var(--deskot-black2, #072f3e);
}

.demo-one__card:hover .demo-one__btns {
    transform: scale(1, 1);
    opacity: 1;
    transform-origin: top center;
}

.demo-one__title {
    padding-top: 28px;
    padding-bottom: 28px;
}

.home-showcase .row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 20px;
}

.home-showcase__inner {
    max-height: 90vh;
    overflow-y: scroll;
    padding: 40px 40px 21px;
    background-color: var(--deskot-white, #ffffff);
    box-shadow: 0px 10px 60px 0px rgba(var(--deskot-black3-rgb, 51, 51, 51), 0.07);
}

.home-showcase .demo-one__card {
    box-shadow: none;
}

.home-showcase .demo-one__btns {
    flex-direction: column;
}

.home-showcase .deskot-btn {
    min-width: 183.09px;
    padding-left: 25px;
}

    .home-showcase .deskot-btn::after {
        background-color: var(--deskot-white, #ffffff);
    }

    .home-showcase .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-black2, #072f3e);
    }

.home-showcase .demo-one__title {
    padding: 0;
    font-size: var(--fs-16, 16px);
    margin-top: 20px;
    padding-bottom: 10px;
}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    visibility: hidden;
    position: fixed;
}

    .mobile-nav__wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-nav__wrapper .home-showcase .row [class*=col-] {
        flex: 0 0 100%;
    }

    .mobile-nav__wrapper .home-showcase {
        margin-bottom: -1px;
        margin-top: 0;
        border-bottom: 1px solid RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.1);
    }

    .mobile-nav__wrapper .home-showcase__inner {
        padding: 15px 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .mobile-nav__wrapper .home-showcase__title {
        color: var(--deskot-white, #ffffff);
    }

    .mobile-nav__wrapper.expanded {
        opacity: 1;
        transform: translateX(0%);
        visibility: visible;
        transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    }

        .mobile-nav__wrapper.expanded .mobile-nav__content {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
            transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
        }


.mobile-nav__content {
    width: 300px;
    background-color: var(--deskot-base-lg);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding: 65px 15px 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}

    .mobile-nav__content .main-menu__nav {
        display: block;
        padding: 0;
    }

    .mobile-nav__content .logo-box {
        margin-bottom: 40px;
        display: flex;
    }

.mobile-nav__close {
    display: inline-flex;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: var(--fs-20, 20px);
    color: var(--deskot-secondary-base);
    cursor: pointer;
    transition: all 500ms ease;
}

    .mobile-nav__close svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .mobile-nav__close:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .mobile-nav__content .main-menu__list ul {
        display: none;
        border-top: 1px solid RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.05);
    }

        .mobile-nav__content .main-menu__list ul li > a {
            padding-left: 1em;
        }

    .mobile-nav__content .main-menu__list li:not(:last-child) {
        border-bottom: 1px solid var(--deskot-base);
    }

    .mobile-nav__content .main-menu__list li > a {
        display: flex;
        justify-content: space-between;
        font-family: var(--deskot-font, "Mulish", sans-serif);
        line-height: 30px;
        color: var(--deskot-secondary-base);
        font-size: var(--fs-16, 16px);
        text-transform: capitalize;
        font-weight: 600;
        height: 46px;
        align-items: center;
        transition: 500ms;
    }

    .mobile-nav__content .main-menu__list > li > ul > li > a {
        font-size: var(--fs-15, 15px);
    }

    .mobile-nav__content .main-menu__list li a.expanded {
        color: var(--deskot-base, #ff5a1e);
    }

    .mobile-nav__content .main-menu__list li a button {
        width: 30px;
        height: 30px;
        background-color: var(--deskot-base, #ff5a1e);
        border: none;
        outline: none;
        color: var(--deskot-white, #ffffff);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: rotate(-90deg);
        transition: transform 500ms ease;
    }

        .mobile-nav__content .main-menu__list li a button svg {
            width: 1em;
            height: 1em;
            fill: currentColor;
        }

        .mobile-nav__content .main-menu__list li a button.expanded {
            transform: rotate(0deg);
            background-color: var(--deskot-white, #ffffff);
            color: var(--deskot-black, #222222);
        }

.mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .mobile-nav__contact li {
        color: var(--deskot-white, #ffffff);
        font-size: var(--fs-16, 16px);
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
    }

        .mobile-nav__contact li + li {
            margin-top: 15px;
        }

        .mobile-nav__contact li a {
            color: inherit;
            transition: 500ms;
            color: var(--deskot-secondary-base);
        }

            .mobile-nav__contact li a:hover {
                color: var(--deskot-base, #ff5a1e);
            }

.mobile-nav__contact__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--deskot-base, #ff5a1e);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: var(--fs-22, 22px);
    margin-right: 12px;
    color: var(--deskot-secondary-base, #ffffff);
}

    .mobile-nav__contact__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.mobile-nav__content .social-links {
    gap: 20px;
}

    .mobile-nav__content .social-links a {
        width: 52px;
        height: 52px;
        border: none;
        background-color: var(--deskot-base, #ff5a1e);
    }

        .mobile-nav__content .social-links a:hover {
            background-color: var(--deskot-white, #ffffff);
        }

.mobile-nav__content .social-links__icon {
    font-size: var(--fs-38);
    color: var(--deskot-secondary-base, #ffffff);
}

.mobile-nav__content .social-links a:hover .social-links__icon {
    color: var(--deskot-base, #ff5a1e);
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
    display: none;
}

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

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

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

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

.search-popup__form {
    position: relative;
}

    .search-popup__form input[type=search],
    .search-popup__form input[type=text] {
        width: 100%;
        height: 66px;
        border: none;
        outline: none;
        padding-left: 25px;
        font-size: var(--fs-15, 15px);
        color: var(--deskot-text, #636363);
        font-weight: 500;
        background-color: var(--deskot-white, #ffffff);
        transition: all 500ms ease;
    }

        .search-popup__form input[type=search]:focus,
        .search-popup__form input[type=text]:focus {
            color: var(--deskot-black, #222222);
        }

.form-group-flex {
    display: flex;
}

    .search-popup__form .deskot-btn {
        padding: 0;
        width: 60px;
        height: 50px;
        font-size: var(--fs-20, 20px);
        color: var(--deskot-white, #ffffff);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 0;
    }

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

        .search-popup__form .deskot-btn:focus {
            color: var(--deskot-white, #ffffff);
        }

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

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-one__group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    margin: 0;
}

@media (min-width: 768px) {
    .form-one__group {
        grid-template-columns: repeat(2, 1fr);
    }
}

.form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
}

.form-one__select {
    height: 48px;
    border-radius: 100px;
    background-color: var(--deskot-white, #ffffff) !important;
    width: 100%;
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 0px 29px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    font-weight: 400;
    color: var(--deskot-text, #636363);
    transition: all 500ms ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-one__control--full {
    grid-column-start: 1;
    grid-column-end: -1;
}

.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    position: relative;
    display: block;
    width: 100% !important;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    border-radius: 0px;
}

.form-one .bootstrap-select > .dropdown-toggle::after {
    display: none;
}

.form-one .bootstrap-select .dropdown-menu {
    border-radius: 0px;
}

.form-one .bootstrap-select > .dropdown-toggle {
    position: relative;
    height: 50px;
    outline: none !important;
    border: 0;
    border-radius: 0px;
    background-color: var(--deskot-white2, #f0f1f5) !important;
    margin: 0;
    padding: 0;
    padding-left: 29px;
    padding-right: 29px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    color: var(--deskot-text, #636363) !important;
    text-transform: capitalize;
    font-size: var(--fs-14, 14px);
    font-weight: 400;
    line-height: 50px;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center;
}

@media (max-width: 767px) {
    .form-one .bootstrap-select > .dropdown-toggle {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.form-one .bootstrap-select > .dropdown-toggle::before {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    font-family: "Line Awesome Free";
    content: "\f107";
    font-weight: 900;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
}

@media (max-width: 767px) {
    .form-one .bootstrap-select > .dropdown-toggle::before {
        right: 25px;
    }
}

.form-one .bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--deskot-border-color, #dddddd);
}

.form-one .bootstrap-select .dropdown-menu {
    border: none;
}

    .form-one .bootstrap-select .dropdown-menu > li > a {
        padding: 10px 29px;
        font-family: var(--deskot-font, "Mulish", sans-serif);
        font-size: var(--fs-15, 15px);
        font-weight: 400;
        color: var(--deskot-text, #636363);
        background-color: var(--deskot-white2, #f0f1f5);
        text-transform: capitalize;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

@media (max-width: 767px) {
    .form-one .bootstrap-select .dropdown-menu > li > a {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.form-one .bootstrap-select .dropdown-menu > li:hover > a,
.form-one .bootstrap-select .dropdown-menu > li.selected > a {
    color: var(--deskot-black, #ffffff);
}

.form-one .bootstrap-select > .dropdown-toggle {
    display: flex;
    align-items: center;
}

    .form-one .bootstrap-select > .dropdown-toggle .filter-option {
        display: flex;
        align-items: center;
    }

.form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type=text],
.form-one input[type=email],
.form-one input[type=search],
.form-one input[type=tel],
.form-one textarea {
    display: block;
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    padding: 0px 29px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    font-weight: 400;
    color: var(--deskot-text, #636363);
    background-color: var(--deskot-white2, #f0f1f5);
    transition: all 500ms ease;
}

@media (max-width: 767px) {
    .form-one .bootstrap-select > .dropdown-toggle,
    .form-one input[type=text],
    .form-one input[type=email],
    .form-one input[type=search],
    .form-one input[type=tel],
    .form-one textarea {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.form-one .bootstrap-select > .dropdown-toggle:focus,
.form-one input[type=text]:focus,
.form-one input[type=email]:focus,
.form-one input[type=search]:focus,
.form-one input[type=tel]:focus,
.form-one textarea:focus {
    color: var(--deskot-black, #222222);
}

.form-one textarea {
    height: 122px;
    padding-top: 10px;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
    margin-top: 53px;
}

.comments-one__title {
    margin-bottom: 54px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

.comments-one__list {
    margin: 0;
}

.comments-one__card {
    display: grid;
    grid-template-columns: 150px auto;
    grid-gap: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .comments-one__card {
        grid-template-columns: 140px auto;
    }
}

@media (max-width: 767px) {
    .comments-one__card {
        grid-template-columns: auto;
    }
}

.comments-one__card:not(:last-child) {
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .comments-one__card:not(:last-child) {
        margin-bottom: 50px;
    }
}

.comments-one__image {
    width: 150px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .comments-one__image {
        width: 140px;
    }
}

@media (max-width: 575px) {
    .comments-one__image {
        width: 140px;
    }
}

.comments-one__image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .comments-one__image img {
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 575px) {
    .comments-one__image img {
        width: 140px;
        height: 140px;
    }
}

.comments-one__content {
    margin-top: 2px;
}

@media (max-width: 767px) {
    .comments-one__content {
        margin-top: 0px;
    }
}

.comments-one__top {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 30px;
}

@media (max-width: 991px) {
    .comments-one__top {
        margin-bottom: 25px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (max-width: 575px) {
    .comments-one__top {
        gap: 20px;
    }
}

.comments-one__left {
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 575px) {
    .comments-one__left {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.comments-one__name {
    margin-bottom: 15px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318;
}

.comments-one__date {
    margin: 0;
    position: relative;
    color: var(--deskot-base, #ff5a1e);
}

    .comments-one__date::before {
        content: "";
        display: inline-block;
        position: relative;
        top: -4px;
        width: 19px;
        height: 1px;
        margin-right: 9px;
        background-color: var(--deskot-base, #ff5a1e);
    }

@media (max-width: 575px) {
    .comments-one__date::before {
        display: none;
    }
}

.comments-one__bottom {
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px 30px;
}

@media (max-width: 412px) {
    .comments-one__bottom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.comments-one__reply {
    margin-top: 21px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--fs-16, 16px);
    font-weight: 600;
    color: var(--deskot-base, #ff5a1e);
    line-height: 1.25;
    text-transform: capitalize;
    transition: all 500ms ease;
}

    .comments-one__reply:hover {
        color: var(--deskot-black, #222222);
    }

.comments-one__text {
    margin: 0px;
}

.comments-form {
    margin-top: 53px;
}

.comments-form__title {
    margin-bottom: 54px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one__content {
    position: relative;
    border-radius: 50px;
    background-color: var(--deskot-base-lg);
    border-radius: 10px;
    box-shadow: rgb(15 48 165 / 10%) 0px 3px 20px;
}

    .contact-one__content .summaryBlock {
        padding: 20px;
        border-radius: 10px 10px 0px 0px;
        background-color: var(--deskot-base);
        text-align:center;
    }

        .contact-one__content .summaryBlock p {
            margin-bottom: 0px;
        }

    @media (max-width: 767px) {
        .contact-one__content {
        padding: 44px 50px 50px;
    }
}

@media (max-width: 575px) {
    .contact-one__content {
        padding: 0px;
        border-radius: 40px;
        margin-top: 35px;
    }
    .contact-one__form {
        padding: 10px !important;
    }
}

@media (max-width: 440px) {
    .contact-one__content {
        padding: 0px;
        border-radius: 30px;
        margin-top: 35px;
    }
    .contact-one__form {
        padding: 10px !important;
    }
}

@media (max-width: 360px) {
    .contact-one__content {
        padding: 0px;
        margin-top: 35px;
    }
    .contact-one__form {
        padding: 10px !important;
    }
}

.contact-one__bg {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: inherit;
}


.contact-one__form {
    padding: 30px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .contact-one__form {
        max-width: 100%;
    }
}

.contact-one__form .row > *{
    margin: 15px 0;
}

.contact-one__form .inp-file-upload {
    background: #fff;
    border: 1px solid var(--deskot-secondary-base);
    color: var(--deskot-secondary-base);
}




.contact-one .sec-title__title {
    color: var(--deskot-white, #ffffff);
}

.contact-one__phone {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 9px 32px 9px 9px;
    position: absolute;
    top: 49px;
    right: -316px;
    transform: rotate(-45deg);
    border-radius: 100px;
    background-color: var(--deskot-base, #ff5a1e);
    transition: 500ms;
}

@media (max-width: 991px) {
    .contact-one__phone {
        position: static;
        margin: 10px 0px 40px;
        transform: rotate(0deg);
    }
}

.contact-one__phone:hover {
    transform: rotate(0deg);
}

.contact-one__phone__icon {
    width: 70px;
    height: 70px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: var(--fs-35, 35px);
    color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

@media (max-width: 390px) {
    .contact-one__phone__icon {
        width: 50px;
        height: 50px;
        font-size: var(--fs-25, 25px);
    }
}

.contact-one__phone__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.contact-one__phone:hover .contact-one__phone__icon > * {
    -webkit-animation-name: zoom-out-in;
    animation-name: zoom-out-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.contact-one__phone__title {
    margin-bottom: 2px;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-white, #ffffff);
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.375;
}

@media (max-width: 390px) {
    .contact-one__phone__title {
        font-size: var(--fs-16, 16px);
    }
}

.contact-one__phone__number {
    font-size: var(--fs-16, 16px);
    color: var(--deskot-white, #ffffff);
    font-weight: 500;
    line-height: 1.25;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

@media (max-width: 390px) {
    .contact-one__phone__number {
        font-size: var(--fs-14, 14px);
    }
}

.contact-one__phone__number:hover {
    background-size: 100% 1px;
}

.contact-one .form-one .bootstrap-select > .dropdown-toggle,
.contact-one .form-one input[type=text],
.contact-one .form-one input[type=email],
.contact-one .form-one input[type=search],
.contact-one .form-one input[type=tel],
.contact-one .form-one textarea {
    height: 48px;
    border-radius: 100px;
    background-color: var(--deskot-white, #ffffff) !important;
}

.contact-one .form-one textarea {
    height: 142px;
    padding-top: 15px;
    border-radius: 30px;
}

.contact-one .form-one .deskot-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 14px 35px;
    gap: 10px;
    border-radius: 100px;
}

    .contact-one .form-one .deskot-btn::after {
        background-color: var(--deskot-white, #ffffff);
    }

    .contact-one .form-one .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-base, #ff5a1e);
    }

    .contact-one .form-one .deskot-btn .deskot-btn__icon {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        font-size: var(--fs-18, 18px);
        color: var(--deskot-white, #ffffff);
    }

        .contact-one .form-one .deskot-btn .deskot-btn__icon i {
            position: absolute;
            top: 0px;
            bottom: auto;
        }

            .contact-one .form-one .deskot-btn .deskot-btn__icon i:last-child {
                left: -20px;
                bottom: auto;
            }

    .contact-one .form-one .deskot-btn:hover .deskot-btn__icon {
        color: var(--deskot-base, #ff5a1e);
    }

        .contact-one .form-one .deskot-btn:hover .deskot-btn__icon i {
            transform: translate(20px, 0px);
        }

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
    position: relative;
    padding: 280px 0px;
    background-color: var(--deskot-black, #222222);
}

@media (max-width: 1199px) {
    .video-one {
        padding-top: 135px;
    }
}

@media (max-width: 991px) {
    .video-one {
        padding-bottom: 252px;
    }
}

@media (max-width: 575px) {
    .video-one {
        padding-bottom: 237px;
    }
}

@media (max-width: 440px) {
    .video-one {
        padding-bottom: 227px;
    }
}

@media (max-width: 375px) {
    .video-one {
        padding-bottom: 222px;
    }
}

.video-one__bg {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .video-one__bg::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.9);
    }

.video-one .container {
    position: relative;
    z-index: 1;
}

.video-one__button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-one__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 92px;
    height: 92px;
    font-size: var(--fs-65, 65px);
    color: var(--deskot-base, #ff5a1e);
    border-radius: 50%;
    background-color: var(--deskot-white, #ffffff);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

    .video-one__btn svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .video-one__btn:hover {
        color: var(--deskot-white, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

.video-one__btn__ripple::before, .video-one__btn__ripple::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: pulse 3s infinite;
    animation: pulse 3s infinite;
}

.video-one__btn__ripple::before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.video-one__btn__ripple::after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@keyframes pulse {
    70% {
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.video-one__title {
    white-space: nowrap;
    margin: 0px;
    position: absolute;
    right: 65px;
    bottom: 46px;
    font-size: var(--fs-100, 100px);
    color: transparent;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--deskot-white, #ffffff);
}

@media (max-width: 1199px) {
    .video-one__title {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}

@media (max-width: 991px) {
    .video-one__title {
        font-size: var(--fs-70, 70px);
    }
}

@media (max-width: 575px) {
    .video-one__title {
        font-size: var(--fs-55, 55px);
    }
}

@media (max-width: 440px) {
    .video-one__title {
        font-size: var(--fs-45, 45px);
        -webkit-text-stroke-width: 1px;
    }
}

@media (max-width: 375px) {
    .video-one__title {
        font-size: var(--fs-40, 40px);
    }
}

.team-page {
    background-color: var(--deskot-white, #ffffff);
}

/* team details */
.team-details {
    background-color: var(--deskot-white, #ffffff);
}

.team-details__image img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

.team-details__info li + li {
    margin-top: 30px;
}

.team-details__info li {
    display: flex;
    align-items: flex-start;
    gap: 15px 35px;
}

@media (max-width: 575px) {
    .team-details__info li {
        flex-direction: column;
    }
}

.team-details__info__title {
    margin: 0px;
    font-size: var(--fs-22, 22px);
    line-height: 1.272;
    font-weight: 700;
    text-transform: capitalize;
}

.team-details__info__content {
    flex-grow: 1;
}

@media (max-width: 575px) {
    .team-details__info__content {
        width: 100%;
        padding-left: 15px;
    }
}

.team-details__info__about {
    margin-bottom: -13px;
}

    .team-details__info__about .team-details__info__title {
        margin-bottom: 5px;
    }

.team-details__info__designation {
    margin-bottom: 10px;
}

.team-details__info__text {
    margin: 0px;
}

.team-details__info__skill {
    padding-left: 14px;
}

.team-details__personal {
    padding-bottom: 116px;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 767px) {
    .team-details__personal {
        padding-bottom: 96px;
    }
}

@media (max-width: 575px) {
    .team-details__personal {
        padding-bottom: 76px;
    }
}

.team-details__personal__title {
    margin-bottom: 12px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.272;
}

.team-details__personal__text {
    margin: 0px;
}

    .team-details__personal__text span {
        font-weight: 700;
        color: var(--deskot-base, #ff5a1e);
    }

    .team-details__personal__text + .team-details__personal__text {
        margin-top: 15px;
    }

.blog-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
    filter: drop-shadow(0 2px 10.1px rgba(0, 0, 0, 0.15));
}

.blog-card__image {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
}

    .blog-card__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
    }

.blog-card__image__link {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--deskot-black2-rgb, 7, 47, 62), 0.5);
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-30%);
    border-radius: inherit;
    transition: opacity 500ms ease, transform 500ms ease;
}

    .blog-card__image__link::before, .blog-card__image__link::after {
        content: "";
        width: 32px;
        height: 2px;
        background-color: var(--deskot-white, #ffffff);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-card__image__link::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

.blog-card:hover .blog-card__image__link {
    opacity: 1;
    transform: translateY(0);
}

.blog-card__content {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    overflow: hidden;
}

    .blog-card__content::after {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: -1;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

.blog-card__content__inner {
    position: relative;
    z-index: 2;
    padding: 0px 30px 40px;
}

@media (max-width: 375px) {
    .blog-card__content__inner {
        padding: 0px 25px 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog-card__content__inner {
        padding: 0px 25px 30px;
    }
}

.blog-card:hover .blog-card__content::after {
    height: 100%;
    top: 0px;
}

.blog-card__meta {
    width: calc(100% - 30px);
    display: flex;
    position: relative;
    z-index: 1;
    margin: 0px 0px 20px auto;
    border-radius: 8px 0 0 8px;
}

@media (max-width: 375px) {
    .blog-card__meta {
        width: calc(100% - 25px);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog-card__meta {
        width: calc(100% - 25px);
    }
}

.blog-card__meta__list {
    margin: 0px;
    padding-left: 20px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    gap: 5px 15px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid var(--deskot-border-color, #dddddd);
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
    transition: all 500ms ease;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog-card__meta__list {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 5px;
        padding-bottom: 5px;
        border-left: 1px solid var(--deskot-border-color, #dddddd);
    }
}

@media (max-width: 412px) {
    .blog-card__meta__list {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 5px;
        padding-bottom: 5px;
        border-left: 1px solid var(--deskot-border-color, #dddddd);
    }
}

.blog-card__meta__list::before {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

.blog-card__meta__list::after {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--deskot-base, #ff5a1e);
}

.blog-card__meta__list li {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: var(--fs-16, 16px);
    font-weight: 400;
    color: var(--deskot-text, #636363);
}

    .blog-card__meta__list li a {
        color: inherit;
    }

.blog-card__meta__icon {
    position: relative;
    top: 1px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .blog-card__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-card:hover .blog-card__meta__list {
    border-color: var(--deskot-base, #ff5a1e);
}

    .blog-card:hover .blog-card__meta__list::before {
        width: 100%;
        left: 0px;
    }

    .blog-card:hover .blog-card__meta__list li, .blog-card:hover .blog-card__meta__icon {
        color: var(--deskot-white, #ffffff);
    }

.blog-card__date {
    min-width: 55px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 8px;
    text-align: center;
    border-radius: 8px 0 0 8px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog-card__date {
        min-width: 60px;
    }
}

@media (max-width: 412px) {
    .blog-card__date {
        min-width: 60px;
    }
}

.blog-card__date__day {
    display: inline-block;
    margin-bottom: 3px;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1;
}

.blog-card__date__month {
    display: inline-block;
    font-size: var(--fs-12, 12px);
    font-weight: 700;
    color: var(--deskot-white, #ffffff);
    line-height: 1;
    text-transform: uppercase;
}

.blog-card:hover .blog-card__date {
    background-color: var(--deskot-white, #ffffff);
}

.blog-card:hover .blog-card__date__day, .blog-card:hover .blog-card__date__month {
    color: var(--deskot-black, #222222);
}

.blog-card__title {
    margin-bottom: 22px;
    font-size: var(--fs-18, 18px);
    font-weight: 600;
    color: var(--deskot-black, #222222);
    line-height: 1.318;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card__title {
        font-size: var(--fs-20, 20px);
    }
}

@media (max-width: 375px) {
    .blog-card__title {
        font-size: var(--fs-20, 20px);
    }
}

.blog-card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .blog-card__title a:hover {
        background-size: 100% 1px;
    }

.blog-card:hover .blog-card__title {
    color: var(--deskot-white, #ffffff);
}

.blog-card:hover .deskot-btn {
    background-color: var(--deskot-base, #ff5a1e);
}

.blog-card__shape {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: relative;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0.2;
    z-index: 1;
    border: 8px solid var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
    animation: zoomIn3 2s infinite alternate;
}

    .blog-card__shape::after {
        content: "";
        width: 32px;
        height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.2;
        border-radius: inherit;
        border: 8px solid var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

.blog-card:hover .blog-card__shape {
    opacity: 1;
}

    .blog-card:hover .blog-card__shape::after {
        opacity: 1;
        border-color: var(--deskot-white, #ffffff);
    }

.blog-card-two {
    position: relative;
}

.blog-card-two__image {
    position: relative;
    overflow: hidden;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 540.000000"><g transform="translate(0.000000,540.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M630 5385 c0 -9 -14 -16 -37 -20 -190 -31 -422 -214 -514 -404 -17 -36 -37 -77 -44 -91 -35 -74 -36 -124 -33 -2080 3 -1284 7 -1928 14 -1955 32 -120 128 -270 238 -372 214 -196 521 -255 806 -155 14 5 50 17 80 25 30 9 116 35 190 58 74 22 151 45 170 49 19 5 60 16 90 26 30 9 75 22 100 29 25 8 59 18 75 24 17 5 57 17 90 27 33 9 78 23 100 29 22 7 67 21 100 30 33 10 78 24 100 30 22 7 67 20 100 30 33 10 83 24 110 33 110 33 132 40 190 57 33 9 78 23 100 30 22 6 67 20 100 30 33 9 78 23 100 30 41 12 70 21 255 75 58 17 119 36 135 41 17 6 46 15 65 19 19 5 58 16 85 24 28 9 73 22 100 31 28 8 73 21 100 30 28 8 73 21 100 30 28 8 73 21 100 30 51 15 94 28 220 65 39 12 84 25 100 30 17 5 62 18 100 30 39 11 115 28 169 37 86 14 113 14 195 4 53 -7 114 -19 136 -26 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 65 -19 95 -28 100 -28 174 -50 215 -62 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -20 100 -30 33 -10 78 -23 100 -30 22 -7 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 87 -25 150 -45 141 -44 204 -63 250 -75 19 -5 58 -16 85 -24 266 -82 330 -95 440 -96 203 0 386 75 539 219 103 98 204 266 219 366 4 22 13 45 22 51 13 10 15 223 15 1933 0 1674 -2 1921 -15 1921 -9 0 -16 14 -20 38 -26 153 -146 333 -298 448 -76 57 -206 119 -269 128 -32 5 -48 12 -48 22 0 12 -509 14 -3860 14 -3371 0 -3860 -2 -3860 -15z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 540.000000"><g transform="translate(0.000000,540.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M630 5385 c0 -9 -14 -16 -37 -20 -190 -31 -422 -214 -514 -404 -17 -36 -37 -77 -44 -91 -35 -74 -36 -124 -33 -2080 3 -1284 7 -1928 14 -1955 32 -120 128 -270 238 -372 214 -196 521 -255 806 -155 14 5 50 17 80 25 30 9 116 35 190 58 74 22 151 45 170 49 19 5 60 16 90 26 30 9 75 22 100 29 25 8 59 18 75 24 17 5 57 17 90 27 33 9 78 23 100 29 22 7 67 21 100 30 33 10 78 24 100 30 22 7 67 20 100 30 33 10 83 24 110 33 110 33 132 40 190 57 33 9 78 23 100 30 22 6 67 20 100 30 33 9 78 23 100 30 41 12 70 21 255 75 58 17 119 36 135 41 17 6 46 15 65 19 19 5 58 16 85 24 28 9 73 22 100 31 28 8 73 21 100 30 28 8 73 21 100 30 28 8 73 21 100 30 51 15 94 28 220 65 39 12 84 25 100 30 17 5 62 18 100 30 39 11 115 28 169 37 86 14 113 14 195 4 53 -7 114 -19 136 -26 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 65 -19 95 -28 100 -28 174 -50 215 -62 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -21 100 -30 33 -10 78 -24 100 -30 22 -7 67 -20 100 -30 33 -10 78 -23 100 -30 22 -7 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -30 33 -9 78 -23 100 -30 22 -6 67 -20 100 -29 33 -10 74 -22 90 -28 17 -5 46 -14 65 -18 19 -5 87 -25 150 -45 141 -44 204 -63 250 -75 19 -5 58 -16 85 -24 266 -82 330 -95 440 -96 203 0 386 75 539 219 103 98 204 266 219 366 4 22 13 45 22 51 13 10 15 223 15 1933 0 1674 -2 1921 -15 1921 -9 0 -16 14 -20 38 -26 153 -146 333 -298 448 -76 57 -206 119 -269 128 -32 5 -48 12 -48 22 0 12 -509 14 -3860 14 -3371 0 -3860 -2 -3860 -15z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

    .blog-card-two__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
        transition: all 500ms ease;
    }

.blog-card-two__image__link {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--deskot-black2-rgb, 7, 47, 62), 0.5);
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-30%);
    border-radius: inherit;
    transition: opacity 500ms ease, transform 500ms ease;
}

    .blog-card-two__image__link::before, .blog-card-two__image__link::after {
        content: "";
        width: 32px;
        height: 2px;
        background-color: var(--deskot-white, #ffffff);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-card-two__image__link::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

.blog-card-two:hover .blog-card-two__image img {
    transform: scale(1.1);
}

.blog-card-two:hover .blog-card-two__image__link {
    opacity: 1;
    transform: translateY(0);
}

.blog-card-two__content {
    position: relative;
    padding: 0px 70px;
    text-align: center;
    margin-top: -120px;
}

@media (max-width: 575px) {
    .blog-card-two__content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 500px) {
    .blog-card-two__content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-card-two__content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.blog-card-two__shape {
    width: 100%;
    height: calc(100% - 48px);
    position: relative;
    position: absolute;
    left: 0px;
    bottom: 26px;
    z-index: -1;
    filter: drop-shadow(0 2px 11.6px rgba(0, 0, 0, 0.15));
}

    .blog-card-two__shape::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: var(--deskot-white, #ffffff);
        clip-path: polygon(50% 0%, 100% 20%, 91% 100%, 9% 100%, 0 20%);
    }

@media (max-width: 500px) {
    .blog-card-two__shape::after {
        clip-path: polygon(50% 0%, 100% 20%, 96% 100%, 4% 100%, 0 20%);
    }
}

.blog-card-two__date {
    position: relative;
    z-index: 1;
    display: table;
    min-width: 57px;
    text-align: center;
    margin: auto;
}

.blog-card-two__date__day {
    display: block;
    position: relative;
    z-index: 1;
    padding: 9.5px 5px;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1;
}

    .blog-card-two__date__day::after {
        content: "";
        width: 100%;
        height: calc(100% + 13px);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        background-color: var(--deskot-base, #ff5a1e);
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.000000 54.000000"><g transform="translate(0.000000,54.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M155 1039 c-141 -75 -157 -139 -150 -603 l5 -404 78 114 79 114 395 0 395 0 87 -123 86 -123 5 416 c7 476 -5 524 -147 605 -112 64 -714 67 -833 4z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.000000 54.000000"><g transform="translate(0.000000,54.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M155 1039 c-141 -75 -157 -139 -150 -603 l5 -404 78 114 79 114 395 0 395 0 87 -123 86 -123 5 416 c7 476 -5 524 -147 605 -112 64 -714 67 -833 4z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }

.blog-card-two__date__month {
    display: block;
    position: relative;
    padding: 5px 5px;
    font-size: var(--fs-15, 15px);
    font-weight: 700;
    color: var(--deskot-white, #ffffff);
    line-height: 1;
    text-transform: uppercase;
}

    .blog-card-two__date__month::after {
        content: "";
        width: 100%;
        height: calc(100% + 12px);
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: -1;
        background-color: var(--deskot-black2, #072f3e);
        clip-path: polygon(50% 0%, 100% 38%, 84% 100%, 16% 100%, 0% 38%);
    }

.blog-card-two__meta {
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
    gap: 15px 38px;
    position: relative;
    padding: 3px 28px 3px 3px;
    border-radius: 100px;
    background-color: var(--deskot-white, #ffffff);
    border: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 440px) {
    .blog-card-two__meta {
        display: flex;
        flex-direction: column;
        padding: 12px 20px;
    }
}

.blog-card-two__meta li {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    font-size: var(--fs-15, 15px);
    font-weight: 400;
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
}

    .blog-card-two__meta li:first-child {
        gap: 19px;
    }

@media (max-width: 500px) {
    .blog-card-two__meta li:first-child {
        gap: 15px;
    }
}

.blog-card-two__meta li:not(:last-child)::after {
    content: "";
    width: 1px;
    height: calc(100% - 25px);
    position: absolute;
    top: calc(50% - 0px);
    right: -19px;
    transform: translateY(-50%);
    background-color: var(--deskot-border-color, #dddddd);
}

@media (max-width: 440px) {
    .blog-card-two__meta li:not(:last-child)::after {
        display: none;
    }
}

.blog-card-two__meta li a {
    color: inherit;
}

    .blog-card-two__meta li a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.blog-card-two__meta__image {
    width: 45px !important;
    height: 45px;
    border-radius: 50%;
}

.blog-card-two__meta__icon {
    display: inline-flex;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .blog-card-two__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-card-two__title {
    margin-bottom: 24px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    color: var(--deskot-black, #222222);
    line-height: 1.318;
    text-transform: capitalize;
}

@media (max-width: 375px) {
    .blog-card-two__title {
        font-size: var(--fs-20, 20px);
    }
}

.blog-card-two__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .blog-card-two__title a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .blog-card-two__title a:hover {
        background-size: 100% 1px;
    }

.blog-card-three__image {
    margin-bottom: 30px;
}

    .blog-card-three__image img {
        width: 100%;
        display: block;
    }

.blog-card-three__meta {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 25px;
}

.blog-card-three__category {
    padding: 7px 25px;
    border-radius: 100px;
}

    .blog-card-three__category span {
        font-weight: 500;
    }

.blog-card-three__info {
    display: flex;
    align-items: center;
}

.blog-card-three__info__text {
    margin: 0;
    position: relative;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
    font-weight: 400;
    text-transform: capitalize;
}

    .blog-card-three__info__text:not(:last-child)::after {
        content: "/";
        margin-left: 6px;
        margin-right: 6px;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-text, #636363);
        font-weight: 400;
    }

    .blog-card-three__info__text a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .blog-card-three__info__text a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .blog-card-three__info__text a:hover {
            background-size: 100% 1px;
        }

.blog-card-three__comment {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-card-three__comment__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
}

    .blog-card-three__comment__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-card-three__comment__text {
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
    transition: all 500ms ease;
}

    .blog-card-three__comment__text:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.blog-card-three__title {
    margin-bottom: 14px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

    .blog-card-three__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .blog-card-three__title a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .blog-card-three__title a:hover {
            background-size: 100% 1px;
        }

.blog-card-three__text {
    margin-bottom: 28px;
}

.blog-one,
.blog-two,
.blog-three {
    background-color: var(--deskot-white, #ffffff);
}

.blog-three__image {
    position: relative;
}

    .blog-three__image img {
        width: 100%;
        display: block;
    }

.blog-three__image__category {
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    padding: 9px 38px;
    font-size: var(--fs-18, 18px);
    font-weight: 700;
    color: var(--deskot-white, #ffffff);
    border-radius: 100px;
    text-transform: uppercase;
    background-color: var(--deskot-base, #ff5a1e);
    border: 2px solid var(--deskot-white, #ffffff);
}

@media (max-width: 767px) {
    .blog-three__image__category {
        padding-right: 25px;
        padding-left: 25px;
        font-size: var(--fs-16, 16px);
    }
}

@media (max-width: 440px) {
    .blog-three__image__category {
        top: 20px;
        left: 20px;
    }
}

@media (max-width: 390px) {
    .blog-three__image__category {
        font-size: var(--fs-14, 14px);
    }
}

.blog-three__card {
    width: calc(100% - 24px);
    margin-left: auto;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
}

@media (min-width: 1200px) {
    .blog-three__card:hover {
        width: calc(100% + 30px);
        transform: translateX(-30px);
    }
}

.blog-three__card__bg {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--deskot-white2, #f0f1f5);
}

    .blog-three__card__bg::after {
        content: "";
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

.blog-three__card:hover .blog-three__card__bg::after {
    width: 100%;
    left: 0px;
}

.blog-three__card__inner {
    position: relative;
    z-index: 1;
    padding: 34px 94px 33px 47px;
}

@media (max-width: 575px) {
    .blog-three__card__inner {
        padding-right: 30px;
        padding-bottom: 40px;
    }
}

@media (max-width: 440px) {
    .blog-three__card__inner {
        padding: 24px 25px 30px 47px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-three__card__inner {
        padding: 38px 85px 37px 47px;
    }
}

.blog-three__card__date {
    min-width: 50px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 8px;
    position: relative;
    position: absolute;
    top: 50%;
    left: -24px;
    transform: translateY(-50%);
    text-align: center;
    border-radius: 0px 8px 8px 0px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .blog-three__card__date::before, .blog-three__card__date::after {
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        position: absolute;
        left: 0px;
    }

    .blog-three__card__date::before {
        top: -24px;
        border-width: 0 0 24px 24px;
        border-color: transparent transparent var(--deskot-base, #ff5a1e) transparent;
    }

    .blog-three__card__date::after {
        bottom: -24px;
        border-width: 0 24px 24px 0;
        border-color: transparent var(--deskot-base, #ff5a1e) transparent transparent;
    }

.blog-three__card:hover .blog-three__card__date {
    background-color: var(--deskot-base, #ff5a1e);
}

.blog-three__card__day {
    display: inline-block;
    margin-bottom: 3px;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1;
}

.blog-three__card__month {
    display: inline-block;
    font-size: var(--fs-12, 12px);
    font-weight: 700;
    color: var(--deskot-white, #ffffff);
    line-height: 1;
    text-transform: uppercase;
}

.blog-three__card__meta {
    display: flex;
    align-items: center;
    gap: 8px 40px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 9px;
}

@media (max-width: 440px) {
    .blog-three__card__meta {
        gap: 8px 30px;
    }
}

@media (max-width: 412px) {
    .blog-three__card__meta {
        flex-direction: column;
        align-items: flex-start;
    }
}

.blog-three__card__meta::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: var(--deskot-border-color, #dddddd);
    transition: all 500ms ease;
}

.blog-three__card__meta li {
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    font-size: var(--fs-15, 15px);
    font-weight: 400;
    color: var(--deskot-text, #636363);
}

    .blog-three__card__meta li:not(:last-child)::after {
        content: "";
        width: 1px;
        height: calc(100% - 8px);
        position: absolute;
        top: 50%;
        right: -20px;
        transform: translateY(-50%);
        background-color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

@media (max-width: 440px) {
    .blog-three__card__meta li:not(:last-child)::after {
        right: -15px;
    }
}

@media (max-width: 412px) {
    .blog-three__card__meta li:not(:last-child)::after {
        display: none;
    }
}

.blog-three__card__meta li a {
    color: inherit;
}

    .blog-three__card__meta li a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.blog-three__card__meta__icon {
    display: inline-flex;
    position: relative;
    top: -1px;
    font-size: var(--fs-15, 15px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .blog-three__card__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-three__card:hover .blog-three__card__meta::after, .blog-three__card:hover .blog-three__card__meta li:not(:last-child)::after {
    background-color: RGBA(var(--deskot-border-color-rgb, 221, 221, 221), 0.5);
}

.blog-three__card__title {
    margin: 0px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    color: var(--deskot-black, #222222);
    line-height: 1.318;
}

@media (max-width: 575px) {
    .blog-three__card__title {
        margin-bottom: 22px;
    }
}

@media (max-width: 390px) {
    .blog-three__card__title {
        font-size: var(--fs-20, 20px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-three__card__title {
        font-size: var(--fs-20, 20px);
    }
}

.blog-three__card__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .blog-three__card__title a:hover {
        background-size: 100% 1px;
    }

.blog-three__card:hover .blog-three__card__meta li, .blog-three__card:hover .blog-three__card__title {
    color: var(--deskot-white, #ffffff);
}

.blog-three__card .deskot-btn {
    padding: 17px 25px;
}

@media (min-width: 576px) {
    .blog-three__card .deskot-btn {
        height: 100%;
        justify-content: center;
        gap: 10px;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 25px 17px 25px 17px;
        writing-mode: sideways-lr;
    }

        .blog-three__card .deskot-btn::after {
            width: 100%;
            height: 0%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .blog-three__card .deskot-btn:hover::after {
            height: 100%;
            bottom: 0;
        }

        .blog-three__card .deskot-btn .deskot-btn__icon i {
            top: 0px;
            right: 0px;
            left: auto;
        }

            .blog-three__card .deskot-btn .deskot-btn__icon i:last-child {
                right: -15px;
                left: auto;
            }

        .blog-three__card .deskot-btn:hover .deskot-btn__icon {
            color: var(--deskot-white, #ffffff);
        }

            .blog-three__card .deskot-btn:hover .deskot-btn__icon i {
                transform: translate(-15px, -15px);
            }
}

.blog-three__card:hover .deskot-btn::after {
    width: 100%;
    left: 0px;
    background-color: var(--deskot-base, #ff5a1e);
}

@media (min-width: 576px) {
    .blog-three__card:hover .deskot-btn::after {
        height: 100%;
        bottom: 0;
    }
}

.blog-three__card:hover .deskot-btn__icon {
    color: var(--deskot-white, #ffffff);
}

.blog-page .post-pagination {
    justify-content: center;
}

.blog-page--sidebar .post-pagination {
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .blog-page--sidebar .post-pagination {
        justify-content: center;
    }
}

/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details {
    background-color: var(--deskot-white, #ffffff);
}

.blog-details__card {
    margin-bottom: 53px;
}

.blog-details__card__image {
    margin-bottom: 40px;
}

    .blog-details__card__image img {
        width: 100%;
        display: block;
    }

.blog-details__card__meta {
    margin-bottom: 23px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 30px;
}

.blog-details__card__category {
    padding: 7px 25px;
    border-radius: 100px;
}

    .blog-details__card__category span {
        font-weight: 500;
    }

.blog-details__card__admin {
    display: flex;
    align-items: center;
    gap: 11px;
}

.blog-details__card__admin__image {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid var(--deskot-base, #ff5a1e);
}

.blog-details__card__admin__name {
    margin: 0;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.25;
}

    .blog-details__card__admin__name a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .blog-details__card__admin__name a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .blog-details__card__admin__name a:hover {
            background-size: 100% 1px;
        }

.blog-details__card__comment {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__card__comment__icon {
    display: inline-flex;
    flex-shrink: 0;
    position: relative;
    top: 1px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
}

    .blog-details__card__comment__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-details__card__comment__text {
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
    transition: all 500ms ease;
}

    .blog-details__card__comment__text:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.blog-details__card__date {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__card__date__icon {
    position: relative;
    top: -1px;
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
}

    .blog-details__card__date__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.blog-details__card__date__text {
    margin: 0;
    text-transform: capitalize;
}

.blog-details__card__title {
    margin-bottom: 18px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

.blog-details__card__text {
    margin: 0px;
}

    .blog-details__card__text + .blog-details__card__text {
        margin-top: 11px;
    }

.blog-details__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 35px;
    padding-top: 29px;
    padding-bottom: 29px;
    border-top: 1px solid var(--deskot-border-color, #dddddd);
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

.blog-details__meta__title {
    margin-bottom: 0;
    font-size: var(--fs-16, 16px);
    line-height: 1.625;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-details__tags, .blog-details__categories {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

    .blog-details__tags .deskot-btn, .blog-details__categories .deskot-btn {
        padding: 7px 20px;
        border-radius: 100px;
        background-color: var(--deskot-white3, #F5F2EF);
    }

        .blog-details__tags .deskot-btn::after, .blog-details__categories .deskot-btn::after {
            background-color: var(--deskot-base, #ff5a1e);
        }

    .blog-details__tags .deskot-btn__text, .blog-details__categories .deskot-btn__text {
        font-weight: 500;
        color: var(--deskot-text, #636363);
    }

    .blog-details__tags .deskot-btn:hover .deskot-btn__text, .blog-details__categories .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-white, #ffffff);
    }

.blog-details__tags__box, .blog-details__categories__box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.blog-details .comments-one__card {
    padding-bottom: 32px;
    grid-template-columns: 89px auto;
    grid-gap: 20px;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 767px) {
    .blog-details .comments-one__card {
        grid-template-columns: auto;
    }
}

@media (max-width: 412px) {
    .blog-details .comments-one__card {
        padding-bottom: 35px;
    }
}

.blog-details .comments-one__card:not(:last-child) {
    margin-bottom: 40px;
}

.blog-details .comments-one__image {
    width: 89px;
}

    .blog-details .comments-one__image img {
        width: 89px;
        height: 89px;
    }

.blog-details .comments-one__content {
    margin-top: 0px;
}

.blog-details .comments-one__name {
    margin-bottom: 10px;
}

.blog-details .comments-one__date {
    color: var(--deskot-text, #636363);
}

    .blog-details .comments-one__date::before {
        display: none;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-details__form .form-one__group {
        grid-template-columns: repeat(1, 1fr);
    }
}


.row.equal-blog-card {
    display: flex;
    flex-wrap: wrap;
}

    .row.equal-blog-card > [class*='col-'] {
        display: flex;
        margin-bottom: 30px;
    }

.blog-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-card__content__inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-card__title {
    flex-grow: 1;
}

.blog-card .deskot-btn {
    margin-top: auto;
    width: 200px;
}
/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
    position: relative;
    padding: 150px 0px 150px;
    overflow: hidden;
    background-color: var(--deskot-black2, #072f3e);
}

@media (max-width: 1199px) {
    .page-header {
        padding: 128px 0px 133px;
    }
}

@media (max-width: 767px) {
    .page-header {
        padding: 108px 0px 113px;
    }
}

@media (max-width: 440px) {
    .page-header {
        padding: 98px 0px 103px;
    }
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    inset: 0;
    overflow: hidden;
}

    .page-header__bg:not(.no-bg-overlay)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.3);
    }

.page-header__shape-1 {
    width: calc(100% - 384px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.9;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1599px) {
    .page-header__shape-1 {
        width: 100%;
    }
}

.page-header__shape-2 {
    width: 290px;
    height: 290px;
    position: absolute;
    right: -88px;
    bottom: -101px;
    z-index: 1;
    border-radius: 50%;
    transform: rotate(93.18deg);
    background: linear-gradient(0deg, #0f3854 0%, rgba(153, 54, 18, 0) 100%);
    animation: zoomRotate 2s infinite alternate;
}

@media (max-width: 767px) {
    .page-header__shape-2 {
        right: -150px;
        bottom: -150px;
    }
}

@media (max-width: 440px) {
    .page-header__shape-2 {
        right: -170px;
        bottom: -170px;
    }
}

@keyframes zoomRotate {
    0% {
        transform: scale(0.7) rotate(0deg);
    }

    100% {
        transform: scale(1) rotate(93.18deg);
    }
}

.page-header .container {
    position: relative;
    z-index: 2;
}

.page-header__title {
    margin-bottom: 20px;
    font-size: var(--fs-42);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.166;
}

@media (max-width: 1199px) {
    .page-header__title {
        font-size: var(--fs-55, 55px);
    }
}

@media (max-width: 767px) {
    .page-header__title {
        font-size: var(--fs-50, 50px);
    }
}

@media (max-width: 575px) {
    .page-header__title {
        font-size: var(--fs-45, 45px);
    }
}

@media (max-width: 440px) {
    .page-header__title {
        font-size: var(--fs-40, 40px);
    }
}

@media (max-width: 412px) {
    .page-header__title {
        font-size: var(--fs-35, 35px);
    }
}

.deskot-breadcrumb {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px 0;
    flex-wrap: wrap;
}

    .deskot-breadcrumb li {
        display: flex;
        align-items: center;
        font-size: var(--fs-18, 18px);
        color: var(--deskot-white, #ffffff);
        font-weight: 500;
        text-transform: capitalize;
        line-height: 1.4;
    }

@media (max-width: 575px) {
    .deskot-breadcrumb li {
        font-size: var(--fs-16, 16px);
    }
}

.deskot-breadcrumb li:not(:last-child)::after {
    content: "/";
    margin-left: 10px;
    margin-right: 10px;
    font-size: var(--fs-19, 19px);
}

@media (max-width: 575px) {
    .deskot-breadcrumb li:not(:last-child)::after {
        font-size: var(--fs-17, 17px);
    }
}

.deskot-breadcrumb li span,
.deskot-breadcrumb li a {
    display: inline-flex;
}

.deskot-breadcrumb li:not(:first-child) span {
    color: var(--deskot-base, #ff5a1e);
}

.deskot-breadcrumb li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .deskot-breadcrumb li a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .deskot-breadcrumb li a:hover {
        background-size: 100% 1px;
    }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar__single {
    padding: 34px 32px;
    border-radius: 10px;
    background-color: var(--deskot-white2, #f0f1f5);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar__single {
        padding: 26px 25px;
    }
}

@media (max-width: 375px) {
    .sidebar__single {
        padding: 26px 25px;
    }
}

.sidebar__single + .sidebar__single {
    margin-top: 30px;
}

.sidebar__title {
    position: relative;
    margin-bottom: 34px;
    font-size: var(--fs-22, 22px);
    color: var(--deskot-black, #222222);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.363;
}

    .sidebar__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 39px;
        height: 3px;
        background-color: var(--deskot-base, #ff5a1e);
    }

.sidebar__search {
    position: relative;
}

    .sidebar__search input[type=search],
    .sidebar__search input[type=text] {
        padding-left: 20px;
        padding-right: 44px;
        outline: none;
        border: 0;
        width: 100%;
        height: 55px;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-text, #636363);
        font-weight: 400;
        border-radius: 10px;
        background-color: var(--deskot-white, #ffffff);
        transition: all 400ms ease;
    }

        .sidebar__search input[type=search]:focus,
        .sidebar__search input[type=text]:focus {
            color: var(--deskot-black, #222222);
        }

    .sidebar__search button[type=submit] {
        padding: 0;
        border: none;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        background-color: var(--deskot-base, #ff5a1e);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        font-size: var(--fs-15, 15px);
        color: var(--deskot-white, #ffffff);
        border-radius: 50%;
        transition: all 400ms ease;
    }

        .sidebar__search button[type=submit] svg {
            width: 1em;
            height: 1em;
            fill: currentColor;
        }

        .sidebar__search button[type=submit]:hover {
            color: var(--deskot-white, #ffffff);
            background-color: var(--deskot-black2, #072f3e);
        }

.sidebar__categories-wrapper {
    padding-bottom: 34px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar__categories-wrapper {
        padding-bottom: 27px;
    }
}

@media (max-width: 375px) {
    .sidebar__categories-wrapper {
        padding-bottom: 27px;
    }
}

.sidebar__categories {
    margin: 0;
}

.sidebar__categories-title {
    margin-bottom: 28px;
}

    .sidebar__categories-title::after {
        width: 67px;
    }

.sidebar__categories li:not(:last-child) {
    margin-bottom: 10.5px;
}

.sidebar__categories li a {
    position: relative;
    font-size: var(--fs-17, 17px);
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 500ms ease;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sidebar__categories li a {
        font-size: var(--fs-16, 16px);
    }
}

@media (max-width: 360px) {
    .sidebar__categories li a {
        font-size: var(--fs-16, 16px);
    }
}

.sidebar__categories li a:hover {
    color: var(--deskot-base, #ff5a1e);
}

.sidebar__categories li a span {
    color: inherit;
}

.sidebar__categories__text {
    display: flex;
    align-items: center;
    gap: 11px;
}

.sidebar__categories__icon {
    display: inline-flex;
    font-size: var(--fs-16, 16px);
    overflow: hidden;
}

    .sidebar__categories__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.sidebar__categories a:hover .sidebar__categories__icon > * {
    animation: slideRight 500ms;
}

.sidebar__tags-wrapper {
    padding-bottom: 41px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar__tags-wrapper {
        padding-bottom: 33px;
    }
}

@media (max-width: 375px) {
    .sidebar__tags-wrapper {
        padding-bottom: 33px;
    }
}

.sidebar__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

    .sidebar__tags .deskot-btn {
        padding: 5px 20px 6px;
        border-radius: 6px;
        background-color: var(--deskot-white, #ffffff);
        border: 1px solid var(--deskot-border-color, #dddddd);
    }

        .sidebar__tags .deskot-btn::after {
            border-color: var(--deskot-base, #ff5a1e);
            background-color: var(--deskot-base, #ff5a1e);
        }

    .sidebar__tags .deskot-btn__text {
        color: var(--deskot-text, #636363);
        font-weight: 400;
        text-transform: capitalize;
        line-height: 1.25;
    }

    .sidebar__tags .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-white, #ffffff);
    }

.sidebar__posts-wrapper {
    padding-bottom: 41px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sidebar__posts-wrapper {
        padding-bottom: 29px;
    }
}

@media (max-width: 375px) {
    .sidebar__posts-wrapper {
        padding-bottom: 29px;
    }
}

.sidebar__posts {
    margin: 0;
}

.sidebar__posts-title::after {
    width: 77px;
}

.sidebar__posts__item {
    display: flex;
    gap: 14px;
}

    .sidebar__posts__item:not(:last-of-type) {
        margin-bottom: 30px;
    }

.sidebar__posts__image {
    width: 94px;
    flex-shrink: 0;
}

    .sidebar__posts__image img {
        width: 100%;
        display: block;
        border-radius: 10px;
    }

.sidebar__posts__content {
    margin-top: 5px;
    width: calc(100% - 94px);
}

.sidebar__posts__meta {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    color: var(--deskot-text, #636363);
    font-size: var(--fs-14, 14px);
    line-height: 1;
}

.sidebar__posts__meta__icon {
    position: relative;
    top: 1px;
    display: inline-flex;
    font-size: var(--fs-12, 12px);
}

    .sidebar__posts__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.sidebar__posts__title {
    margin: 0;
    font-size: var(--fs-17, 17px);
    color: var(--deskot-black4, #000000);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.352;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sidebar__posts__title {
        font-size: var(--fs-15, 15px);
    }
}

@media (max-width: 360px) {
    .sidebar__posts__title {
        font-size: var(--fs-15, 15px);
    }
}

.sidebar__posts__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .sidebar__posts__title a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .sidebar__posts__title a:hover {
        background-size: 100% 1px;
    }

.sidebar-two {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

    .sidebar-two.active {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        visibility: visible;
        -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
        transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
        transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
        transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    }

.sidebar-two__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.8;
    cursor: url(../img/icons/close.png), auto;
}

.sidebar-two__content {
    width: 310px;
    background-color: var(--deskot-black, #222222);
    z-index: 10;
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    padding-top: 70px;
    padding-bottom: 30px;
    padding-left: 24px;
    padding-right: 24px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .sidebar-two__content::-webkit-scrollbar {
        display: none;
    }

.sidebar-two.active .sidebar-two__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.sidebar-two__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: var(--fs-22, 22px);
    color: var(--deskot-white, #ffffff);
    cursor: pointer;
    transition: all 400ms ease;
}

    .sidebar-two__close svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .sidebar-two__close:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.sidebar-two__item:not(:last-child) {
    margin-bottom: 40px;
}

.sidebar-two__title {
    margin-bottom: 25px;
    position: relative;
    font-size: var(--fs-25, 25px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
}

    .sidebar-two__title::before, .sidebar-two__title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        background-color: var(--deskot-base, #ff5a1e);
        width: 20px;
        height: 2px;
    }

    .sidebar-two__title::after {
        width: 50px;
        left: 25px;
    }

.sidebar-two__about__text {
    margin: 0px;
    color: var(--deskot-white2, #f0f1f5);
}

.sidebar-two__info__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-two__info__list li {
        display: flex;
        align-items: flex-start;
        font-size: var(--fs-15, 15px);
        color: var(--deskot-white2, #f0f1f5);
        font-weight: 500;
        line-height: 1.75;
    }

        .sidebar-two__info__list li + li {
            margin-top: 20px;
        }

        .sidebar-two__info__list li .sidebar-two__info__icon {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            position: relative;
            font-size: var(--fs-14, 14px);
            color: var(--deskot-white, #ffffff);
            margin-right: 12px;
            background-color: var(--deskot-base, #ff5a1e);
            border-radius: 50%;
            overflow: hidden;
            transition: all 500ms ease;
        }

            .sidebar-two__info__list li .sidebar-two__info__icon svg {
                width: 1em;
                height: 1em;
                fill: currentColor;
            }

        .sidebar-two__info__list li:hover .sidebar-two__info__icon {
            color: var(--deskot-white, #ffffff);
            background-color: var(--deskot-base, #ff5a1e);
        }

            .sidebar-two__info__list li:hover .sidebar-two__info__icon > * {
                animation: slideTop 400ms;
            }

        .sidebar-two__info__list li address {
            margin: 0;
            color: inherit;
            text-transform: capitalize;
        }

        .sidebar-two__info__list li a {
            position: relative;
            top: 3px;
            color: inherit;
        }

            .sidebar-two__info__list li a:hover {
                color: var(--deskot-base, #ff5a1e);
            }

.sidebar-two .social-links {
    gap: 15px;
}

    .sidebar-two .social-links a {
        width: 32px;
        height: 32px;
        border: none;
        background-color: var(--deskot-base, #ff5a1e);
    }

        .sidebar-two .social-links a:hover {
            background-color: var(--deskot-base, #ff5a1e);
        }

.sidebar-two .social-links__icon {
    font-size: var(--fs-14, 14px);
    color: var(--deskot-white, #ffffff);
}

.sidebar-two .social-links a:hover .social-links__icon {
    color: var(--deskot-white, #ffffff);
}

.sidebar-two__newsletter__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-two__newsletter__input {
    outline: 0;
    border: 0;
    padding-left: 20px;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-white2, #f0f1f5);
    width: calc(100% - 50px);
    height: 50px;
    background-color: rgba(var(--deskot-white-rgb, 255, 255, 255), 0.09);
    transition: all 400ms ease;
}

.sidebar-two__newsletter__btn {
    outline: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-white, #ffffff);
    width: 50px;
    height: 50px;
    background-color: var(--deskot-base, #ff5a1e);
    overflow: hidden;
    transition: all 400ms ease;
}

    .sidebar-two__newsletter__btn svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

    .sidebar-two__newsletter__btn:hover {
        color: var(--deskot-white, #ffffff);
        background-color: var(--deskot-base, #ff5a1e);
    }

        .sidebar-two__newsletter__btn:hover > * {
            animation: slideTop 400ms;
        }

.service-sidebar {
    position: relative;
}

.service-sidebar__single {
    position: relative;
    background-color: var(--deskot-white, #ffffff);
}

    .service-sidebar__single + .service-sidebar__single {
        margin-top: 30px;
    }

.service-sidebar__title-box {
    padding: 25.5px 30px;
    background-color: var(--deskot-text, #636363);
}

.service-sidebar__title {
    text-transform: capitalize;
    font-weight: 400;
    font-size: var(--fs-24, 24px);
    line-height: 26px;
    color: var(--deskot-white, #ffffff);
    margin-bottom: 0;
}

.service-sidebar__nav {
    margin: 0;
    padding: 40px 30px;
    border: 1px solid var(--deskot-border-color, #dddddd);
}

    .service-sidebar__nav li {
        position: relative;
        display: block;
        margin-top: 10px;
    }

        .service-sidebar__nav li:first-child {
            margin-top: 0px;
        }

        .service-sidebar__nav li a {
            font-family: var(--deskot-heading-font, "Inter", sans-serif);
            font-size: var(--fs-16, 16px);
            font-weight: 400;
            color: var(--deskot-text, #636363);
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 500ms ease;
            text-transform: capitalize;
            padding: 11px 30px;
            border: 1px solid var(--deskot-border-color, #dddddd);
            position: relative;
            z-index: 1;
        }

            .service-sidebar__nav li a::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-color: var(--deskot-base, #ff5a1e);
                transform: scalex(0);
                transform-style: preserve-3d;
                transition: transform 0.4s ease-in-out;
                transform-origin: right center;
                z-index: -1;
            }

            .service-sidebar__nav li a i {
                font-size: var(--fs-10, 10px);
            }

        .service-sidebar__nav li.current::before, .service-sidebar__nav li:hover::before {
            width: 30px;
        }

        .service-sidebar__nav li.current::after, .service-sidebar__nav li:hover::after {
            background-color: var(--deskot-white, #ffffff);
        }

        .service-sidebar__nav li.current a, .service-sidebar__nav li:hover a {
            border-color: var(--deskot-base, #ff5a1e);
            color: var(--deskot-white, #ffffff);
        }

            .service-sidebar__nav li.current a::after, .service-sidebar__nav li:hover a::after {
                transform: scalex(1);
                transform-origin: left center;
            }

.service-sidebar__contact {
    background-color: var(--deskot-text, #636363);
    padding: 21px 30px;
    text-align: left;
    position: relative;
    z-index: 2;
    min-height: 422px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-sidebar__contact {
        padding: 20px 38px;
    }
}

.service-sidebar__contact::after {
    content: "";
    background: var(--deskot-text, #636363);
    width: 290px;
    height: 245px;
    border-top-left-radius: 92%;
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
}

.service-sidebar__contact .deskot-btn > i {
    padding: 5px 29px;
}

.service-sidebar__contact .deskot-btn > span {
    background-color: var(--deskot-white, #ffffff);
}

.service-sidebar__contact .deskot-btn:hover {
    color: var(--deskot-text, #636363);
}

.service-sidebar__contact__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

    .service-sidebar__contact__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.service-sidebar__contact__title {
    text-transform: capitalize;
    color: var(--deskot-white, #ffffff);
    font-weight: 400;
    font-size: var(--fs-30, 30px);
    line-height: 40px;
    margin: 0 0 20px;
}


/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
.hero-slider {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hero-slider__carousel {
    position: relative;
}

    .hero-slider__carousel.owl-carousel .owl-nav {
        margin: 0px;
        padding: 22px 37px 12px;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        border-radius: 50px 50px 0px 0px;
        background-color: var(--deskot-white, #ffffff);
    }

@media (min-width: 1200px) {
    .hero-slider__carousel.owl-carousel .owl-nav {
        flex-direction: column;
        padding: 37px 12px 37px 22px;
        top: 50%;
        right: 0px;
        left: auto;
        bottom: auto;
        transform: translate(0%, -50%);
        border-radius: 50px 0px 0px 50px;
    }
}

.hero-slider__carousel.owl-carousel .owl-nav button {
    width: 43px;
    height: 43px;
    font-size: var(--fs-14, 14px);
}

@media (min-width: 1200px) {
    .hero-slider__carousel.owl-carousel .owl-nav button {
        transform: rotate(90deg);
    }
}

.hero-slider__item {
    position: relative;
    padding: 213px 0px;
    overflow: hidden;
    background-color: var(--deskot-black2, #072f3e);
}

@media (max-width: 1199px) {
    .hero-slider__item {
        padding: 173px 0px 250px;
    }
}

@media (max-width: 991px) {
    .hero-slider__item {
        padding: 153px 0px 230px;
    }
}

@media (max-width: 575px) {
    .hero-slider__item {
        padding: 123px 0px 200px;
    }
}

.hero-slider__bg-box {
    width: 100vw;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider__bg {
    position: relative;
    width: 25%;
    height: 100%;
}

.hero-slider__bg__inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 0 0;
    background-repeat: no-repeat;
    transition: transform 0.8s ease-in-out;
}

    .hero-slider__bg__inner::before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100%;
        opacity: 0;
        background-image: inherit;
        background-size: cover;
        background-position: center center;
        transition: opacity 0.25s;
    }

.hero-slider__bg:nth-child(1) .hero-slider__bg__inner {
    z-index: 3;
    transition-delay: 0.32s;
    transform: translateX(-40.5%);
}

    .hero-slider__bg:nth-child(1) .hero-slider__bg__inner::before {
        left: 0vw;
        transition-delay: 0.365s;
    }

.hero-slider__bg:nth-child(2) .hero-slider__bg__inner {
    z-index: 2;
    transition-delay: 0.16s;
    transform: translateX(-73%);
}

    .hero-slider__bg:nth-child(2) .hero-slider__bg__inner::before {
        left: -25vw;
        transition-delay: 0.285s;
    }

.hero-slider__bg:nth-child(3) .hero-slider__bg__inner {
    z-index: 1;
    transition-delay: 0.08s;
    transform: translateX(-105.5%);
}

    .hero-slider__bg:nth-child(3) .hero-slider__bg__inner::before {
        left: -50vw;
        transition-delay: 0.205s;
    }

.hero-slider__bg:nth-child(4) .hero-slider__bg__inner {
    z-index: 0;
    transition-delay: 0s;
    transform: translateX(-138%);
}

    .hero-slider__bg:nth-child(4) .hero-slider__bg__inner::before {
        left: -75vw;
        transition-delay: 0.125s;
    }

.hero-slider__overlay {
    width: calc(100% - 475px);
    height: 100%;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 1799px) {
    .hero-slider__overlay {
        width: calc(100% - 300px);
    }
}

@media (max-width: 1399px) {
    .hero-slider__overlay {
        width: calc(100% - 250px);
    }
}

@media (max-width: 1199px) {
    .hero-slider__overlay {
        width: 100%;
        background-image: none !important;
    }

        .hero-slider__overlay::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.7);
        }
}

.hero-slider .container {
    position: relative;
    z-index: 6;
}

.hero-slider__top {
    margin-bottom: 21px;
    overflow: hidden;
}

.hero-slider__top__inner {
    padding: 8px 30px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    opacity: 0;
    transform: translateY(-150%);
    border-radius: 50px;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 991px) {
    .hero-slider__top__inner {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 440px) {
    .hero-slider__top__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.hero-slider__tagline-shape {
    flex-shrink: 0;
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
}

.hero-slider__tagline {
    margin: 0px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.272;
}

@media (max-width: 991px) {
    .hero-slider__tagline {
        font-size: var(--fs-16, 16px);
    }
}

@media (max-width: 440px) {
    .hero-slider__tagline {
        font-size: var(--fs-14, 14px);
    }
}

.hero-slider__title {
    position: relative;
    margin-bottom: 23px;
    font-weight: 700;
    font-size: var(--fs-60, 60px);
    color: var(--deskot-white, #ffffff);
    line-height: 1.166;
}

@media (max-width: 991px) {
    .hero-slider__title {
        font-size: var(--fs-50, 50px);
    }
}

@media (max-width: 575px) {
    .hero-slider__title {
        font-size: var(--fs-45, 45px);
    }
}

@media (max-width: 440px) {
    .hero-slider__title {
        font-size: var(--fs-40, 40px);
    }
}

.hero-slider__title::after {
    content: "";
    width: 465px;
    height: 274px;
    position: absolute;
    top: -42px;
    right: -25px;
    z-index: -1;
    opacity: 0;
    perspective: 500px;
    transform: rotateX(120deg);
    transform-origin: 50% 100%;
    background-color: var(--deskot-base, #ff5a1e);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 177.000000"><g transform="translate(0.000000,177.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M5510 3502 c-77 -22 -207 -67 -290 -101 -613 -256 -1377 -336 -2250 -234 -1482 173 -3212 -242 -2938 -705 222 -375 1309 -583 2858 -546 611 15 641 -133 185 -891 -350 -580 -364 -791 -65 -945 562 -289 1491 350 2324 1600 794 1192 874 2013 176 1822z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 177.000000"><g transform="translate(0.000000,177.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M5510 3502 c-77 -22 -207 -67 -290 -101 -613 -256 -1377 -336 -2250 -234 -1482 173 -3212 -242 -2938 -705 222 -375 1309 -583 2858 -546 611 15 641 -133 185 -891 -350 -580 -364 -791 -65 -945 562 -289 1491 350 2324 1600 794 1192 874 2013 176 1822z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

@media (max-width: 767px) {
    .hero-slider__title::after {
        display: none;
    }
}

@keyframes show {
    to {
        opacity: 1;
    }
}

@keyframes pop-word {
    to {
        transform: rotateX(0);
    }
}

.hero-slider__title span {
    display: inline-block;
    transform-style: preserve-3d;
    transform-origin: bottom;
    transform: scale(1, 0);
}

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

    100% {
        transform: scale(1, 1);
    }
}

.hero-slider__description {
    margin-bottom: 25px;
    overflow: hidden;
}

.hero-slider__text {
    margin: 0px;
    font-size: var(--fs-18, 18px);
    font-weight: 500;
    color: var(--deskot-white, #ffffff);
    line-height: 1.666;
    opacity: 0;
    transform: translateY(150%);
}

@media (max-width: 575px) {
    .hero-slider__text {
        font-size: var(--fs-16, 16px);
    }
}

.hero-slider__button {
    overflow: hidden;
}

.hero-slider__button__inner {
    opacity: 0;
    transform: translateY(150%);
}

.hero-slider .deskot-btn::after {
    background-color: var(--deskot-white, #ffffff);
}

.hero-slider .deskot-btn:hover .deskot-btn__text {
    color: var(--deskot-black2, #072f3e);
}

.hero-slider__shape-1 {
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 6.7%;
    bottom: 12.4%;
    z-index: 5;
    opacity: 0;
    animation: zoomIn3 2.5s infinite alternate;
}

@media (max-width: 1799px) {
    .hero-slider__shape-1 {
        left: 2%;
        bottom: 8%;
    }
}

@media (max-width: 1599px) {
    .hero-slider__shape-1 {
        left: 1.5%;
        bottom: 3%;
    }
}

@media (max-width: 575px) {
    .hero-slider__shape-1 {
        display: none !important;
    }
}

.hero-slider__shape-2 {
    width: 227px;
    height: 227px;
    position: absolute;
    right: -46px;
    bottom: -51px;
    z-index: 5;
    opacity: 0;
    transform: rotate(62.776deg);
    border-radius: 50%;
    background: linear-gradient(0deg, #ff5a1e 0%, rgba(153, 54, 18, 0) 100%);
    animation: shapeZoomIn 2s infinite alternate;
}

@media (max-width: 767px) {
    .hero-slider__shape-2 {
        right: -86px;
        bottom: -91px;
    }
}

@media (max-width: 575px) {
    .hero-slider__shape-2 {
        display: none;
    }
}

@keyframes shapeZoomIn {
    0% {
        transform: scale(1.25) rotate(62.776deg);
    }

    50% {
        transform: scale(1) rotate(62.776deg);
    }

    100% {
        transform: scale(1.25) rotate(62.776deg);
    }
}

.hero-slider .active .hero-slider__bg__inner {
    transform: translateX(0);
    transition-timing-function: ease;
}

    .hero-slider .active .hero-slider__bg__inner::before {
        opacity: 1;
    }

.hero-slider .active .hero-slider__overlay {
    opacity: 1;
    transition: opacity 500ms ease 300ms;
}

.hero-slider .active .hero-slider__top__inner,
.hero-slider .active .hero-slider__text,
.hero-slider .active .hero-slider__button__inner {
    opacity: 1;
    transform: translateY(0);
    transition: transform 1500ms ease, opacity 1500ms ease;
}

.hero-slider .active .hero-slider__top__inner {
    transition-delay: 200ms;
}

.hero-slider .active .hero-slider__title span {
    animation: splitText 300ms ease forwards;
}

.hero-slider .active .hero-slider__title::after {
    animation: show 0.01s forwards, pop-word 1.5s forwards;
    animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
    animation-delay: 600ms;
}

.hero-slider .active .hero-slider__text {
    transition-delay: 400ms;
}

.hero-slider .active .hero-slider__button__inner {
    transition-delay: 800ms;
}

.hero-slider .active .hero-slider__shape-1,
.hero-slider .active .hero-slider__shape-2 {
    opacity: 1;
    transition: opacity 500ms ease 500ms;
}

.hero-slider-two {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hero-slider-two__carousel {
    position: relative;
}

    .hero-slider-two__carousel.owl-carousel .owl-dots {
        padding: 22px 35px 14px;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        border-radius: 30px 30px 0px 0px;
        background-color: var(--deskot-white, #ffffff);
    }

.hero-slider-two__item {
    position: relative;
    padding: 140px 0px 192px;
    overflow: hidden;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 440px) {
    .hero-slider-two__item {
        padding: 120px 0px 172px;
    }
}

.hero-slider-two__bg-box {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-slider-two__bg {
    position: relative;
    width: 25%;
    height: 100%;
}

.hero-slider-two__bg__inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-size: 0 0;
    background-repeat: no-repeat;
    transform: translateY(-90%);
    transition: opacity 500ms ease, transform 0.7s ease-in-out;
}

    .hero-slider-two__bg__inner::before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100%;
        background-image: inherit;
        background-size: cover;
        background-position: center center;
    }

.hero-slider-two__bg:nth-child(1) .hero-slider-two__bg__inner {
    transition-delay: 0.1s;
}

    .hero-slider-two__bg:nth-child(1) .hero-slider-two__bg__inner::before {
        left: 0vw;
    }

.hero-slider-two__bg:nth-child(2) .hero-slider-two__bg__inner {
    transition-delay: 0.2s;
}

    .hero-slider-two__bg:nth-child(2) .hero-slider-two__bg__inner::before {
        left: -25vw;
    }

.hero-slider-two__bg:nth-child(3) .hero-slider-two__bg__inner {
    transition-delay: 0.3s;
}

    .hero-slider-two__bg:nth-child(3) .hero-slider-two__bg__inner::before {
        left: -50vw;
    }

.hero-slider-two__bg:nth-child(4) .hero-slider-two__bg__inner {
    transition-delay: 0.4s;
}

    .hero-slider-two__bg:nth-child(4) .hero-slider-two__bg__inner::before {
        left: -75vw;
    }

.hero-slider-two .container {
    position: relative;
    z-index: 6;
}

.hero-slider-two__content {
    padding: 67px 43px 41px 0px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .hero-slider-two__content {
        padding-left: 40px;
    }
}

@media (max-width: 991px) {
    .hero-slider-two__content {
        padding: 40px;
    }
}

@media (max-width: 440px) {
    .hero-slider-two__content {
        padding: 30px;
    }
}

@media (max-width: 390px) {
    .hero-slider-two__content {
        padding: 30px 20px;
    }
}

.hero-slider-two__content::before {
    content: "";
    width: calc(100% + 66px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: -66px;
    opacity: 0;
    z-index: -1;
    border-radius: 50px 50px 200px 50px;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 1199px) {
    .hero-slider-two__content::before {
        width: 100%;
        left: 0px;
    }
}

@media (max-width: 440px) {
    .hero-slider-two__content::before {
        border-radius: 30px 30px 100px 30px;
    }
}

.hero-slider-two__top {
    margin-bottom: 21px;
    overflow: hidden;
}

.hero-slider-two__top__inner {
    padding: 8px 30px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    opacity: 0;
    transform: translateY(-150%);
    border-radius: 50px;
    background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.1);
}

@media (max-width: 991px) {
    .hero-slider-two__top__inner {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 440px) {
    .hero-slider-two__top__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.hero-slider-two__tagline-shape {
    flex-shrink: 0;
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
}

.hero-slider-two__tagline {
    margin: 0px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.272;
}

@media (max-width: 991px) {
    .hero-slider-two__tagline {
        font-size: var(--fs-16, 16px);
    }
}

@media (max-width: 440px) {
    .hero-slider-two__tagline {
        font-size: var(--fs-14, 14px);
    }
}

.hero-slider-two__title {
    margin-bottom: 23px;
    font-weight: 700;
    font-size: var(--fs-60, 60px);
    color: var(--deskot-black, #222222);
    line-height: 1.166;
}

@media (max-width: 991px) {
    .hero-slider-two__title {
        font-size: var(--fs-50, 50px);
    }
}

@media (max-width: 767px) {
    .hero-slider-two__title {
        font-size: var(--fs-45, 45px);
    }
}

@media (max-width: 575px) {
    .hero-slider-two__title {
        font-size: var(--fs-40, 40px);
    }
}

@media (max-width: 440px) {
    .hero-slider-two__title {
        font-size: var(--fs-40, 40px);
    }
}

@media (max-width: 390px) {
    .hero-slider-two__title {
        font-size: var(--fs-35, 35px);
    }
}

.hero-slider-two__title span {
    display: inline-block;
    opacity: 0;
    transform: translate(200px, -100px) scale(2);
}

.hero-slider-two__title__highlight {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    color: var(--deskot-base, #ff5a1e);
    z-index: 1;
}

@media (max-width: 767px) {
    .hero-slider-two__title__highlight {
        margin-left: 0px;
    }
}

.hero-slider-two__title__highlight::after {
    content: "";
    width: calc(100% + 40px);
    height: calc(100% + 31px);
    background-image: url(../img/shapes/hero-slider-title-shape-2-1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    position: absolute;
    top: calc(50% - 4px);
    left: 50%;
    opacity: 0;
    z-index: -1;
    transform: translate(-50%, -50%) scale(0.5);
}

@media (max-width: 767px) {
    .hero-slider-two__title__highlight::after {
        display: none;
    }
}

@keyframes textBallDrop {
    60% {
        transform: translate(0, 20px) rotate(-180deg) scale(0.5);
    }

    100% {
        transform: translate(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}

.hero-slider-two__inner {
    display: flex;
    gap: 38px;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .hero-slider-two__inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.hero-slider-two__inner__inner {
    width: calc(100% - 242px);
}

@media (max-width: 991px) {
    .hero-slider-two__inner__inner {
        width: 100%;
    }
}

.hero-slider-two__description {
    margin-bottom: 25px;
    overflow: hidden;
}

.hero-slider-two__text {
    margin: 0px;
    font-size: var(--fs-18, 18px);
    font-weight: 500;
    color: var(--deskot-text, #636363);
    line-height: 1.666;
    opacity: 0;
    transform: translateY(150%);
}

@media (max-width: 575px) {
    .hero-slider-two__text {
        font-size: var(--fs-16, 16px);
    }
}

.hero-slider-two__button {
    display: flex;
    align-items: center;
    gap: 30px 32px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .hero-slider-two__button {
        flex-direction: column;
        align-items: flex-start;
    }
}

.hero-slider-two__button__inner {
    opacity: 0;
    transform: translateY(150%);
}

.hero-slider-two__video {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

    .hero-slider-two__video .video-btn {
        width: 48px;
        height: 48px;
        font-size: var(--fs-20, 20px);
        color: var(--deskot-base, #ff5a1e);
        border-color: var(--deskot-base, #ff5a1e);
    }

        .hero-slider-two__video .video-btn:hover {
            color: var(--deskot-white, #ffffff);
            background-color: var(--deskot-base, #ff5a1e);
        }

        .hero-slider-two__video .video-btn > span {
            display: none;
        }

.hero-slider-two__video__title {
    margin: 0px;
    font-size: var(--fs-16, 16px);
    font-weight: 500;
    color: var(--deskot-base, #ff5a1e);
    text-transform: uppercase;
    line-height: 1.625;
}

.hero-slider-two__image {
    width: 242px;
    display: inline-block;
    margin-top: 6px;
    position: relative;
    transform: scale(0);
}

@media (max-width: 991px) {
    .hero-slider-two__image {
        width: auto;
    }
}

@media (max-width: 767px) {
    .hero-slider-two__image {
        display: none;
    }
}

.hero-slider-two__image::after {
    content: "";
    width: calc(100% + 18px);
    height: calc(100% + 18px);
    background-image: url(../img/shapes/hero-slider-image-shape-2-1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    position: absolute;
    top: calc(50% + 2px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero-slider-two__image img {
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.000000 173.000000"><g transform="translate(0.000000,173.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M765 3409 c-342 -93 -605 -343 -711 -679 -68 -217 -68 -1823 0 -2040 110 -347 403 -608 755 -672 231 -42 1625 -12 1861 41 1032 228 1836 996 2097 2003 183 703 86 1121 -303 1312 l-114 56 -1740 4 c-1449 3 -1757 -1 -1845 -25z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.000000 173.000000"><g transform="translate(0.000000,173.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M765 3409 c-342 -93 -605 -343 -711 -679 -68 -217 -68 -1823 0 -2040 110 -347 403 -608 755 -672 231 -42 1625 -12 1861 41 1032 228 1836 996 2097 2003 183 703 86 1121 -303 1312 l-114 56 -1740 4 c-1449 3 -1757 -1 -1845 -25z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

.hero-slider-two__shape {
    width: 915px;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0;
    transform: translateX(-70%);
    background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.9);
    clip-path: polygon(41% 0, 100% 50%, 41% 100%, 0 100%, 0 0);
}

@media (max-width: 1599px) {
    .hero-slider-two__shape {
        width: 833px;
    }
}

@media (max-width: 1299px) {
    .hero-slider-two__shape {
        display: none;
    }
}

.hero-slider-two__shape__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.hero-slider-two__shape-2 {
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    opacity: 0;
    animation: moveX 2.5s infinite;
}

@media (max-width: 575px) {
    .hero-slider-two__shape-2 {
        display: none !important;
    }
}

.hero-slider-two .active .hero-slider-two__bg__inner {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease;
}

.hero-slider-two .active .hero-slider-two__content::before {
    opacity: 1;
    transition: opacity 600ms ease 300ms;
}

.hero-slider-two .active .hero-slider-two__top__inner,
.hero-slider-two .active .hero-slider-two__text,
.hero-slider-two .active .hero-slider-two__button__inner {
    opacity: 1;
    transform: translateY(0);
    transition: transform 1500ms ease, opacity 1500ms ease;
}

.hero-slider-two .active .hero-slider-two__top__inner {
    transition-delay: 200ms;
}

.hero-slider-two .active .hero-slider-two__title span {
    animation: textBallDrop 0.2s forwards;
}

.hero-slider-two .active .hero-slider-two__title__highlight::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 1000ms ease 1700ms;
}

.hero-slider-two .active .hero-slider-two__text {
    transition-delay: 400ms;
}

.hero-slider-two .active .hero-slider-two__button__inner:nth-child(1) {
    transition-delay: 800ms;
}

.hero-slider-two .active .hero-slider-two__button__inner:nth-child(2) {
    transition-delay: 1100ms;
}

.hero-slider-two .active .hero-slider-two__image {
    transform: scale(1);
    transition: transform 1100ms ease 1000ms;
}

.hero-slider-two .active .hero-slider-two__shape {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 1100ms ease, opacity 1100ms ease;
    transition-delay: 600ms;
}

.hero-slider-two .active .hero-slider-two__shape-2 {
    opacity: 1;
    transition: opacity 500ms ease 600ms;
}

.hero-slider-three {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.hero-slider-three__carousel {
    position: relative;
}

    .hero-slider-three__carousel.owl-carousel .owl-nav {
        margin: 0px;
        padding: 22px 37px 12px;
        position: absolute;
        right: 377px;
        bottom: 0px;
        border-radius: 50px 50px 0px 0px;
        background-color: var(--deskot-white, #ffffff);
    }

@media (max-width: 1199px) {
    .hero-slider-three__carousel.owl-carousel .owl-nav {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.hero-slider-three__carousel.owl-carousel .owl-nav button {
    width: 43px;
    height: 43px;
    font-size: var(--fs-14, 14px);
}

.hero-slider-three__item {
    position: relative;
    padding: 309px 0px 198px;
    overflow: hidden;
    background-color: var(--deskot-black2, #072f3e);
}

@media (max-width: 1199px) {
    .hero-slider-three__item {
        padding-top: 245px;
    }
}

@media (max-width: 991px) {
    .hero-slider-three__item {
        padding-top: 241px;
    }
}

@media (max-width: 575px) {
    .hero-slider-three__item {
        padding-top: 231px;
    }
}

@media (max-width: 360px) {
    .hero-slider-three__item {
        padding-top: 221px;
    }
}

.hero-slider-three__bg-box {
    width: 100vw;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider-three__bg {
    position: relative;
    width: 25%;
    height: 100%;
}

.hero-slider-three__bg__inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 0 0;
    background-repeat: no-repeat;
    transition: transform 0.8s ease-in-out;
}

    .hero-slider-three__bg__inner::before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100%;
        opacity: 0;
        filter: blur(20px);
        background-image: inherit;
        background-size: cover;
        background-position: center center;
        transition: all 0.25s;
    }

.hero-slider-three__bg:nth-child(1) .hero-slider-three__bg__inner {
    transform: translateY(-50%);
}

    .hero-slider-three__bg:nth-child(1) .hero-slider-three__bg__inner::before {
        left: 0vw;
    }

.hero-slider-three__bg:nth-child(2) .hero-slider-three__bg__inner {
    transform: translateY(50%);
}

    .hero-slider-three__bg:nth-child(2) .hero-slider-three__bg__inner::before {
        left: -25vw;
    }

.hero-slider-three__bg:nth-child(3) .hero-slider-three__bg__inner {
    transform: translateY(-50%);
}

    .hero-slider-three__bg:nth-child(3) .hero-slider-three__bg__inner::before {
        left: -50vw;
    }

.hero-slider-three__bg:nth-child(4) .hero-slider-three__bg__inner {
    transform: translateY(50%);
}

    .hero-slider-three__bg:nth-child(4) .hero-slider-three__bg__inner::before {
        left: -75vw;
    }

.hero-slider-three .container {
    position: relative;
    z-index: 3;
}

.hero-slider-three__content {
    padding: 55px 22px 43px 0px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1399px) {
    .hero-slider-three__content {
        padding-left: 80px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__content {
        padding: 40px;
    }
}

@media (max-width: 440px) {
    .hero-slider-three__content {
        padding: 30px;
    }
}

@media (max-width: 390px) {
    .hero-slider-three__content {
        padding: 30px 20px;
    }
}

.hero-slider-three__content::before {
    content: "";
    width: calc(100% + 50px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: -50px;
    opacity: 0;
    z-index: -1;
    background: linear-gradient(270deg, rgba(115, 115, 115, 0) 0%, #072f3e 100%);
}

@media (max-width: 1399px) {
    .hero-slider-three__content::before {
        width: calc(100% - 22px);
        left: 22px;
    }
}

@media (max-width: 991px) {
    .hero-slider-three__content::before {
        width: calc(100% - 20.5px);
        left: 20.5px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__content::before {
        width: 100%;
        left: 0px;
    }
}

.hero-slider-three__content::after {
    content: "";
    width: 167px;
    height: 167px;
    border-radius: 50%;
    position: absolute;
    top: 42px;
    left: -61px;
    z-index: -1;
    transform: scale(0);
    background-color: var(--deskot-base, #ff5a1e);
}

@media (max-width: 1399px) {
    .hero-slider-three__content::after {
        left: 22px;
    }
}

@media (max-width: 991px) {
    .hero-slider-three__content::after {
        display: none;
    }
}

.hero-slider-three__top {
    margin-bottom: 21px;
}

@media (min-width: 768px) {
    .hero-slider-three__top {
        margin: 0px;
        position: absolute;
        top: 50%;
        left: 0px;
        white-space: nowrap;
        transform: translateY(-50%);
        writing-mode: sideways-lr;
    }
}

@media (min-width: 1400px) {
    .hero-slider-three__top {
        left: -72px;
    }
}

.hero-slider-three__top__inner {
    padding: 30px 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    opacity: 0;
    filter: blur(50px);
    border-radius: 50px;
    transform: translateY(-100%);
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 991px) {
    .hero-slider-three__top__inner {
        padding: 25px 8px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__top__inner {
        padding: 8px 25px;
        transform: translateY(-150%);
    }
}

@media (max-width: 440px) {
    .hero-slider-three__top__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.hero-slider-three__tagline-shape {
    flex-shrink: 0;
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
}

.hero-slider-three__tagline {
    margin: 0px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 600;
    line-height: 1.272;
    letter-spacing: 3.3px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .hero-slider-three__tagline {
        font-size: var(--fs-20, 20px);
    }
}

@media (max-width: 767px) {
    .hero-slider-three__tagline {
        font-size: var(--fs-16, 16px);
    }
}

@media (max-width: 440px) {
    .hero-slider-three__tagline {
        font-size: var(--fs-14, 14px);
    }
}

.hero-slider-three__title {
    position: relative;
    margin-bottom: 18px;
    font-weight: 700;
    font-size: var(--fs-60, 60px);
    color: var(--deskot-white, #ffffff);
    line-height: 1.166;
    opacity: 0;
    filter: blur(50px);
    transform: translateY(150%);
}

@media (max-width: 991px) {
    .hero-slider-three__title {
        font-size: var(--fs-50, 50px);
    }
}

@media (max-width: 767px) {
    .hero-slider-three__title {
        font-size: var(--fs-45, 45px);
    }
}

@media (max-width: 575px) {
    .hero-slider-three__title {
        font-size: var(--fs-38, 38px);
    }
}

@media (max-width: 412px) {
    .hero-slider-three__title {
        font-size: var(--fs-35, 35px);
    }
}

.hero-slider-three__title span {
    display: inline-block;
    position: relative;
    color: var(--deskot-white, #ffffff);
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: var(--deskot-base, #ff5a1e);
}

@media (max-width: 991px) {
    .hero-slider-three__title span {
        -webkit-text-stroke-width: 2px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__title span {
        -webkit-text-stroke-width: 1px;
    }
}

.hero-slider-three__title span::before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0px;
    bottom: -4px;
    background-color: var(--deskot-base, #ff5a1e);
}

@media (max-width: 991px) {
    .hero-slider-three__title span::before {
        height: 8px;
        bottom: -6px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__title span::before {
        display: none;
    }
}

.hero-slider-three__title span::after {
    content: "";
    width: calc(100% - 6px);
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 991px) {
    .hero-slider-three__title span::after {
        width: calc(100% - 4px);
        bottom: -4px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__title span::after {
        display: none;
    }
}

.hero-slider-three__text {
    margin-bottom: 26px;
    font-size: var(--fs-18, 18px);
    font-weight: 500;
    color: var(--deskot-white, #ffffff);
    line-height: 1.666;
    opacity: 0;
    filter: blur(50px);
    transform: translateY(150%);
}

@media (max-width: 575px) {
    .hero-slider-three__text {
        font-size: var(--fs-16, 16px);
    }
}

.hero-slider-three__button {
    opacity: 0;
    filter: blur(50px);
    transform: translateY(150%);
}

.hero-slider-three .deskot-btn::after {
    background-color: var(--deskot-white, #ffffff);
}

.hero-slider-three .deskot-btn:hover .deskot-btn__text {
    color: var(--deskot-black2, #072f3e);
}

@keyframes blurSlideUp {
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
}

.hero-slider-three__shape-1 {
    width: auto !important;
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    position: absolute;
    right: -120px;
    bottom: -120px;
    z-index: 1;
    opacity: 0;
    animation: moveX 2s linear infinite;
}

@media (max-width: 575px) {
    .hero-slider-three__shape-1 {
        display: none !important;
    }
}

.hero-slider-three__shape-2 {
    width: 380.856px;
    height: 380.856px;
    position: absolute;
    top: -125px;
    right: 125px;
    z-index: 2;
    opacity: 0;
    border-radius: 50%;
    transform: rotate(-120deg);
    background: linear-gradient(0deg, #ff5a1e 0%, rgba(153, 54, 18, 0) 100%);
    animation: shapeZoomIn 2.5s infinite alternate;
}

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

@keyframes shapeZoomIn {
    0% {
        transform: scale(1.25) rotate(62.776deg);
    }

    50% {
        transform: scale(1) rotate(62.776deg);
    }

    100% {
        transform: scale(1.25) rotate(62.776deg);
    }
}

.hero-slider-three__shape-3 {
    width: 100%;
    height: 138px;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    transform: translateY(-100%);
    background-color: var(--deskot-white, #ffffff);
    clip-path: polygon(100% 100%, 84.69% 64.49%, 15.21% 64.49%, 0% 6.52%, 0% 0%, 100% 0%);
}

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

.hero-slider-three__shape-3::after {
    content: "";
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 0px;
    left: 8px;
    z-index: 2;
    background-color: var(--deskot-black2, #072f3e);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 84.77% 63.95%, 15% 63.95%);
}

.hero-slider-three .active .hero-slider-three__bg__inner {
    transform: translateY(0);
    transition-timing-function: ease;
}

    .hero-slider-three .active .hero-slider-three__bg__inner::before {
        animation: blurSlideUp 1000ms ease-in-out forwards;
    }

.hero-slider-three .active .hero-slider-three__content::before {
    opacity: 1;
    transition: opacity 600ms ease 400ms;
}

.hero-slider-three .active .hero-slider-three__content::after {
    transform: scale(1);
    transition: transform 800ms ease 900ms;
}

.hero-slider-three .active .hero-slider-three__top__inner,
.hero-slider-three .active .hero-slider-three__title,
.hero-slider-three .active .hero-slider-three__text,
.hero-slider-three .active .hero-slider-three__button {
    animation: blurSlideUp 1200ms ease-in-out forwards;
}

.hero-slider-three .active .hero-slider-three__top__inner {
    animation-delay: 200ms;
}

.hero-slider-three .active .hero-slider-three__title {
    animation-delay: 0ms;
}

.hero-slider-three .active .hero-slider-three__text {
    animation-delay: 400ms;
}

.hero-slider-three .active .hero-slider-three__button {
    animation-delay: 800ms;
}

.hero-slider-three .active .hero-slider-three__shape-1,
.hero-slider-three .active .hero-slider-three__shape-2 {
    opacity: 1;
    transition: opacity 500ms ease 500ms;
}

.hero-slider-three .active .hero-slider-three__shape-3 {
    transform: translateY(0%);
    transition: transform 1100ms ease, opacity 1100ms ease;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
    position: relative;
    overflow: hidden;
    padding-bottom: 169px;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 1199px) {
    .about-one {
        padding-bottom: var(--section-space, 120px);
    }
}

@media (max-width: 767px) {
    .about-one {
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .about-one {
        padding-bottom: 80px;
    }
}

.about-one .container {
    position: relative;
    z-index: 1;
}

.about-one__image {
    display: inline-block;
    position: relative;
}

.about-one__image__one {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 834.000000"><g transform="translate(0.000000,834.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 4170 l0 -4170 4365 0 4365 0 -5 28 c-8 36 -33 135 -51 198 -8 28 -14 60 -14 71 0 11 -6 39 -14 64 -16 53 -35 129 -47 184 -11 55 -34 152 -47 200 -6 22 -18 72 -27 110 -9 39 -23 95 -30 125 -8 30 -21 87 -30 125 -16 68 -29 123 -60 243 -7 31 -21 89 -30 127 -9 39 -21 88 -27 110 -6 22 -15 58 -19 80 -11 52 -33 149 -48 205 -20 71 -39 149 -57 230 -9 41 -23 95 -30 119 -8 25 -14 53 -14 64 0 11 -6 43 -14 71 -19 65 -41 152 -61 241 -22 95 -43 180 -61 241 -8 28 -14 59 -14 69 0 10 -6 41 -14 69 -18 61 -39 146 -61 241 -20 89 -42 176 -61 241 -8 28 -14 60 -14 71 0 11 -6 39 -14 64 -7 24 -21 78 -30 119 -10 41 -24 102 -32 135 -18 69 -38 149 -58 233 -8 31 -20 80 -26 107 -7 28 -16 68 -21 90 -18 86 -57 246 -75 304 -8 25 -14 55 -14 68 0 14 -5 33 -11 44 -11 21 5 54 74 149 29 40 75 104 182 254 17 24 59 84 95 135 36 50 90 127 120 170 62 87 111 156 217 302 40 54 73 101 73 104 0 3 33 49 73 104 39 55 99 138 132 185 33 47 87 123 120 169 33 47 89 126 125 177 147 208 172 240 181 235 5 -4 9 0 9 7 0 7 -17 23 -38 35 -21 12 -112 76 -203 143 -90 67 -189 139 -219 161 -30 22 -130 95 -221 162 -92 67 -244 178 -339 247 -95 69 -234 170 -309 225 -75 56 -185 136 -246 180 -60 43 -165 119 -233 169 -67 50 -190 140 -272 200 -83 61 -150 116 -150 123 0 11 -597 13 -3385 13 l-3385 0 0 -4170z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 834.000000"><g transform="translate(0.000000,834.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 4170 l0 -4170 4365 0 4365 0 -5 28 c-8 36 -33 135 -51 198 -8 28 -14 60 -14 71 0 11 -6 39 -14 64 -16 53 -35 129 -47 184 -11 55 -34 152 -47 200 -6 22 -18 72 -27 110 -9 39 -23 95 -30 125 -8 30 -21 87 -30 125 -16 68 -29 123 -60 243 -7 31 -21 89 -30 127 -9 39 -21 88 -27 110 -6 22 -15 58 -19 80 -11 52 -33 149 -48 205 -20 71 -39 149 -57 230 -9 41 -23 95 -30 119 -8 25 -14 53 -14 64 0 11 -6 43 -14 71 -19 65 -41 152 -61 241 -22 95 -43 180 -61 241 -8 28 -14 59 -14 69 0 10 -6 41 -14 69 -18 61 -39 146 -61 241 -20 89 -42 176 -61 241 -8 28 -14 60 -14 71 0 11 -6 39 -14 64 -7 24 -21 78 -30 119 -10 41 -24 102 -32 135 -18 69 -38 149 -58 233 -8 31 -20 80 -26 107 -7 28 -16 68 -21 90 -18 86 -57 246 -75 304 -8 25 -14 55 -14 68 0 14 -5 33 -11 44 -11 21 5 54 74 149 29 40 75 104 182 254 17 24 59 84 95 135 36 50 90 127 120 170 62 87 111 156 217 302 40 54 73 101 73 104 0 3 33 49 73 104 39 55 99 138 132 185 33 47 87 123 120 169 33 47 89 126 125 177 147 208 172 240 181 235 5 -4 9 0 9 7 0 7 -17 23 -38 35 -21 12 -112 76 -203 143 -90 67 -189 139 -219 161 -30 22 -130 95 -221 162 -92 67 -244 178 -339 247 -95 69 -234 170 -309 225 -75 56 -185 136 -246 180 -60 43 -165 119 -233 169 -67 50 -190 140 -272 200 -83 61 -150 116 -150 123 0 11 -597 13 -3385 13 l-3385 0 0 -4170z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

.about-one__image__inner {
    display: inline-block;
    position: relative;
    position: absolute;
    right: -130px;
    bottom: -96px;
    z-index: 2;
}

@media (max-width: 1199px) {
    .about-one__image__inner {
        right: 44px;
    }
}

@media (max-width: 991px) {
    .about-one__image__inner {
        right: -157px;
    }
}

@media (max-width: 767px) {
    .about-one__image__inner {
        right: 104px;
    }
}

@media (max-width: 575px) {
    .about-one__image__inner {
        display: none;
    }
}

.about-one__image__inner::before {
    content: "";
    width: 96px;
    height: 96px;
    position: absolute;
    left: -96px;
    bottom: 0px;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.about-one__image__inner__shape {
    position: absolute;
    top: -68px;
    left: 0px;
}

.about-one__image__two {
    position: relative;
    z-index: 1;
    border-top: 10px solid var(--deskot-white, #ffffff);
    border-left: 10px solid var(--deskot-white, #ffffff);
}

    .about-one__image__two img {
        max-width: 100%;
        height: auto;
    }

.about-one__image__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 87px;
    left: -131px;
    animation: zoomIn 2s infinite alternate;
}

@media (max-width: 575px) {
    .about-one__image__shape {
        display: none;
    }
}

.about-one__content {
    position: relative;
    z-index: 2;
    margin-top: 36px;
}

@media (max-width: 1199px) {
    .about-one__content {
        margin-top: 0px;
    }
}

@media (max-width: 991px) {
    .about-one__content {
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .about-one__content {
        margin-top: 0px;
    }
}

.about-one__content__inner {
    padding-left: 130px;
}

@media (max-width: 1199px) {
    .about-one__content__inner {
        padding-left: 0px;
    }
}

.about-one .sec-title {
    margin-bottom: 22px;
}

.about-one__text {
    margin-bottom: 21px;
}

.about-one__list {
    margin-bottom: 20px;
}

    .about-one__list li + li {
        margin-top: 10px;
    }

    .about-one__list li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: var(--deskot-black5, #444444);
        font-weight: 500;
    }

        .about-one__list li span {
            color: var(--deskot-secondary-base, #444444);
            font-size: var(--fs-16, 16px);
        }

        .about-one__list li a {
            color: inherit;
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        .about-one__list li:hover a {
            text-decoration: underline;
        }

    .about-one__list svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        position: relative;
        top: 3px;
        transition: all 500ms ease;
    }

        .about-one__list svg path:nth-child(1) {
            fill: var(--deskot-black2, #072f3e);
            transition: all 500ms ease;
        }

    .about-one__list.sibling-2 svg path:nth-child(1) {
        fill: var(--deskot-base, #072f3e);
        transition: all 500ms ease;
    }

    .about-one__list svg path:nth-child(2) {
        fill: var(--deskot-base, #ff5a1e);
        transition: all 500ms ease;
    }

    .about-one__list li:hover svg path:nth-child(1) {
        fill: var(--deskot-base, #ff5a1e);
    }

    .about-one__list li:hover svg path:nth-child(2) {
        fill: var(--deskot-black2, #072f3e);
    }

.about-one__text-2 {
    margin-bottom: 37px;
}

    .about-one__text-2 span {
        font-weight: 600;
        color: var(--deskot-base, #ff5a1e);
        text-transform: uppercase;
    }

.about-one__shape-1 {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 97px;
    right: 12.5%;
    animation: zoomIn3 2.5s infinite alternate;
}

@media (max-width: 1799px) {
    .about-one__shape-1 {
        right: 5%;
    }
}

@media (max-width: 1599px) {
    .about-one__shape-1 {
        right: 1%;
    }
}

@media (max-width: 1399px) {
    .about-one__shape-1 {
        display: none;
    }
}

.about-one__shape-2 {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 0px;
    bottom: -194px;
    animation: moveX 2s linear infinite;
}

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

.about-one--about .about-one__shape-1 {
    top: auto;
    right: 10%;
    bottom: 120px;
}

@media (max-width: 1799px) {
    .about-one--about .about-one__shape-1 {
        right: 4%;
    }
}

@media (max-width: 1599px) {
    .about-one--about .about-one__shape-1 {
        right: 1%;
    }
}

@media (max-width: 1399px) {
    .about-one--about .about-one__shape-1 {
        display: none;
    }
}

.about-two {
    background-color: var(--deskot-white, #ffffff);
}

.about-two__image {
    position: relative;
}

.about-two__image__one {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -200px;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1392.000000"><g transform="translate(0.000000,1392.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 12985 c-41 -7 -95 -18 -120 -25 -25 -6 -72 -18 -105 -26 -33 -9 -82 -21 -110 -29 -27 -8 -165 -41 -305 -75 -140 -34 -277 -68 -305 -75 -48 -13 -103 -27 -237 -61 -35 -8 -85 -22 -113 -30 -27 -8 -198 -50 -380 -95 -181 -44 -343 -84 -360 -89 -16 -5 -57 -15 -90 -24 -33 -8 -80 -20 -105 -27 -25 -6 -61 -15 -80 -19 -19 -4 -136 -33 -260 -65 -124 -31 -254 -63 -290 -71 -36 -9 -87 -22 -115 -29 -27 -8 -79 -21 -115 -30 -36 -9 -87 -22 -115 -30 -27 -7 -189 -48 -360 -89 -367 -90 -416 -103 -475 -122 -25 -8 -54 -14 -65 -14 -11 0 -40 -6 -65 -14 -25 -8 -74 -22 -110 -31 -221 -57 -290 -80 -408 -141 -353 -182 -607 -513 -695 -909 -16 -73 -23 -7692 -7 -7790 27 -163 116 -386 211 -526 64 -95 269 -295 369 -361 152 -99 258 -142 500 -203 36 -9 86 -22 111 -30 26 -8 55 -15 65 -15 11 0 39 -6 64 -14 61 -20 116 -34 475 -121 171 -41 333 -81 360 -89 28 -8 79 -22 115 -31 36 -9 88 -22 115 -30 48 -13 159 -40 430 -105 72 -17 153 -38 180 -45 50 -14 126 -33 240 -61 33 -9 83 -21 110 -29 28 -7 190 -48 360 -89 301 -74 375 -93 480 -121 92 -25 168 -44 440 -111 149 -36 284 -69 300 -74 39 -11 219 -56 440 -110 87 -21 349 -25 446 -6 100 19 192 43 234 61 85 37 105 46 165 76 356 177 644 577 705 979 42 273 1 548 -115 782 -69 139 -107 192 -548 768 -39 52 -145 192 -234 310 -89 118 -166 220 -170 225 -4 6 -27 35 -51 65 -24 30 -156 203 -293 384 -137 182 -285 377 -329 435 -44 58 -184 243 -311 411 -307 405 -319 421 -464 611 -69 90 -140 187 -157 214 -38 59 -123 229 -123 244 0 6 -6 25 -14 43 -90 214 -100 544 -25 793 32 109 40 129 97 243 60 120 153 248 582 807 74 96 531 700 575 759 66 90 361 478 500 658 72 93 139 182 150 197 25 35 385 511 486 641 172 224 197 258 236 315 59 87 137 247 167 343 76 241 75 540 -3 792 -30 96 -112 268 -169 350 -211 308 -519 509 -882 576 -93 17 -328 16 -430 -1z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 1392.000000"><g transform="translate(0.000000,1392.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M5400 12985 c-41 -7 -95 -18 -120 -25 -25 -6 -72 -18 -105 -26 -33 -9 -82 -21 -110 -29 -27 -8 -165 -41 -305 -75 -140 -34 -277 -68 -305 -75 -48 -13 -103 -27 -237 -61 -35 -8 -85 -22 -113 -30 -27 -8 -198 -50 -380 -95 -181 -44 -343 -84 -360 -89 -16 -5 -57 -15 -90 -24 -33 -8 -80 -20 -105 -27 -25 -6 -61 -15 -80 -19 -19 -4 -136 -33 -260 -65 -124 -31 -254 -63 -290 -71 -36 -9 -87 -22 -115 -29 -27 -8 -79 -21 -115 -30 -36 -9 -87 -22 -115 -30 -27 -7 -189 -48 -360 -89 -367 -90 -416 -103 -475 -122 -25 -8 -54 -14 -65 -14 -11 0 -40 -6 -65 -14 -25 -8 -74 -22 -110 -31 -221 -57 -290 -80 -408 -141 -353 -182 -607 -513 -695 -909 -16 -73 -23 -7692 -7 -7790 27 -163 116 -386 211 -526 64 -95 269 -295 369 -361 152 -99 258 -142 500 -203 36 -9 86 -22 111 -30 26 -8 55 -15 65 -15 11 0 39 -6 64 -14 61 -20 116 -34 475 -121 171 -41 333 -81 360 -89 28 -8 79 -22 115 -31 36 -9 88 -22 115 -30 48 -13 159 -40 430 -105 72 -17 153 -38 180 -45 50 -14 126 -33 240 -61 33 -9 83 -21 110 -29 28 -7 190 -48 360 -89 301 -74 375 -93 480 -121 92 -25 168 -44 440 -111 149 -36 284 -69 300 -74 39 -11 219 -56 440 -110 87 -21 349 -25 446 -6 100 19 192 43 234 61 85 37 105 46 165 76 356 177 644 577 705 979 42 273 1 548 -115 782 -69 139 -107 192 -548 768 -39 52 -145 192 -234 310 -89 118 -166 220 -170 225 -4 6 -27 35 -51 65 -24 30 -156 203 -293 384 -137 182 -285 377 -329 435 -44 58 -184 243 -311 411 -307 405 -319 421 -464 611 -69 90 -140 187 -157 214 -38 59 -123 229 -123 244 0 6 -6 25 -14 43 -90 214 -100 544 -25 793 32 109 40 129 97 243 60 120 153 248 582 807 74 96 531 700 575 759 66 90 361 478 500 658 72 93 139 182 150 197 25 35 385 511 486 641 172 224 197 258 236 315 59 87 137 247 167 343 76 241 75 540 -3 792 -30 96 -112 268 -169 350 -211 308 -519 509 -882 576 -93 17 -328 16 -430 -1z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

@media (max-width: 1599px) {
    .about-two__image__one {
        display: none;
    }
}

.about-two__image__one img {
    max-width: 100%;
    height: auto;
}

.about-two__image__two {
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 813.000000"><g transform="translate(0.000000,813.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3547 8116 c-4 -9 -26 -17 -54 -21 -109 -14 -278 -101 -367 -188 -23 -23 -71 -78 -107 -122 -35 -44 -66 -82 -70 -85 -5 -5 -80 -98 -174 -216 -114 -143 -177 -222 -212 -265 -21 -26 -83 -102 -138 -170 -54 -68 -102 -126 -105 -129 -7 -6 -101 -122 -170 -210 -47 -60 -153 -191 -182 -225 -9 -11 -69 -85 -134 -165 -64 -80 -151 -187 -193 -239 -42 -51 -96 -119 -121 -151 -47 -60 -153 -191 -182 -225 -9 -11 -69 -85 -134 -165 -64 -80 -151 -187 -193 -239 -42 -51 -96 -119 -121 -151 -65 -83 -163 -204 -170 -210 -3 -3 -50 -61 -105 -130 -55 -68 -141 -175 -192 -238 -89 -111 -139 -198 -179 -312 -15 -45 -19 -83 -19 -205 0 -163 7 -196 68 -325 25 -53 133 -211 157 -230 7 -5 97 -116 170 -210 65 -83 163 -204 170 -210 3 -3 68 -84 145 -180 77 -96 142 -177 145 -180 7 -6 105 -127 170 -210 65 -83 163 -204 170 -210 3 -3 68 -84 145 -180 77 -96 142 -177 145 -180 7 -6 105 -127 170 -210 25 -32 70 -88 101 -126 31 -38 119 -145 194 -239 76 -93 172 -212 214 -264 42 -51 96 -119 121 -151 25 -31 65 -82 90 -112 25 -30 90 -111 145 -179 55 -68 102 -126 105 -129 8 -6 112 -136 165 -204 108 -140 228 -234 359 -282 125 -46 21 -44 2592 -41 1593 2 2434 7 2464 13 95 22 254 112 331 187 99 96 185 244 203 350 4 23 12 37 21 37 13 0 15 439 15 3460 0 3021 -2 3460 -15 3460 -9 0 -16 14 -20 38 -20 123 -131 298 -250 395 -33 27 -69 53 -80 58 -11 5 -38 19 -60 32 -44 24 -124 51 -195 64 -26 5 -44 14 -43 21 2 9 -536 12 -2391 12 -2067 0 -2395 -2 -2399 -14z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 813.000000"><g transform="translate(0.000000,813.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M3547 8116 c-4 -9 -26 -17 -54 -21 -109 -14 -278 -101 -367 -188 -23 -23 -71 -78 -107 -122 -35 -44 -66 -82 -70 -85 -5 -5 -80 -98 -174 -216 -114 -143 -177 -222 -212 -265 -21 -26 -83 -102 -138 -170 -54 -68 -102 -126 -105 -129 -7 -6 -101 -122 -170 -210 -47 -60 -153 -191 -182 -225 -9 -11 -69 -85 -134 -165 -64 -80 -151 -187 -193 -239 -42 -51 -96 -119 -121 -151 -47 -60 -153 -191 -182 -225 -9 -11 -69 -85 -134 -165 -64 -80 -151 -187 -193 -239 -42 -51 -96 -119 -121 -151 -65 -83 -163 -204 -170 -210 -3 -3 -50 -61 -105 -130 -55 -68 -141 -175 -192 -238 -89 -111 -139 -198 -179 -312 -15 -45 -19 -83 -19 -205 0 -163 7 -196 68 -325 25 -53 133 -211 157 -230 7 -5 97 -116 170 -210 65 -83 163 -204 170 -210 3 -3 68 -84 145 -180 77 -96 142 -177 145 -180 7 -6 105 -127 170 -210 65 -83 163 -204 170 -210 3 -3 68 -84 145 -180 77 -96 142 -177 145 -180 7 -6 105 -127 170 -210 25 -32 70 -88 101 -126 31 -38 119 -145 194 -239 76 -93 172 -212 214 -264 42 -51 96 -119 121 -151 25 -31 65 -82 90 -112 25 -30 90 -111 145 -179 55 -68 102 -126 105 -129 8 -6 112 -136 165 -204 108 -140 228 -234 359 -282 125 -46 21 -44 2592 -41 1593 2 2434 7 2464 13 95 22 254 112 331 187 99 96 185 244 203 350 4 23 12 37 21 37 13 0 15 439 15 3460 0 3021 -2 3460 -15 3460 -9 0 -16 14 -20 38 -20 123 -131 298 -250 395 -33 27 -69 53 -80 58 -11 5 -38 19 -60 32 -44 24 -124 51 -195 64 -26 5 -44 14 -43 21 2 9 -536 12 -2391 12 -2067 0 -2395 -2 -2399 -14z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

    .about-two__image__two::after {
        content: "";
        width: 199.532px;
        height: 199.532px;
        position: absolute;
        top: 50%;
        left: -22px;
        z-index: 1;
        transform: translateY(-50%);
        border-radius: 50%;
        background: linear-gradient(0deg, var(--deskot-base, #ff5a1e) 0%, rgba(153, 54, 18, 0) 100%);
    }

@media (max-width: 440px) {
    .about-two__image__two::after {
        display: none;
    }
}

@media (max-width: 1599px) {
    .about-two__image__two img {
        max-width: 100%;
        height: auto;
    }
}

.about-two .sec-title {
    margin-bottom: 14px;
}

.about-two__text {
    margin-bottom: 30px;
    padding-bottom: 23px;
}

.about-two__text--2 {
    margin-top: 22px;
    padding-left: 11px;
    position: relative;
}

    .about-two__text--2::before {
        content: "";
        width: 3px;
        height: calc(100% - 36px);
        position: absolute;
        top: 7px;
        left: 0px;
        border-radius: 100px;
        background-color: var(--deskot-base, #ff5a1e);
    }

.about-two__item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-two__item__icon {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--fs-35, 35px);
    color: var(--deskot-white, #ffffff);
    border-radius: 10px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .about-two__item__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.about-two__item:hover .about-two__item__icon {
    background-color: var(--deskot-base, #ff5a1e);
}

.about-two__item__title {
    margin: 0px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.about-two__founder {
    display: flex;
    align-items: center;
    gap: 30px 80px;
}

@media (max-width: 767px) {
    .about-two__founder {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-two__founder {
        flex-direction: column;
        align-items: flex-start;
    }
}

.about-two__founder__identity {
    display: flex;
    align-items: center;
    gap: 29px;
    position: relative;
}

@media (max-width: 375px) {
    .about-two__founder__identity {
        gap: 25px;
    }
}

.about-two__founder__identity::after {
    content: "";
    width: 1px;
    height: calc(100% + 30px);
    position: absolute;
    top: -30px;
    right: -40px;
    background-color: var(--deskot-border-color, #dddddd);
}

@media (max-width: 767px) {
    .about-two__founder__identity::after {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-two__founder__identity::after {
        display: none;
    }
}

.about-two__founder__image {
    width: 81px;
    height: 81px;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid var(--deskot-base, #ff5a1e);
}

    .about-two__founder__image img {
        width: 71px;
        height: 71px;
        border-radius: 50%;
    }

.about-two__founder__name {
    margin-bottom: 2px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.about-two__founder__designation {
    margin: 0px;
}

.about-two__founder__signature {
    max-width: 100%;
    height: auto;
}

.about-three {
    position: relative;
    background-color: var(--deskot-base-lg, #072f3e);
}

    .about-three::before {
        content: "";
        width: 859px;
        height: 578px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: var(--deskot-base, #ff5a1e);
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 202.000000"><g transform="translate(0.000000,202.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M1258 4010 c-329 -80 -742 -361 -1098 -746 l-160 -174 0 -1545 0 -1545 2282 0 2283 0 -74 81 c-234 259 42 376 838 353 678 -19 789 36 564 282 -271 296 -1533 1030 -1699 987 -161 -41 -209 -45 -336 -24 -477 76 -903 524 -1331 1401 -400 818 -730 1060 -1269 930z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 202.000000"><g transform="translate(0.000000,202.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M1258 4010 c-329 -80 -742 -361 -1098 -746 l-160 -174 0 -1545 0 -1545 2282 0 2283 0 -74 81 c-234 259 42 376 838 353 678 -19 789 36 564 282 -271 296 -1533 1030 -1699 987 -161 -41 -209 -45 -336 -24 -477 76 -903 524 -1331 1401 -400 818 -730 1060 -1269 930z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }

@media (max-width: 1599px) {
    .about-three::before {
        left: -100px;
    }
}

@media (max-width: 1399px) {
    .about-three::before {
        left: -150px;
    }
}

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

.about-three .container {
    position: relative;
    z-index: 1;
}

.about-three__image {
    display: inline-block;
    position: relative;
}

    .about-three__image::before {
        content: "";
        width: 400px;
        height: 500px;
        position: absolute;
        left: -20px;
        bottom: -20px;
        border-radius: 50px;
        border: 1px solid var(--deskot-white, #ffffff);
        animation: vibrant2 3s ease 0s infinite;
    }

@media (max-width: 575px) {
    .about-three__image::before {
        display: none;
    }
}

.about-three__image__one {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .about-three__image__one img {
        max-width: 100%;
        height: auto;
        border-radius: 50px;
    }

.about-three__image__shape-1 {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -28px;
    left: -28px;
    transform: rotate(155.738deg);
}

@media (max-width: 575px) {
    .about-three__image__shape-1 {
        display: none;
    }
}

.about-three__image__shape-2 {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    animation: moveX 2s linear infinite;
}

.about-three__experience {
    width: 320px;
    height: 219px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    position: relative;
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 2;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 390px) {
    .about-three__experience {
        margin-top: 30px;
        position: relative;
        left: auto;
        bottom: auto;
    }
}

.about-three__experience__inner {
    width: 299px;
    height: 199px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    border-radius: 50px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

    .about-three__experience__inner::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: inherit;
        background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.8);
        border: 3px solid var(--deskot-base, #ff5a1e);
    }

.about-three__experience__year {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    font-size: var(--fs-50, 50px);
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.about-three__experience__text {
    position: relative;
    z-index: 1;
    margin: 0px;
    color: var(--deskot-white, #ffffff);
    line-height: 1.25;
    text-transform: uppercase;
}

.about-three .sec-title {
    margin-bottom: 14px;
}

.about-three .sec-title__title {
    color: var(--deskot-secondary-base, #ffffff);
}

.about-three__text {
    margin-bottom: 20px;
    color: var(--deskot-black2, #ffffff);
}

.about-three .tabs-box {
    margin-bottom: 50px;
}

.about-three .tab-buttons {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
}

@media (max-width: 767px) {
    .about-three .tab-buttons {
        gap: 10px;
    }
}

.about-three .tab-buttons .tab-btn {
    position: relative;
    transition: all 500ms ease;
}

    .about-three .tab-buttons .tab-btn::before, .about-three .tab-buttons .tab-btn::after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        opacity: 0;
        border-style: solid;
        transition: all 500ms ease;
    }

@media (max-width: 767px) {
    .about-three .tab-buttons .tab-btn::before, .about-three .tab-buttons .tab-btn::after {
        display: none;
    }
}

.about-three .tab-buttons .tab-btn::before {
    left: -22px;
    border-width: 0 0 22px 22px;
    border-color: transparent transparent var(--deskot-white, #ffffff) transparent;
}

.about-three .tab-buttons .tab-btn::after {
    right: -22px;
    border-width: 22px 0 0 22px;
    border-color: transparent transparent transparent var(--deskot-white, #ffffff);
}

.about-three .tab-buttons .tab-btn:first-child::before, .about-three .tab-buttons .tab-btn:last-child::after {
    display: none;
}

.about-three .tab-buttons .tab-btn .deskot-btn {
    padding: 14px 34.18px;
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 767px) {
    .about-three .tab-buttons .tab-btn .deskot-btn {
        padding-left: 30.93px;
        padding-right: 30.93px;
    }
}

.about-three .tab-buttons .tab-btn .deskot-btn::after {
    background-color: var(--deskot-base, #ff5a1e);
}

.about-three .tab-buttons .tab-btn .deskot-btn__text {
    font-size: var(--fs-18, 18px);
    color: var(--deskot-black, #222222);
}

@media (max-width: 767px) {
    .about-three .tab-buttons .tab-btn .deskot-btn__text {
        font-size: var(--fs-16, 16px);
    }
}

.about-three .tab-buttons .tab-btn .deskot-btn:hover::after, .about-three .tab-buttons .tab-btn.active-btn .deskot-btn::after {
    width: 100%;
    left: 0px;
}

.about-three .tab-buttons .tab-btn .deskot-btn:hover .deskot-btn__text, .about-three .tab-buttons .tab-btn.active-btn .deskot-btn .deskot-btn__text {
    color: var(--deskot-white, #ffffff);
}

.about-three .tab-buttons .tab-btn.active-btn {
    transform: translateY(-22px);
}

@media (max-width: 767px) {
    .about-three .tab-buttons .tab-btn.active-btn {
        transform: translateY(0px);
    }
}

.about-three .tab-buttons .tab-btn.active-btn::before, .about-three .tab-buttons .tab-btn.active-btn::after {
    opacity: 1;
}

.about-three .tabs-content {
    display: block;
    margin-top: 29px;
    position: relative;
}

.about-three .tabs-content__inner {
    display: flex;
    align-items: center;
    gap: 20px 0px;
}

@media (max-width: 767px) {
    .about-three .tabs-content__inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

.about-three .tabs-content__image {
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .about-three .tabs-content__image {
        width: 100%;
    }
}

.about-three .tabs-content__image img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .about-three .tabs-content__image img {
        width: 100%;
    }
}

.about-three .tabs-content__list {
    margin: 0px;
    position: relative;
    left: -12px;
}

@media (max-width: 767px) {
    .about-three .tabs-content__list {
        left: 0px;
    }
}

.about-three .tabs-content__list::before {
    content: "";
    width: 32px;
    height: calc(100% + 15px);
    position: absolute;
    top: 50%;
    left: -7px;
    border-radius: 10px;
    transform: translateY(-50%);
    background-color: var(--deskot-white, #ffffff);
    border: 1px solid var(--deskot-base, #ff5a1e);
}

@media (max-width: 767px) {
    .about-three .tabs-content__list::before {
        display: none;
    }
}

.about-three .tabs-content__list li + li {
    margin-top: 10px;
}

.about-three .tabs-content__list li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    z-index: 1;
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    transition: all 500ms ease;
}

    .about-three .tabs-content__list li a {
        color: inherit;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .about-three .tabs-content__list li:hover a {
        padding-left: 15px;
        color: var(--deskot-base, #ff5a1e);
        text-decoration: underline;
    }

@media (max-width: 767px) {
    .about-three .tabs-content__list li:hover a {
        padding-left: 0px;
    }
}

.about-three .tabs-content__list__icon {
    position: relative;
    z-index: 2;
}

    .about-three .tabs-content__list__icon::before {
        content: "";
        width: 32px;
        height: 32px;
        margin-left: -1px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

@media (max-width: 767px) {
    .about-three .tabs-content__list__icon::before {
        display: none;
    }
}

.about-three .tabs-content__list__icon::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    right: -17px;
    opacity: 0;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent var(--deskot-base, #ff5a1e);
}

@media (max-width: 767px) {
    .about-three .tabs-content__list__icon::after {
        display: none;
    }
}

.about-three .tabs-content__list li:first-child .tabs-content__list__icon::before,
.about-three .tabs-content__list li:last-child .tabs-content__list__icon::before {
    height: calc(100% + 16px);
}

.about-three .tabs-content__list li:first-child .tabs-content__list__icon::before {
    border-radius: 10px 10px 0px 0px;
}

.about-three .tabs-content__list li:last-child .tabs-content__list__icon::before {
    border-radius: 0px 0px 10px 10px;
}

.about-three .tabs-content__list li:hover .tabs-content__list__icon::before {
    opacity: 1;
}

.about-three .tabs-content__list li:hover .tabs-content__list__icon::after {
    opacity: 1;
}

.about-three .tabs-content__list svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
    top: -2px;
    z-index: 1;
    transition: all 500ms ease;
}

    .about-three .tabs-content__list svg path:nth-child(1) {
        fill: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

    .about-three .tabs-content__list svg path:nth-child(2) {
        fill: var(--deskot-base, #ff5a1e);
        transition: all 500ms ease;
    }

.about-three .tabs-content__list li:hover svg path:nth-child(1) {
    fill: var(--deskot-base, #ff5a1e);
}

.about-three .tabs-content__list li:hover svg path:nth-child(2) {
    fill: var(--deskot-white, #ffffff);
}

@media (max-width: 767px) {
    .about-three .tabs-content__list li:hover svg path:nth-child(2) {
        fill: var(--deskot-black2, #072f3e);
    }
}

.about-three .tabs-content .tab {
    display: none;
    padding: 14px;
    opacity: 0;
    position: relative;
    background-color: var(--deskot-white, #ffffff);
    transform: translateY(60px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

    .about-three .tabs-content .tab.active-tab {
        display: block;
        opacity: 1;
        transform: translateY(0px);
    }

.about-three__button {
    margin-top: 3rem;
}

    .about-three__button .deskot-btn::after {
        background-color: var(--deskot-white, #ffffff);
    }

    .about-three__button .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-black3, #333333);
    }

.about-three__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 5.6%;
    bottom: 21.1%;
    animation: zoomIn3 2.5s infinite alternate;
}

@media (max-width: 1799px) {
    .about-three__shape {
        right: 3%;
        bottom: 10%;
    }
}

@media (max-width: 1599px) {
    .about-three__shape {
        bottom: 7%;
    }
}

@media (max-width: 1199px) {
    .about-three__shape {
        bottom: 3%;
    }
}

@media (max-width: 767px) {
    .about-three__shape {
        display: none;
    }
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
    position: relative;
    background-color: var(--deskot-white, #ffffff);
}

.client-carousel--border {
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

.client-carousel__carousel {
    position: relative;
}

    .client-carousel__carousel .owl-stage {
        display: flex;
        align-items: center;
    }

.client-carousel__item {
    position: relative;
    padding: 17.5px 42px;
    text-align: center;
}

@media (max-width: 575px) {
    .client-carousel__item {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
}

.client-carousel__item img {
    max-width: 100%;
    width: auto !important;
}

.client-carousel__image {
    margin: auto;
}

.client-carousel__hover {
    padding: 17.5px 42px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50px;
    border: 1px solid var(--deskot-base, #ff5a1e);
    transition: opacity 300ms ease;
}

.client-carousel__item:hover .client-carousel__hover {
    opacity: 1;
}

.client-carousel--home3 .container {
    position: relative;
}

    .client-carousel--home3 .container::after {
        content: "";
        width: calc(100% - 30px);
        height: 5px;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        border-bottom: 1px solid var(--deskot-border-color, #dddddd);
    }

.client-carousel--home3 .client-carousel__content {
    text-align: center;
}

.client-carousel--home3 .client-carousel__title {
    position: relative;
    margin-bottom: 83px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 600;
    line-height: 1.625;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .client-carousel--home3 .client-carousel__title {
        margin-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .client-carousel--home3 .client-carousel__title {
        letter-spacing: 1px;
    }
}

.client-carousel--home3 .client-carousel__title::before, .client-carousel--home3 .client-carousel__title::after {
    content: "";
    width: calc(50% - 144px);
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-top: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 575px) {
    .client-carousel--home3 .client-carousel__title::before, .client-carousel--home3 .client-carousel__title::after {
        width: calc(50% - 130px);
    }
}

.client-carousel--home3 .client-carousel__title::before {
    left: 0px;
}

.client-carousel--home3 .client-carousel__title::after {
    right: 0px;
}

.client-carousel--home3 .client-carousel__title img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -2px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-one {
    background-color: #ffffff;
}

.testimonials-one--home2 {
    padding-top: 300px;
}

@media (max-width: 767px) {
    .testimonials-one--home2 {
        padding-top: 280px;
    }
}

@media (max-width: 575px) {
    .testimonials-one--home2 {
        padding-top: 260px;
    }
}

.testimonials-one__images {
    position: relative;
}

@media (max-width: 440px) {
    .testimonials-one__images .row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }
}

.testimonials-one__images__one {
    border-radius: 100px 0px 0px 0px;
}

@media (max-width: 440px) {
    .testimonials-one__images__one {
        border-radius: 70px 0px 0px 0px;
    }
}

.testimonials-one__images__two {
    border-radius: 0px 100px 0px 0px;
}

@media (max-width: 440px) {
    .testimonials-one__images__two {
        border-radius: 0px 70px 0px 0px;
    }
}

.testimonials-one__images__three {
    border-radius: 0px 0px 0px 100px;
}

@media (max-width: 440px) {
    .testimonials-one__images__three {
        border-radius: 0px 0px 0px 70px;
    }
}

.testimonials-one__images__four {
    border-radius: 0px 0px 100px 0px;
}

@media (max-width: 440px) {
    .testimonials-one__images__four {
        border-radius: 0px 0px 70px 0px;
    }
}

.testimonials-one__images img {
    width: 100%;
    display: block;
    border-radius: inherit;
}

    .testimonials-one__images img.crew-images {
        height: 200px;
        object-fit: cover;
    }

@media (max-width: 440px) {
    .testimonials-one__images img.crew-images {
        height: 120px;
    }
}

@media (max-width: 575px) {
    .testimonials-one__images img.crew-images {
        height: 120px;
    }
}

.testimonials-one__icon {
    width: 250px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: calc(50% + 14px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: var(--fs-53, 53px);
    color: var(--deskot-white, #ffffff);
    border-radius: 10px;
    background-color: var(--deskot-base, #ff5a1e);
    border: 10px solid var(--deskot-white, #ffffff);
}

    .testimonials-one__icon .counter-element .uni {
        font-size: var(--fs-42, 42px);
        margin-left: -10px;
    }

    .testimonials-one__icon .counter-desc {
        font-size: var(--fs-22, 22px);
        margin-top: 15px;
        margin-bottom: -20px;
    }

@media (max-width: 440px) {
    .testimonials-one__icon {
        width: 200px;
        height: 120px;
        font-size: var(--fs-52, 52px);
    }

        .testimonials-one__icon .counter-element {
            margin-top: -15px
        }

            .testimonials-one__icon .counter-element .counter-text {
                font-size: var(--fs-52, 52px);
                font-weight: 800;
            }

        .testimonials-one__icon .counter-desc {
            font-size: var(--fs-22, 22px);
            margin-top: 8px;
            margin-bottom: -8px;
        }
}



.testimonials-one__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.testimonials-one__slider {
    padding: 0px 40px 0px 20px;
}

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

.testimonials-one .sec-title {
    margin-bottom: 27px;
    padding-bottom: 27px;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

.testimonials-one__carousel.owl-carousel .owl-dots {
    margin-top: 20px !important;
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .testimonials-one__carousel.owl-carousel .owl-dots {
        margin-top: 50px !important;
    }
}

.testimonials-one__item {
    position: relative;
    padding-bottom: 22px;
}

@media (max-width: 991px) {
    .testimonials-one__item {
        padding-bottom: 0px;
    }
}

.testimonials-one__review {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.testimonials-one__review__text {
    margin: 0px;
    color: var(--deskot-text, #636363);
    text-transform: uppercase;
}

@media (max-width: 360px) {
    .testimonials-one__review__text {
        font-size: var(--fs-14, 14px);
    }
}

.testimonials-one__review__text span {
    color: var(--deskot-base, #ff5a1e);
}

@media (max-width: 360px) {
    .testimonials-one .deskot-ratings {
        position: relative;
        top: -1px;
    }
}

.testimonials-one .deskot-ratings__icon {
    font-size: var(--fs-16, 16px);
}

@media (max-width: 360px) {
    .testimonials-one .deskot-ratings__icon {
        font-size: var(--fs-14, 14px);
    }
}

.testimonials-one__quote {
    margin-bottom: 21px;
    font-size: var(--fs-22, 22px);
    font-style: italic;
    color: var(--deskot-text, #636363);
    font-weight: 500;
    line-height: 1.59;
}

@media (max-width: 991px) {
    .testimonials-one__quote {
        margin-bottom: 30px;
    }
}

@media (max-width: 440px) {
    .testimonials-one__quote {
        font-size: var(--fs-20, 20px);
    }
}

.testimonials-one__quote span {
    color: var(--deskot-base, #ff5a1e);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.testimonials-one__info {
    display: flex;
    align-items: center;
    gap: 20px 18px;
}

@media (max-width: 375px) {
    .testimonials-one__info {
        flex-direction: column;
        align-items: flex-start;
    }
}

.testimonials-one__image {
    width: 86px !important;
    height: 86px;
    flex-shrink: 0;
    border-radius: 50%;
}

.testimonials-one__name {
    margin-bottom: 5px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.318;
}

@media (max-width: 375px) {
    .testimonials-one__name {
        margin-bottom: 10px;
    }
}

.testimonials-one__designation {
    margin: 0px;
    font-size: var(--fs-18, 18px);
    text-transform: capitalize;
}

.testimonials-one__quote-icon {
    width: 68px;
    height: 66px;
    position: absolute;
    right: 47px;
    bottom: 0px;
}

@media (max-width: 1199px) {
    .testimonials-one__quote-icon {
        right: 0px;
    }
}

@media (max-width: 412px) {
    .testimonials-one__quote-icon {
        margin-top: 40px;
        position: static;
    }
}





/*--------------------------------------------------------------
# Why Choose
--------------------------------------------------------------*/
.why-choose {
    position: relative;
    z-index: 1;
    margin-bottom: -205px;
}

    .why-choose .container {
        position: relative;
        z-index: 1;
    }

.why-choose__single:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 575px) {
    .why-choose__single:not(:last-child) {
        border: none;
        padding-bottom: 0px;
    }
}

.why-choose__item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.why-choose__icon-box {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .why-choose__icon-box::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--deskot-base, #ff5a1e);
        border-radius: inherit;
        z-index: -1;
        transition: all 500ms ease;
    }

.why-choose__item:hover .why-choose__icon-box::after {
    width: 100%;
    height: 100%;
}

.why-choose__icon {
    display: inline-flex;
    font-size: var(--fs-34, 34px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .why-choose__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.why-choose__title {
    margin: 0px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

@media (min-width: 576px) and (max-width: 767px) {
    .why-choose__title {
        font-size: var(--fs-20, 20px);
    }
}

.why-choose__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .why-choose__title a:hover {
        color: var(--deskot-base, #ff5a1e);
    }

    .why-choose__title a:hover {
        background-size: 100% 1px;
    }

.why-choose .sec-title {
    margin-bottom: 15px;
}

.why-choose__text {
    margin-bottom: 26px;
}

.why-choose__video {
    position: relative;
    margin-top: 50px;
}

    .why-choose__video::after {
        content: "";
        width: calc(100% + 20px);
        height: calc(100% - 279px);
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%);
        background-color: var(--deskot-white, #ffffff);
    }

@media (max-width: 1199px) {
    .why-choose__video::after {
        height: calc(100% - 150px);
    }
}

@media (max-width: 767px) {
    .why-choose__video::after {
        height: calc(100% - 100px);
    }
}

.why-choose__video__image {
    width: 100%;
    min-height: 523px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 1199px) {
    .why-choose__video__image {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
    .why-choose__video__image {
        min-height: 350px;
        border-radius: 15px;
    }
}

.why-choose__video img {
    width: 100%;
    display: block;
}

.why-choose__video__box {
    width: 328px;
    height: 328px;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 1;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.8);
}

.why-choose__video .video-btn {
    margin-top: 44px;
}

.why-choose__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    animation: vibrant2 3s ease 0s infinite;
}

@media (max-width: 1899px) {
    .why-choose__shape {
        display: none;
    }
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact {
    position: relative;
    background-color: var(--deskot-white, #ffffff);
}

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

    .funfact .row {
        --bs-gutter-y: 50px;
    }

@media (max-width: 767px) {
    .funfact .row {
        --bs-gutter-y: 30px;
    }
}

@media (max-width: 767px) {
    .funfact .row {
        --bs-gutter-y: 35px;
    }
}

.funfact__item {
    padding-right: 50px;
}

@media (max-width: 575px) {
    .funfact__item {
        padding-right: 0px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .funfact__item {
        padding-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .funfact__item {
        padding-right: 0px;
    }
}

.funfact__item__top {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 15px;
}

.funfact__item__shape {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    top: 5px;
    border: 1px solid var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .funfact__item__shape::after {
        content: "";
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

.funfact__item:hover .funfact__item__shape {
    border-color: var(--deskot-black2, #072f3e);
}

    .funfact__item:hover .funfact__item__shape::after {
        background-color: var(--deskot-base, #ff5a1e);
    }

.funfact__item__title {
    margin: 0px;
    font-family: var(--deskot-font, "Mulish", sans-serif);
    font-size: var(--fs-16, 16px);
    font-weight: 600;
    line-height: 1.625;
    text-transform: uppercase;
    transition: all 500ms ease;
    height: 75px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .funfact__item__title {
        font-size: var(--fs-15, 15px);
    }
}

.funfact__item:hover .funfact__item__title {
    color: var(--deskot-base, #ff5a1e);
}

.funfact__item__count {
    display: block;
    margin-bottom: 10px;
    font-size: var(--fs-40, 40px);
    font-weight: 700;
    text-align: center;
}

.funfact__item__border {
    width: 100%;
    height: 2px;
    position: relative;
    margin-bottom: 18px;
    border-radius: 100px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .funfact__item__border::before {
        content: "";
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: inherit;
        background-color: var(--deskot-base, #ff5a1e);
        transition: all 500ms ease;
    }

    .funfact__item__border::after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        left: 50%;
        bottom: -7px;
        transform: translateX(-50%);
        border-style: solid;
        border-width: 7px 6px 0 6px;
        border-color: var(--deskot-base, #ff5a1e) transparent transparent transparent;
        transition: all 500ms ease;
    }

.funfact__item:hover .funfact__item__border::before {
    width: 100%;
    left: 0px;
}

.funfact__item:hover .funfact__item__border::after {
    border-color: var(--deskot-black2, #072f3e) transparent transparent transparent;
}

.funfact__item__text {
    margin: 0px;
    color: var(--deskot-black, #222222);
}

.funfact__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: -177px;
    right: 0px;
    animation: vibrant2 3s ease 0s infinite;
}

@media (max-width: 1799px) {
    .funfact__shape {
        display: none;
    }
}


.sec-title__shape {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.sec-sub-title__top {
    justify-content: center;
}


.sec-title__shape__one,
.sec-title__shape__two {
    flex-shrink: 0;
    height: 3px;
    background-color: var(--deskot-base);
    margin-top: 6px;
    width: 11px;
}

/*--------------------------------------------------------------
# Coworking People
--------------------------------------------------------------*/
.coworking-people {
    position: relative;
    overflow: hidden;
    background-color: var(--deskot-base-lg, #072f3e);
}

.coworking-people__theme-name {
    display: flex;
    margin: 0px;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translateY(-50%);
    writing-mode: sideways-lr;
}

@media (max-width: 1799px) {
    .coworking-people__theme-name {
        left: 10%;
    }
}

@media (max-width: 1599px) {
    .coworking-people__theme-name {
        gap: 20px;
        left: 1%;
    }
}


.coworking-people__theme-name span {
    display: inline-block;
    position: relative;
    font-size: var(--fs-80, 80px);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.04);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--deskot-white, #ffffff);
}

@media (max-width: 1799px) {
    .coworking-people__theme-name span {
        font-size: var(--fs-80, 80px);
    }
}

@media (max-width: 1599px) {
    .coworking-people__theme-name span {
        font-size: var(--fs-54, 54px);
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .coworking-people__theme-name span {
        display: none;
    }
}

.coworking-people__theme-name span::after {
    content: attr(data-char);
    width: 0%;
    position: absolute;
    inset: 0;
    color: red;
    overflow: hidden;
    white-space: pre;
}

.coworking-people .sec-title {
    margin-bottom: 17px;
}

.coworking-people .sec-title__title {
    color: var(--deskot-secondary-base, #ffffff);
}

.coworking-people__text {
    margin-bottom: 27px;
    color: var(--deskot-black2);
}

.coworking-people__text--2 {
    margin-bottom: 37px;
}

.coworking-people__text__highlight {
    font-weight: 600;
    color: var(--deskot-base, #ff5a1e);
    text-transform: uppercase;
}

.coworking-people__text .deskot-btn {
    margin-left: 10px;
    gap: 10px;
    padding: 0px;
    background-color: transparent;
}

    .coworking-people__text .deskot-btn::after {
        display: none;
    }

    .coworking-people__text .deskot-btn .deskot-btn__text {
        font-weight: 500;
        color: var(--deskot-base, #ff5a1e);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .coworking-people__text .deskot-btn:hover .deskot-btn__text {
        color: var(--deskot-white, #ffffff);
        text-decoration: none;
    }

    .coworking-people__text .deskot-btn .deskot-btn__icon-box {
        width: auto;
        height: auto;
        display: inline-flex;
        background-color: transparent;
    }

.coworking-people__location {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

@media (max-width: 440px) {
    .coworking-people__location {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

.coworking-people__location__image {
    display: inline-block;
    padding: 3px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    background-color: var(--deskot-white, #ffffff);
    border: 2px solid var(--deskot-base, #ff5a1e);
}

    .coworking-people__location__image::after {
        content: "";
        width: 18px;
        height: calc(100% - 30px);
        position: absolute;
        top: 50%;
        right: -20px;
        transform: translateY(-50%);
        background-color: var(--deskot-base, #ff5a1e);
        clip-path: polygon(0 0, 0 100%, 100% 50%);
    }

    .coworking-people__location__image.sibling-2::before {
        content: "";
        width: 18px;
        height: calc(100% - 30px);
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translateY(-50%);
        background-color: var(--deskot-base, #ff5a1e);
        clip-path: polygon(100% 0, 100% 100%, 0 50%);
    }

    .coworking-people__location__image.sibling-2::after {
        display: none;
    }

@media (max-width: 440px) {
    .coworking-people__location__image::after {
        display: none;
    }
}

.coworking-people__location__image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

    .coworking-people__location__image img.fx-size {
        height: 120px;
        width: 200px;
        object-fit: cover;
    }

.coworking-people__location__inner {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    position: relative;
    margin: 0px;
    padding: 6px 30px 6px 18px;
    font-size: var(--fs-16, 16px);
    font-weight: 500;
    color: var(--deskot-white, #ffffff);
    line-height: 1.25;
    text-transform: uppercase;
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
    clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0 100%, 0 0);
}

    .coworking-people__location__inner.sibling-2 {
        clip-path: polygon(8% 0, 0 50%, 8% 100%, 100% 100%, 100% 0);
    }

@media (max-width: 440px) {
    .coworking-people__location__inner {
        padding-left: 10px;
    }
}

.coworking-people__location__icon {
    display: inline-flex;
    flex-shrink: 0;
    position: relative;
    top: 1px;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .coworking-people__location__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.coworking-people__image {
    width: 51%;
    height: 100%;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--deskot-base, #ff5a1e);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 717.000000"><g transform="translate(0.000000,717.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M170 7158 c0 -7 55 -67 123 -134 203 -199 276 -282 445 -504 104 -136 150 -204 221 -325 29 -49 56 -97 61 -105 5 -8 19 -35 30 -60 12 -25 26 -52 31 -60 5 -8 12 -22 15 -30 3 -8 11 -28 18 -45 13 -30 34 -81 60 -152 30 -83 73 -249 81 -318 3 -27 10 -87 15 -132 17 -139 -14 -355 -75 -522 -76 -211 -248 -443 -449 -609 -168 -139 -233 -198 -336 -308 -55 -59 -150 -178 -150 -188 0 -3 -11 -22 -25 -42 -26 -39 -81 -150 -107 -219 -53 -135 -75 -317 -58 -479 6 -61 16 -129 22 -151 6 -22 15 -58 19 -80 10 -54 33 -128 59 -195 12 -30 24 -64 27 -75 3 -11 11 -33 18 -50 7 -16 21 -50 30 -75 20 -50 35 -88 57 -140 72 -165 113 -279 149 -416 28 -106 31 -313 5 -376 -50 -120 -83 -171 -161 -246 -165 -160 -201 -199 -236 -252 -48 -76 -59 -114 -59 -206 0 -66 5 -87 28 -132 44 -84 139 -173 267 -249 11 -6 54 -28 95 -48 41 -20 84 -41 94 -47 11 -6 31 -14 45 -18 14 -5 51 -18 81 -30 30 -11 82 -30 115 -40 33 -11 74 -25 92 -30 39 -13 134 -39 193 -53 31 -8 1253 -12 4018 -14 l3972 -3 0 3585 0 3585 -4415 0 c-3525 0 -4415 -3 -4415 -12z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 717.000000"><g transform="translate(0.000000,717.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M170 7158 c0 -7 55 -67 123 -134 203 -199 276 -282 445 -504 104 -136 150 -204 221 -325 29 -49 56 -97 61 -105 5 -8 19 -35 30 -60 12 -25 26 -52 31 -60 5 -8 12 -22 15 -30 3 -8 11 -28 18 -45 13 -30 34 -81 60 -152 30 -83 73 -249 81 -318 3 -27 10 -87 15 -132 17 -139 -14 -355 -75 -522 -76 -211 -248 -443 -449 -609 -168 -139 -233 -198 -336 -308 -55 -59 -150 -178 -150 -188 0 -3 -11 -22 -25 -42 -26 -39 -81 -150 -107 -219 -53 -135 -75 -317 -58 -479 6 -61 16 -129 22 -151 6 -22 15 -58 19 -80 10 -54 33 -128 59 -195 12 -30 24 -64 27 -75 3 -11 11 -33 18 -50 7 -16 21 -50 30 -75 20 -50 35 -88 57 -140 72 -165 113 -279 149 -416 28 -106 31 -313 5 -376 -50 -120 -83 -171 -161 -246 -165 -160 -201 -199 -236 -252 -48 -76 -59 -114 -59 -206 0 -66 5 -87 28 -132 44 -84 139 -173 267 -249 11 -6 54 -28 95 -48 41 -20 84 -41 94 -47 11 -6 31 -14 45 -18 14 -5 51 -18 81 -30 30 -11 82 -30 115 -40 33 -11 74 -25 92 -30 39 -13 134 -39 193 -53 31 -8 1253 -12 4018 -14 l3972 -3 0 3585 0 3585 -4415 0 c-3525 0 -4415 -3 -4415 -12z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 1799px) {
    .coworking-people__image {
        width: 45%;
        mask: unset;
        -webkit-mask: unset;
    }
}

@media (max-width: 1199px) {
    .coworking-people__image {
        width: 100%;
        display: inline-block;
        position: static;
        padding: 5px;
        border-radius: 20px;
    }
}

.coworking-people__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 717.000000"><g transform="translate(0.000000,717.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M170 7158 c0 -7 55 -67 123 -134 203 -199 276 -282 445 -504 104 -136 150 -204 221 -325 29 -49 56 -97 61 -105 5 -8 19 -35 30 -60 12 -25 26 -52 31 -60 5 -8 12 -22 15 -30 3 -8 11 -28 18 -45 13 -30 34 -81 60 -152 30 -83 73 -249 81 -318 3 -27 10 -87 15 -132 17 -139 -14 -355 -75 -522 -76 -211 -248 -443 -449 -609 -168 -139 -233 -198 -336 -308 -55 -59 -150 -178 -150 -188 0 -3 -11 -22 -25 -42 -26 -39 -81 -150 -107 -219 -53 -135 -75 -317 -58 -479 6 -61 16 -129 22 -151 6 -22 15 -58 19 -80 10 -54 33 -128 59 -195 12 -30 24 -64 27 -75 3 -11 11 -33 18 -50 7 -16 21 -50 30 -75 20 -50 35 -88 57 -140 72 -165 113 -279 149 -416 28 -106 31 -313 5 -376 -50 -120 -83 -171 -161 -246 -165 -160 -201 -199 -236 -252 -48 -76 -59 -114 -59 -206 0 -66 5 -87 28 -132 44 -84 139 -173 267 -249 11 -6 54 -28 95 -48 41 -20 84 -41 94 -47 11 -6 31 -14 45 -18 14 -5 51 -18 81 -30 30 -11 82 -30 115 -40 33 -11 74 -25 92 -30 39 -13 134 -39 193 -53 31 -8 1253 -12 4018 -14 l3972 -3 0 3585 0 3585 -4415 0 c-3525 0 -4415 -3 -4415 -12z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 717.000000"><g transform="translate(0.000000,717.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M170 7158 c0 -7 55 -67 123 -134 203 -199 276 -282 445 -504 104 -136 150 -204 221 -325 29 -49 56 -97 61 -105 5 -8 19 -35 30 -60 12 -25 26 -52 31 -60 5 -8 12 -22 15 -30 3 -8 11 -28 18 -45 13 -30 34 -81 60 -152 30 -83 73 -249 81 -318 3 -27 10 -87 15 -132 17 -139 -14 -355 -75 -522 -76 -211 -248 -443 -449 -609 -168 -139 -233 -198 -336 -308 -55 -59 -150 -178 -150 -188 0 -3 -11 -22 -25 -42 -26 -39 -81 -150 -107 -219 -53 -135 -75 -317 -58 -479 6 -61 16 -129 22 -151 6 -22 15 -58 19 -80 10 -54 33 -128 59 -195 12 -30 24 -64 27 -75 3 -11 11 -33 18 -50 7 -16 21 -50 30 -75 20 -50 35 -88 57 -140 72 -165 113 -279 149 -416 28 -106 31 -313 5 -376 -50 -120 -83 -171 -161 -246 -165 -160 -201 -199 -236 -252 -48 -76 -59 -114 -59 -206 0 -66 5 -87 28 -132 44 -84 139 -173 267 -249 11 -6 54 -28 95 -48 41 -20 84 -41 94 -47 11 -6 31 -14 45 -18 14 -5 51 -18 81 -30 30 -11 82 -30 115 -40 33 -11 74 -25 92 -30 39 -13 134 -39 193 -53 31 -8 1253 -12 4018 -14 l3972 -3 0 3585 0 3585 -4415 0 c-3525 0 -4415 -3 -4415 -12z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 1799px) {
    .coworking-people__image img {
        mask: unset;
        -webkit-mask: unset;
    }
}

@media (max-width: 1199px) {
    .coworking-people__image img {
        width: auto;
        height: auto;
        display: inline-block;
        max-width: 100%;
        height: auto;
        object-fit: none;
        border-radius: inherit;
    }
}

/*--------------------------------------------------------------
# Slide Text
--------------------------------------------------------------*/
.slide-text {
    padding: 318px 0px 103px;
    overflow: hidden;
    background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.1);
}

@media (max-width: 991px) {
    .slide-text {
        padding: 321px 0px 105px;
    }
}

@media (max-width: 767px) {
    .slide-text {
        padding: 301px 0px 85px;
    }
}

@media (max-width: 575px) {
    .slide-text {
        padding: 282px 0px 66px;
    }
}

.slide-text__wrapper {
    position: relative;
    z-index: 1;
}

.slide-text__scroll {
    width: -webkit-calc((420px * 16) + (30px * 16));
    width: -moz-calc((420px * 16) + (30px * 16));
    min-width: 100%;
    height: 100%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0px;
    font-size: var(--fs-70, 70px);
    font-weight: 700;
    color: transparent;
    text-transform: capitalize;
    line-height: 1.25;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--deskot-black2, #072f3e);
    -webkit-animation: scrollRightToLeft 20s linear infinite;
    -moz-animation: scrollRightToLeft 20s linear infinite;
    animation: scrollRightToLeft 20s linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@media (max-width: 991px) {
    .slide-text__scroll {
        font-size: var(--fs-60, 60px);
    }
}

@media (max-width: 575px) {
    .slide-text__scroll {
        font-size: var(--fs-55, 55px);
    }
}

@media (max-width: 440px) {
    .slide-text__scroll {
        font-size: var(--fs-50, 50px);
    }
}

.slide-text__scroll:hover {
    animation-play-state: paused;
}

.slide-text__scroll span {
    display: inline-block;
    transition: all 500ms ease;
}

    .slide-text__scroll span:hover {
        color: var(--deskot-base, #ff5a1e);
    }

@keyframes scrollRightToLeft {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-webkit-calc(-250px * 7));
        -moz-transform: translateX(-moz-calc(-250px * 7));
        transform: translateX(-1750px);
    }
}

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
.cta-one {
    position: relative;
    padding: 61px 0px;
    background-color: var(--deskot-base, #ff5a1e);
}

.cta-one__bg {
    width: calc(100% - 232px);
    height: 100%;
    position: relative;
    position: absolute;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
}

@media (max-width: 1799px) {
    .cta-one__bg {
        width: calc(100% - 160px);
    }
}

@media (max-width: 1699px) {
    .cta-one__bg {
        width: calc(100% - 160px);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 9% 50%);
    }
}

@media (max-width: 1599px) {
    .cta-one__bg {
        width: calc(100% - 80px);
    }
}

@media (max-width: 1399px) {
    .cta-one__bg {
        width: 100%;
        clip-path: none;
    }
}

.cta-one__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.92);
}

.cta-one .container {
    position: relative;
    z-index: 1;
}

.cta-one__content {
    display: flex;
    align-items: center;
    gap: 30px 50px;
}

@media (max-width: 767px) {
    .cta-one__content {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .cta-one__content {
        gap: 30px;
    }
}

.cta-one__content__inner {
    position: relative;
    padding-left: 24px;
}

@media (max-width: 767px) {
    .cta-one__content__inner {
        padding-left: 0px;
    }
}

.cta-one__content__inner::before {
    content: "";
    width: 4px;
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    border-radius: 100px;
    background-color: var(--deskot-base, #ff5a1e);
}

@media (max-width: 767px) {
    .cta-one__content__inner::before {
        display: none;
    }
}

.cta-one__icon-box {
    width: 142px;
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: -57px;
    position: relative;
    border-radius: 50%;
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

@media (max-width: 1299px) {
    .cta-one__icon-box {
        margin-left: 0px;
    }
}

.cta-one__icon-box::after {
    content: "";
    width: calc(100% - 19px);
    height: calc(100% - 19px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: inherit;
    border: 1px dashed var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

.cta-one__content:hover .cta-one__icon-box::after {
    border-color: var(--deskot-base, #ff5a1e);
}

.cta-one__icon {
    display: inline-flex;
    font-size: var(--fs-55, 55px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .cta-one__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.cta-one__content:hover .cta-one__icon {
    -webkit-animation-name: zoom-out-in;
    animation-name: zoom-out-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.cta-one__shape__image {
    max-width: 100%;
    height: auto;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.cta-one__title {
    margin-bottom: 10px;
    color: var(--deskot-white, #ffffff);
    font-weight: 700;
    line-height: 1.363;
}

@media (max-width: 767px) {
    .cta-one__title {
        margin-bottom: 20px;
    }
}

.cta-one__text {
    margin: 0px;
    color: var(--deskot-white, #ffffff);
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .cta-one__text {
        justify-content: center;
    }
}

.cta-one__text__icon {
    display: inline-flex;
    position: relative;
    top: 3px;
    margin-right: 10px;
    font-size: var(--fs-20, 20px);
    color: inherit;
}

    .cta-one__text__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.cta-one__button {
    text-align: right;
}

@media (max-width: 991px) {
    .cta-one__button {
        text-align: center;
    }
}

.cta-one .deskot-btn:hover .deskot-btn__text {
    color: var(--deskot-black2, #072f3e);
}

.cta-one .deskot-btn::after {
    background-color: var(--deskot-white, #ffffff);
}

.cta-one--home3 .cta-one__bg {
    width: 100%;
    clip-path: unset;
}

    .cta-one--home3 .cta-one__bg::after {
        background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.92);
    }

.cta-one--home3 .cta-one__image {
    width: 439px;
    height: 100%;
    padding: 10px 10px 0px 10px;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--deskot-white, #ffffff);
    clip-path: polygon(0 0, 53% 0, 100% 50%, 53% 100%, 0 100%);
}

@media (max-width: 1799px) {
    .cta-one--home3 .cta-one__image {
        display: none;
    }
}

.cta-one--home3 .cta-one__image__inner {
    width: calc(100% - 30px);
    height: calc(100% - 10px);
    position: absolute;
    top: 10px;
    left: 10px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    clip-path: polygon(0 0, 54% 0, 100% 48.5%, 50% 100%, 0 100%);
}

.cta-one--home3 .cta-one__content__inner::before {
    background-color: var(--deskot-white, #ffffff);
}

.cta-one--home3 .deskot-btn:hover .deskot-btn__text {
    color: var(--deskot-white, #ffffff);
}

.cta-one--home3 .deskot-btn::after {
    background-color: var(--deskot-black2, #072f3e);
}

.cta-two {
    background-color: var(--deskot-white, #ffffff);
}

.cta-two__wrapper {
    padding: 91px 50px 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}

@media (max-width: 767px) {
    .cta-two__wrapper {
        padding: 71px 40px 80px;
    }
}

@media (max-width: 575px) {
    .cta-two__wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.cta-two__wrapper::before {
    content: "";
    width: 391px;
    height: 287px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 1;
    background-color: var(--deskot-base, #ff5a1e);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 660.000000"><g transform="translate(0.000000,660.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3550 c0 -1677 2 -3050 4 -3050 5 0 387 127 417 138 39 16 98 38 199 77 52 20 120 48 150 62 30 13 87 38 125 55 104 46 352 171 411 206 28 16 76 43 105 60 177 98 428 280 611 440 403 355 687 807 794 1262 50 214 76 488 67 700 -16 371 59 771 204 1080 20 41 42 89 49 105 8 17 20 39 27 50 30 49 63 103 80 134 27 50 160 224 236 310 310 351 713 645 1226 895 72 35 148 71 170 80 22 10 55 24 73 32 110 48 257 107 372 149 19 7 53 19 75 27 160 59 411 137 593 185 64 17 102 32 102 40 0 11 -534 13 -3045 13 l-3045 0 0 -3050z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 660.000000"><g transform="translate(0.000000,660.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 3550 c0 -1677 2 -3050 4 -3050 5 0 387 127 417 138 39 16 98 38 199 77 52 20 120 48 150 62 30 13 87 38 125 55 104 46 352 171 411 206 28 16 76 43 105 60 177 98 428 280 611 440 403 355 687 807 794 1262 50 214 76 488 67 700 -16 371 59 771 204 1080 20 41 42 89 49 105 8 17 20 39 27 50 30 49 63 103 80 134 27 50 160 224 236 310 310 351 713 645 1226 895 72 35 148 71 170 80 22 10 55 24 73 32 110 48 257 107 372 149 19 7 53 19 75 27 160 59 411 137 593 185 64 17 102 32 102 40 0 11 -534 13 -3045 13 l-3045 0 0 -3050z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

@media (max-width: 991px) {
    .cta-two__wrapper::before {
        display: none;
    }
}

.cta-two__wrapper::after {
    content: "";
    width: 408px;
    height: 280px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    background-color: var(--deskot-base, #ff5a1e);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 618.000000"><g transform="translate(0.000000,618.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8885 5793 c-27 -8 -72 -21 -100 -29 -144 -42 -233 -67 -260 -74 -16 -5 -43 -13 -60 -19 -70 -26 -182 -63 -210 -70 -16 -5 -43 -14 -60 -21 -45 -19 -86 -36 -125 -50 -199 -74 -491 -208 -628 -289 -29 -17 -55 -31 -57 -31 -2 0 -46 -25 -97 -56 -268 -161 -453 -306 -667 -523 -99 -101 -301 -345 -301 -365 0 -2 -16 -28 -35 -58 -41 -61 -156 -291 -180 -358 -107 -303 -143 -498 -150 -820 -6 -240 -19 -398 -41 -510 -86 -420 -227 -717 -498 -1049 -30 -37 -184 -198 -230 -240 -69 -64 -248 -211 -304 -249 -258 -177 -554 -343 -797 -446 -49 -21 -103 -44 -120 -52 -125 -54 -214 -86 -415 -153 -217 -72 -277 -92 -315 -101 -16 -4 -66 -18 -110 -30 -92 -25 -327 -83 -430 -106 -38 -9 -97 -22 -130 -29 -33 -8 -100 -21 -150 -29 -49 -9 -108 -19 -130 -23 -22 -4 1457 -9 3287 -11 3312 -2 3328 -2 3363 18 20 11 42 20 50 20 13 0 15 354 15 2885 l0 2885 -32 -1 c-18 0 -55 -8 -83 -16z"/> </g> </svg>');
    mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 618.000000"><g transform="translate(0.000000,618.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M8885 5793 c-27 -8 -72 -21 -100 -29 -144 -42 -233 -67 -260 -74 -16 -5 -43 -13 -60 -19 -70 -26 -182 -63 -210 -70 -16 -5 -43 -14 -60 -21 -45 -19 -86 -36 -125 -50 -199 -74 -491 -208 -628 -289 -29 -17 -55 -31 -57 -31 -2 0 -46 -25 -97 -56 -268 -161 -453 -306 -667 -523 -99 -101 -301 -345 -301 -365 0 -2 -16 -28 -35 -58 -41 -61 -156 -291 -180 -358 -107 -303 -143 -498 -150 -820 -6 -240 -19 -398 -41 -510 -86 -420 -227 -717 -498 -1049 -30 -37 -184 -198 -230 -240 -69 -64 -248 -211 -304 -249 -258 -177 -554 -343 -797 -446 -49 -21 -103 -44 -120 -52 -125 -54 -214 -86 -415 -153 -217 -72 -277 -92 -315 -101 -16 -4 -66 -18 -110 -30 -92 -25 -327 -83 -430 -106 -38 -9 -97 -22 -130 -29 -33 -8 -100 -21 -150 -29 -49 -9 -108 -19 -130 -23 -22 -4 1457 -9 3287 -11 3312 -2 3328 -2 3363 18 20 11 42 20 50 20 13 0 15 354 15 2885 l0 2885 -32 -1 c-18 0 -55 -8 -83 -16z"/> </g> </svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: auto;
    mask-size: auto;
}

@media (max-width: 991px) {
    .cta-two__wrapper::after {
        display: none;
    }
}

.cta-two__bg {
    width: 100%;
    height: 100%;
    position: relative;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

    .cta-two__bg::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.85);
    }

.cta-two .row {
    position: relative;
    z-index: 2;
}

.cta-two__content {
    text-align: center;
}

.cta-two .sec-title__title {
    margin-bottom: 30px;
    color: var(--deskot-white, #ffffff);
}

    .cta-two .sec-title__title span {
        color: var(--deskot-base, #ff5a1e);
    }

.cta-two__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px 30px;
}

    .cta-two__button .deskot-btn:nth-child(2):hover .deskot-btn__text {
        color: var(--deskot-black3, #333333);
    }

    .cta-two__button .deskot-btn:nth-child(2)::after {
        background-color: var(--deskot-white, #ffffff);
    }

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-accordion {
    position: relative;
    z-index: 1;
    counter-reset: FAQ;
}

    .faq-accordion .accordion {
        border-radius: 10px;
        background-color: var(--deskot-white, #ffffff);
        border: 1px solid var(--deskot-border-color, #dddddd);
    }

        .faq-accordion .accordion + .accordion {
            margin-top: 30px;
        }

    .faq-accordion .accordion-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: relative;
        padding: 7px 11px 7px 10px;
        cursor: pointer;
        overflow: hidden;
        border-radius: 10px;
    }

@media (max-width: 430px) {
    .faq-accordion .accordion-title {
        gap: 15px;
    }
}

.faq-accordion .accordion-title::before {
    content: "";
    width: 28px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px 0px 0px 0px;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(0 0, 74% 0, 100% 100%, 0 100%);
}

@media (max-width: 575px) {
    .faq-accordion .accordion-title::before {
        display: none;
    }
}

.faq-accordion .accordion-title::after {
    content: "";
    width: 29px;
    height: 36px;
    position: absolute;
    left: 11px;
    bottom: 0px;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(60% 0%, 0% 100%, 100% 100%);
}

@media (max-width: 575px) {
    .faq-accordion .accordion-title::after {
        display: none;
    }
}

.faq-accordion .accordion-title h4 {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 1;
    margin: 0px;
    font-size: var(--fs-18, 18px);
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
    transition: all 500ms ease;
}

@media (max-width: 430px) {
    .faq-accordion .accordion-title h4 {
        gap: 15px;
    }
}

@media (max-width: 412px) {
    .faq-accordion .accordion-title h4 {
        font-size: var(--fs-17, 17px);
    }
}

.faq-accordion .accordion-title__number {
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .faq-accordion .accordion-title__number::after {
        content: "0" counter(FAQ);
        counter-increment: FAQ;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-white, #ffffff);
        font-weight: 600;
        line-height: 1;
        transition: all 500ms ease;
    }

.faq-accordion .accordion-title__icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    position: relative;
    border-radius: 50%;
    background-color: var(--deskot-white3, #F5F2EF);
    transition: all 500ms ease;
}

@media (max-width: 440px) {
    .faq-accordion .accordion-title__icon {
        width: 40px;
        height: 40px;
    }
}

.faq-accordion .accordion-title__icon::after, .faq-accordion .accordion-title__icon::before {
    content: "";
    width: 2px;
    height: 14px;
    position: absolute;
    background-color: var(--deskot-base, #ff5a1e);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
}

.faq-accordion .accordion-title__icon::after {
    width: 14px;
    height: 2px;
}

.faq-accordion .active .accordion-title {
    border-radius: 10px 10px 0px 0px;
    background-color: var(--deskot-black2, #072f3e);
}

.faq-accordion .active .accordion-title__number {
    background-color: var(--deskot-white, #ffffff);
}

    .faq-accordion .active .accordion-title__number::after {
        color: var(--deskot-black, #222222);
    }

.faq-accordion .active .accordion-title h4 {
    color: var(--deskot-white, #ffffff);
}

.faq-accordion .active .accordion-title__icon {
    background-color: var(--deskot-base, #ff5a1e);
}

    .faq-accordion .active .accordion-title__icon::after, .faq-accordion .active .accordion-title__icon::before {
        opacity: 0;
        background-color: var(--deskot-white, #ffffff);
    }

    .faq-accordion .active .accordion-title__icon::after {
        opacity: 1;
    }

.faq-accordion .accordion-content .inner {
    align-items: center;
    padding: 10px 11px 10px 10px;
}

    .faq-accordion .accordion-content .inner p {
        margin: 20px 0px;
    }

@media (max-width: 430px) {
    .faq-accordion .accordion-content .inner {
        padding: 15px;
        grid-template-columns: auto;
    }
}

.faq-accordion .accordion-content img {
    width: 82px;
    height: 68px;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 430px) {
    .faq-accordion .accordion-content img {
        display: none;
    }
}

.faq-accordion .accordion-content p {
    position: relative;
    margin: 0px;
}

@media (max-width: 430px) {
    .faq-accordion .accordion-content p::before {
        display: none;
    }
}

.faq-one,
.faq-page {
    background-color: var(--deskot-white, #ffffff);
}

.faq-one__image {
    display: inline-block;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

    .faq-one__image::after {
        content: "";
        width: 108px;
        height: 145px;
        position: absolute;
        right: -15px;
        bottom: -33px;
        z-index: 1;
        transform: rotate(-45deg);
        border-radius: 50px 50px 0px 0px;
        background-color: var(--deskot-base, #ff5a1e);
    }

    .faq-one__image img {
        max-width: 100%;
        height: auto;
        border-radius: inherit;
    }

.faq-one__image__title {
    display: inline-block;
    padding: 9.5px 15px;
    border-radius: 20px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    writing-mode: sideways-lr;
    border: 2px solid var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 440px) {
    .faq-one__image__title {
        right: 20px;
        bottom: 20px;
    }
}

.faq-one__image__text {
    margin: 0px;
    font-size: var(--fs-80, 80px);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 390px) {
    .faq-one__image__text {
        font-size: var(--fs-60, 60px);
    }
}

.faq-one__content {
    margin-top: -6px;
}

@media (max-width: 991px) {
    .faq-one__content {
        margin-top: 0px;
    }
}

.faq-one .sec-title {
    margin-bottom: 14px;
}

@media (max-width: 991px) {
    .faq-one .sec-title {
        margin-bottom: 22px;
    }
}

.faq-one__text {
    margin-bottom: 27px;
}

/*--------------------------------------------------------------
# Feature
--------------------------------------------------------------*/
.features-one {
    background-color: var(--deskot-white, #ffffff);
}

.features-one__column {
    overflow: hidden;
    transition: all 500ms ease;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 767px) {
    .features-one__column {
        border-right: none;
    }
}

.features-one__column:not(:last-child) {
    border-right: 1px solid var(--deskot-border-color, #dddddd);
}

@media (max-width: 1199px) {
    .features-one__column:nth-child(2) {
        border-right: none;
    }
}

.features-one__card {
    position: relative;
    text-align: center;
    background-color: var(--deskot-white, #ffffff);
}

    .features-one__card::before {
        content: "";
        width: calc(100% + 30px);
        height: 0%;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        background-color: var(--deskot-white2, #f0f1f5);
        transition: all 500ms ease 300ms;
    }

    .features-one__card:hover::before {
        height: 100%;
        top: 0px;
        transition-delay: 0ms;
    }

    .features-one__card::after {
        content: "";
        width: calc(100% + 30px);
        height: 175px;
        position: absolute;
        top: 0px;
        left: 50%;
        opacity: 0;
        transform: translate(-50%, -50%);
        background-color: var(--deskot-base, #ff5a1e);
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        transition: all 500ms ease 0ms;
    }

    .features-one__card:hover::after {
        opacity: 1;
        transform: translate(-50%, 0%);
        transition-delay: 300ms;
    }

.features-one__content {
    position: relative;
    z-index: 1;
    padding: 80px 55px 73px;
}

@media (max-width: 1799px) {
    .features-one__content {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 1599px) {
    .features-one__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1399px) {
    .features-one__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .features-one__content {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 991px) {
    .features-one__content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 767px) {
    .features-one__content {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (max-width: 767px) {
    .features-one__content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 440px) {
    .features-one__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.features-one__content::after {
    content: "";
    width: calc(100% + 30px);
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%) scaleX(0);
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease 0ms;
}

.features-one__card:hover .features-one__content::after {
    transform: translateX(-50%) scaleX(1);
    transition-delay: 300ms;
}

.features-one__icon-box {
    width: 118px;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 0px auto 26px;
    border-radius: 10px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .features-one__icon-box::after {
        content: "";
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: inherit;
        border: 1px solid RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.1);
        transition: all 500ms ease;
    }

.features-one__card:hover .features-one__icon-box {
    background-color: var(--deskot-white, #ffffff);
}

    .features-one__card:hover .features-one__icon-box::after {
        border: 1px dashed var(--deskot-base, #ff5a1e);
    }

.features-one__icon {
    display: inline-flex;
    font-size: var(--fs-54, 54px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .features-one__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.features-one__card:hover .features-one__icon {
    color: var(--deskot-base, #ff5a1e);
    -webkit-animation-name: zoom-out-in;
    animation-name: zoom-out-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.features-one__title {
    position: relative;
    margin-bottom: 14px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

    .features-one__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .features-one__title a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .features-one__title a:hover {
            background-size: 100% 1px;
        }

.features-one__text {
    margin-bottom: 19px;
}

.features-one__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
}

    .features-one__link:hover {
        color: var(--deskot-base, #ff5a1e);
    }

.features-one__link__icon {
    display: inline-flex;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
}

    .features-one__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.features-two__card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 10px;
    background-color: var(--deskot-white, #ffffff);
    filter: drop-shadow(0 2px 11.6px rgba(0, 0, 0, 0.15));
    transition: all 500ms ease;
}

    .features-two__card:hover {
        border-radius: 20px;
    }

    .features-two__card::after {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: var(--deskot-base);
        transition: all 500ms ease;
    }

    .features-two__card:hover::after {
        height: 100%;
    }

.features-two__inner {
    position: relative;
    z-index: 1;
}

.features-two__image {
    border-radius: inherit;
    transition: all 500ms ease;
}

    .features-two__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
    }

.features-two__content {
    position: relative;
    text-align: center;
    padding: 20px;
}

.features-two__icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

    .features-two__icon-box::before {
        content: "";
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: inherit;
        border: 1px solid RGBA(var(--deskot-white-rgb, 255, 255, 255), 0.2);
        transition: all 500ms ease;
    }

    .features-two__icon-box::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--deskot-base, #ff5a1e);
        border-radius: inherit;
        z-index: -1;
        transition: all 500ms ease;
    }

.features-two__card:hover .features-two__icon-box::before {
    border-style: dashed;
    border-color: var(--deskot-white, #ffffff);
}

.features-two__card:hover .features-two__icon-box::after {
    width: 100%;
    height: 100%;
}

.features-two__icon {
    display: inline-flex;
    font-size: var(--fs-27, 27px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .features-two__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.features-two__card:hover .features-two__icon {
    color: var(--deskot-white, #ffffff);
}

.features-two__title {
    margin-bottom: 5px;
    font-size: var(--fs-20);
    font-weight: 600;
    line-height: 1.318;
    text-transform: capitalize;
}

    .features-two__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .features-two__title a:hover {
            background-size: 100% 1px;
        }

.features-two:hover .features-two__title::after {
    background-color: var(--deskot-secondary-base);
}

.features-two__text {
    margin: 0px;
    transition: all 500ms ease;
}

.features-two__card:hover .features-two__title, .features-two__card:hover .features-two__text {
    color: var(--deskot-secondary-base);
}

.features-two__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-secondary-base);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    transition: 0s;
    cursor:pointer;
}

.features-two__link__icon {
    display: inline-flex;
    position: relative;
    top: 1px;
    font-size: var(--fs-13, 13px);
    color: var(--deskot-secondary-base);
}

    .features-two__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

/*--------------------------------------------------------------
# Solutions
--------------------------------------------------------------*/
.solutions-one .tab-buttons {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 991px) {
    .solutions-one .tab-buttons__box {
        min-width: 850px;
    }
}

.solutions-one .tab-buttons__inner {
    width: calc(100% - 80px);
    margin: 0px auto;
    background-color: var(--deskot-base, #072f3e);
}

@media (max-width: 1199px) {
    .solutions-one .tab-buttons__inner {
        border-radius: 30px 30px 0px 0px;
    }
}

@media (max-width: 991px) {
    .solutions-one .tab-buttons__inner {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .solutions-one .tab-buttons__inner {
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 69.000000"><g transform="translate(0.000000,69.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M530 675 c0 -9 -12 -18 -30 -21 -16 -4 -35 -13 -41 -20 -6 -8 -17 -14 -24 -14 -20 0 -103 -97 -125 -146 -10 -25 -22 -72 -26 -107 -13 -115 -69 -202 -190 -297 -38 -29 -73 -57 -79 -62 -5 -4 2009 -8 4475 -8 l4484 0 -45 37 c-83 69 -179 176 -203 227 -13 28 -27 80 -31 116 -13 115 -85 215 -192 265 -29 14 -51 30 -48 35 4 7 -1441 10 -3959 10 -3548 0 -3966 -2 -3966 -15z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 69.000000"><g transform="translate(0.000000,69.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M530 675 c0 -9 -12 -18 -30 -21 -16 -4 -35 -13 -41 -20 -6 -8 -17 -14 -24 -14 -20 0 -103 -97 -125 -146 -10 -25 -22 -72 -26 -107 -13 -115 -69 -202 -190 -297 -38 -29 -73 -57 -79 -62 -5 -4 2009 -8 4475 -8 l4484 0 -45 37 c-83 69 -179 176 -203 227 -13 28 -27 80 -31 116 -13 115 -85 215 -192 265 -29 14 -51 30 -48 35 4 7 -1441 10 -3959 10 -3548 0 -3966 -2 -3966 -15z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }
}

.solutions-one .tab-buttons__btn {
    display: grid;
    align-items: center;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    padding: 0px 35px;
}

@media (max-width: 1199px) {
    .solutions-one .tab-buttons__btn {
        padding: 0px;
    }
}

.solutions-one .tab-buttons .tab-btn {
    cursor: pointer;
    padding: 28px 0px;
    position: relative;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    text-align: center;
    color: var(--deskot-white, #ffffff);
    line-height: 1.318;
    text-transform: uppercase;
    transition: all 500ms ease;
}

@media (max-width: 1199px) {
    .solutions-one .tab-buttons .tab-btn {
        padding: 20px 25px;
        font-size: var(--fs-16, 16px);
    }
}

.solutions-one .tab-buttons .tab-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    background-color: var(--deskot-secondary-base);
    transition: all 500ms ease;
}

.solutions-one .tab-buttons .tab-btn:first-child::after {
    border-radius: 30px 0px 0px 0px;
}

@media (min-width: 1200px) {
    .solutions-one .tab-buttons .tab-btn:first-child::after {
        width: calc(100% + 47.34px);
        left: calc(50% - 10px);
        border-radius: 0px;
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 66.000000"><g transform="translate(0.000000,66.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M926 1283 c-277 -96 -431 -293 -467 -596 -23 -199 -80 -305 -275 -510 l-169 -177 2987 0 2987 0 -101 105 c-242 251 -323 392 -346 602 -28 249 -176 457 -398 560 l-94 43 -2010 5 c-1891 4 -2016 2 -2114 -32z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 66.000000"><g transform="translate(0.000000,66.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M926 1283 c-277 -96 -431 -293 -467 -596 -23 -199 -80 -305 -275 -510 l-169 -177 2987 0 2987 0 -101 105 c-242 251 -323 392 -346 602 -28 249 -176 457 -398 560 l-94 43 -2010 5 c-1891 4 -2016 2 -2114 -32z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }
}

@media (min-width: 1200px) {
    .solutions-one .tab-buttons .tab-btn:nth-child(2)::after {
        width: calc(100% + 128.33px);
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 165.000000"><g transform="translate(0.000000,165.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M10 1636 c0 -8 30 -34 68 -59 186 -123 421 -354 519 -512 46 -73 68 -158 77 -290 11 -163 50 -275 150 -423 105 -157 292 -287 485 -336 57 -14 356 -16 3191 -16 2828 0 3134 2 3190 16 285 73 498 281 589 574 12 36 23 101 26 145 13 180 40 254 149 400 76 102 270 295 406 404 58 46 106 90 108 97 3 12 -697 14 -4477 14 -3849 0 -4481 -2 -4481 -14z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900.000000 165.000000"><g transform="translate(0.000000,165.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M10 1636 c0 -8 30 -34 68 -59 186 -123 421 -354 519 -512 46 -73 68 -158 77 -290 11 -163 50 -275 150 -423 105 -157 292 -287 485 -336 57 -14 356 -16 3191 -16 2828 0 3134 2 3190 16 285 73 498 281 589 574 12 36 23 101 26 145 13 180 40 254 149 400 76 102 270 295 406 404 58 46 106 90 108 97 3 12 -697 14 -4477 14 -3849 0 -4481 -2 -4481 -14z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }
}

.solutions-one .tab-buttons .tab-btn:last-child::after {
    border-radius: 0px 30px 0px 0px;
}

@media (min-width: 1200px) {
    .solutions-one .tab-buttons .tab-btn:last-child::after {
        width: calc(100% + 49.34px);
        left: calc(50% + 8px);
        border-radius: 0px;
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 66.000000"><g transform="translate(0.000000,66.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M946 1291 c-286 -90 -452 -297 -487 -604 -23 -195 -89 -316 -283 -519 l-162 -168 2993 0 2992 0 -90 83 c-215 198 -344 418 -368 623 -29 258 -160 449 -378 551 l-113 53 -2010 4 c-1623 3 -2026 -1 -2094 -23z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.000000 66.000000"><g transform="translate(0.000000,66.000000) scale(0.050000,-0.050000)" stroke="none"> <path d="M946 1291 c-286 -90 -452 -297 -487 -604 -23 -195 -89 -316 -283 -519 l-162 -168 2993 0 2992 0 -90 83 c-215 198 -344 418 -368 623 -29 258 -160 449 -378 551 l-113 53 -2010 4 c-1623 3 -2026 -1 -2094 -23z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: auto;
        mask-size: auto;
    }
}

.solutions-one .tab-buttons .tab-btn__text {
    position: relative;
    z-index: 1;
}

.solutions-one .tab-buttons .tab-btn.active-btn::after {
    opacity: 1;
    visibility: visible;
}

.solutions-one .tabs-content {
    display: block;
    position: relative;
}

.solutions-one .tabs-content__inner {
    position: relative;
}

.solutions-one .tabs-content__image {
    position: relative;
    z-index: 1;
}

    .solutions-one .tabs-content__image img {
        width: 100%;
        display: block;
        border-radius: 30px;
    }

.solutions-one .tabs-content__content {
    position: relative;
    z-index: 1;
}

.solutions-one .tabs-content__title {
    margin-bottom: 19px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: uppercase;
    color: var(--deskot-secondary-base);
}

.solutions-one .tabs-content__text {
    margin-bottom: 20px;
}

.solutions-one .tabs-content__list li + li {
    margin-top: 10px;
}

.solutions-one .tabs-content__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    z-index: 1;
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    transition: all 500ms ease;
}

    .solutions-one .tabs-content__list li a {
        color: inherit;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .solutions-one .tabs-content__list li:hover a {
        color: var(--deskot-base, #ff5a1e);
        text-decoration: underline;
    }

.solutions-one .tabs-content__list svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
    top: 3px;
    transition: all 500ms ease;
}

    .solutions-one .tabs-content__list svg path:nth-child(1) {
        fill: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

    .solutions-one .tabs-content__list svg path:nth-child(2) {
        fill: var(--deskot-base, #ff5a1e);
        transition: all 500ms ease;
    }

.solutions-one .tabs-content__list li:hover svg path:nth-child(1) {
    fill: var(--deskot-base, #ff5a1e);
}

.solutions-one .tabs-content__list li:hover svg path:nth-child(2) {
    fill: var(--deskot-black2, #072f3e);
}

.solutions-one .tabs-content__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    right: 35px;
    bottom: 30px;
    animation: zoomIn3 2s infinite alternate;
}

@media (max-width: 1199px) {
    .solutions-one .tabs-content__shape {
        display: none;
    }
}

.solutions-one .tabs-content .tab {
    display: none;
    padding: 20px;
    opacity: 0;
    border-radius: 30px;
    position: relative;
    background-color: var(--deskot-base-lg, #ffffff);
    transform: translateY(60px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

@media (max-width: 991px) {
    .solutions-one .tabs-content .tab {
        border-radius: 0px 0px 30px 30px;
    }
}

.solutions-one .tabs-content .tab.active-tab {
    display: block;
    opacity: 1;
    transform: translateY(0px);
}


/*====================================================
 MOBILE - STACK ALL TABS
====================================================*/
@media screen and (max-width:767px) {

    /* Hide tab navigation */
    .solutions-one .tab-buttons {
        display: none !important;
    }

    /* Show every tab */
    .solutions-one .tabs-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

        .solutions-one .tabs-content .tab {
            display: block !important;
            opacity: 1 !important;
            transform: none !important;
            visibility: visible !important;
            background: #fff;
            border-radius: 24px;
            padding: 18px;
            box-shadow: 0 12px 35px rgba(0,0,0,.08);
        }

    /* remove desktop active logic */
    .tabs-box .tabs-content .tab:not(.active-tab) {
        display: block !important;
    }

    .solutions-one .tabs-content__image {
        margin-bottom: 20px;
    }

        .solutions-one .tabs-content__image img {
            width: 100%;
            border-radius: 20px;
            display: block;
        }

    .solutions-one .tabs-content__content {
        padding: 0;
    }

        .solutions-one .tabs-content__content p {
            font-size: 16px;
            line-height: 1.8;
        }

    /* Card headings */
    #solutions01::before,
    #solutions02::before,
    #solutions03::before {
        display: block;
        padding: 18px 20px;
        margin: -18px -18px 20px;
        font-size: 30px;
        font-weight: 700;
        color: #0d3556;
        background: #FFD100;
        border-radius: 24px 24px 0 0;
    }

    #solutions01::before {
        content: "VISION";
    }

    #solutions02::before {
        content: "VALUES";
    }

    #solutions03::before {
        content: "MISSION";
    }
}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service-card {
    position: relative;
    padding: 10px;
    overflow: hidden;
    overflow: hidden;
    border-radius: 0px 0px 70px 0px;
    background-color: var(--deskot-base-lg, #ffffff);
    transition: all 500ms ease;
}

    .service-card::before {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: var(--deskot-base, #072f3e);
        transition: all 500ms ease;
    }

    .service-card:hover::before {
        height: 100%;
        top: 0px;
    }

    .service-card::after {
        content: "";
        width: 143px;
        height: 160px;
        position: absolute;
        top: -1px;
        right: -1px;
        opacity: 0;
        transform: translateY(-50%) translateX(50%);
        background-color: var(--deskot-secondary-base, #ff5a1e);
        transition: all 500ms ease;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 78%);
    }

    .service-card:hover::after {
        opacity: 1;
        transform: translateY(0%) translateX(0%);
    }

.service-card__image {
    position: relative;
    z-index: 1;
}

    .service-card__image img {
        width: 100%;
        display: block;
        height: 250px;
        background: var(--deskot-base-lg);
    }

.service-card__icon-box {
    width: 59px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border-radius: 10px;
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .service-card__icon-box::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--deskot-white, #ffffff);
        border-radius: inherit;
        z-index: -1;
        transition: all 500ms ease;
    }

.service-card:hover .service-card__icon-box::after {
    width: 100%;
    height: 100%;
}

.service-card__icon {
    display: inline-flex;
    font-size: var(--fs-32, 32px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .service-card__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card:hover .service-card__icon {
    color: var(--deskot-base, #ff5a1e);
}

.service-card__content {
    padding: 20px 20px 23px;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
}

@media (max-width: 375px) {
    .service-card__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .service-card__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.service-card__meta {
    display: inline-flex;
    align-items: flex-start;
    gap: 9px;
    position: relative;
    margin-bottom: 20px;
    padding: 6px 30px 6px 19px;
    font-size: var(--fs-16, 16px);
    font-weight: 500;
    color: var(--deskot-black3, #333333);
    line-height: 1.25;
    text-transform: uppercase;
    background-color: RGBA(var(--deskot-base-rgb, 253,214,1), 0.13);
    transition: all 500ms ease;
    clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
}

@media (max-width: 360px) {
    .service-card__meta {
        padding-left: 12px;
    }
}

.service-card__meta::before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--deskot-base, #ff5a1e);
}

.service-card__meta__icon {
    display: inline-flex;
    flex-shrink: 0;
    position: relative;
    top: 1px;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .service-card__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card:hover .service-card__meta {
    color: var(--deskot-white, #ffffff);
    background-color: var(--deskot-base, #ff5a1e);
}

.service-card:hover .service-card__meta__icon {
    color: var(--deskot-white, #ffffff);
}

.service-card__title {
    margin-bottom: 11px;
    font-size: var(--fs-18, 18px);
    font-weight: 600;
    line-height: 1.318;
    height: 40px;
}

    .service-card__title a {
        color: var(--deskot-secondary-base);
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .service-card__title a:hover {
            background-size: 100% 1px;
        }

.service-card:hover .service-card__title::after {
    background-color: var(--deskot-base, #ff5a1e);
}

.service-card__text {
    margin-bottom: 20px;
    transition: all 500ms ease;
}

.service-card:hover .service-card__title, .service-card:hover .service-card__text {
    color: var(--deskot-black, #ffffff);
}

.service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
}

.service-card__link__icon {
    display: inline-flex;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-secondary-base, #ff5a1e);
}

    .service-card__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card:hover .service-card__link {
    color: var(--deskot-secondary-base, #ff5a1e);
}

.service-card__number {
    position: absolute;
    right: 20px;
    bottom: 10px;
    writing-mode: sideways-lr;
}

    .service-card__number::after {
        content: attr(data-id);
        font-size: var(--fs-35, 35px);
        color: transparent;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

.service-card-two {
    position: relative;
    padding: 5px;
    overflow: hidden;
    border-radius: 30px;
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .service-card-two::after {
        content: "";
        width: 100%;
        height: calc(100% - 134px);
        border-radius: 30px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        opacity: 0;
        transform: translateY(50%);
        background-color: var(--deskot-base, #ff5a1e);
        transition: all 500ms ease;
    }

    .service-card-two:hover::after {
        opacity: 1;
        transform: translateY(0);
    }

.service-card-two__inner {
    position: relative;
    z-index: 1;
}

.service-card-two__image {
    border-radius: 26px;
}

    .service-card-two__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
    }

.service-card-two__content {
    width: 100%;
    padding: 26px 20px 18px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    text-align: center;
    border-radius: 0px 0px 25px 25px;
    background: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

.service-card-two:hover .service-card-two__content {
    background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, rgba(7, 47, 62, 0.9) 50.96%);
}

.service-card-two__top {
    width: 60px;
    height: 60px;
    position: relative;
    position: absolute;
    top: -50px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 1px 3.5px 0 rgba(0, 0, 0, 0.15);
}

    .service-card-two__top::before, .service-card-two__top::after {
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        position: absolute;
        bottom: 0px;
        transition: all 500ms ease;
    }

    .service-card-two__top::before {
        left: -10px;
        border-width: 0 10px 10px 0;
        border-color: transparent var(--deskot-base, #ff5a1e) transparent transparent;
    }

    .service-card-two__top::after {
        right: -10px;
        border-width: 10px 10px 0 0;
        border-color: var(--deskot-base, #ff5a1e) transparent transparent transparent;
    }

.service-card-two:hover .service-card-two__top::before {
    border-color: transparent var(--deskot-white, #ffffff) transparent transparent;
}

.service-card-two:hover .service-card-two__top::after {
    border-color: var(--deskot-white, #ffffff) transparent transparent transparent;
}

.service-card-two__icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border-radius: 20px 20px 0px 0px;
    background-color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .service-card-two__icon-box::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--deskot-base, #ff5a1e);
        border-radius: inherit;
        z-index: -1;
        transition: all 500ms ease;
    }

.service-card-two:hover .service-card-two__icon-box::after {
    width: 100%;
    height: 100%;
}

.service-card-two__icon {
    display: inline-flex;
    font-size: var(--fs-35, 35px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .service-card-two__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card-two:hover .service-card-two__icon {
    color: var(--deskot-white, #ffffff);
}

.service-card-two__title {
    margin-bottom: 7px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

    .service-card-two__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .service-card-two__title a:hover {
            background-size: 100% 1px;
        }

.service-card-two:hover .service-card-two__title::after {
    background-color: var(--deskot-base, #ff5a1e);
}

.service-card-two__text {
    margin: 0px;
    transition: all 500ms ease;
}

.service-card-two:hover .service-card-two__title, .service-card-two:hover .service-card-two__text {
    color: var(--deskot-white, #ffffff);
}

.service-card-two__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
    transition: 0s;
}

.service-card-two__link__icon {
    display: inline-flex;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
}

    .service-card-two__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card-two:hover .service-card-two__link {
    color: var(--deskot-base, #ff5a1e);
}

.service-card-three {
    position: relative;
    background-color: var(--deskot-white, #ffffff);
    border: 1px solid var(--deskot-border-color, #dddddd);
    transition: all 500ms ease;
}

    .service-card-three:hover {
        border-color: var(--deskot-black2, #072f3e);
    }

    .service-card-three::before {
        content: "";
        width: calc(100% + 2px);
        height: 104.69px;
        position: absolute;
        top: -1px;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        background-color: var(--deskot-black2, #072f3e);
        -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 810.000000 315.000000"><g transform="translate(0.000000,315.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1879 l0 -1271 97 -95 c54 -52 149 -129 213 -172 108 -73 351 -201 382 -201 8 0 18 -4 23 -9 6 -4 44 -18 85 -30 41 -13 91 -28 110 -34 19 -6 55 -14 80 -18 25 -4 72 -12 105 -18 128 -23 295 -34 411 -27 225 12 316 23 474 57 25 6 65 14 89 20 25 5 59 13 75 18 17 5 58 17 91 26 33 9 75 23 93 31 18 8 39 14 47 14 15 0 68 21 117 46 14 8 31 14 37 14 6 0 40 14 74 30 35 17 69 30 75 30 13 0 363 177 417 211 22 14 47 29 55 33 17 8 38 21 97 59 24 15 45 27 47 27 3 0 34 20 70 45 37 25 68 45 70 45 3 0 33 19 68 42 72 49 79 53 145 89 26 15 64 36 83 47 39 22 208 106 310 153 36 17 78 37 93 45 16 8 35 14 44 14 8 0 27 6 41 14 35 18 93 40 162 61 30 10 66 22 80 28 14 5 39 13 55 17 17 4 73 19 125 32 170 45 322 74 520 100 129 18 768 17 910 0 160 -19 389 -59 495 -87 90 -23 149 -37 185 -45 19 -5 49 -13 65 -18 17 -6 75 -25 130 -42 117 -37 257 -86 300 -105 17 -7 55 -23 85 -35 49 -20 76 -32 195 -85 67 -31 242 -118 270 -135 17 -10 53 -31 80 -45 60 -32 73 -39 148 -88 31 -20 62 -37 67 -37 7 0 10 443 10 1260 l0 1260 -4050 0 -4050 0 0 -1271z"/> </g> </svg>');
        mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 810.000000 315.000000"><g transform="translate(0.000000,315.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1879 l0 -1271 97 -95 c54 -52 149 -129 213 -172 108 -73 351 -201 382 -201 8 0 18 -4 23 -9 6 -4 44 -18 85 -30 41 -13 91 -28 110 -34 19 -6 55 -14 80 -18 25 -4 72 -12 105 -18 128 -23 295 -34 411 -27 225 12 316 23 474 57 25 6 65 14 89 20 25 5 59 13 75 18 17 5 58 17 91 26 33 9 75 23 93 31 18 8 39 14 47 14 15 0 68 21 117 46 14 8 31 14 37 14 6 0 40 14 74 30 35 17 69 30 75 30 13 0 363 177 417 211 22 14 47 29 55 33 17 8 38 21 97 59 24 15 45 27 47 27 3 0 34 20 70 45 37 25 68 45 70 45 3 0 33 19 68 42 72 49 79 53 145 89 26 15 64 36 83 47 39 22 208 106 310 153 36 17 78 37 93 45 16 8 35 14 44 14 8 0 27 6 41 14 35 18 93 40 162 61 30 10 66 22 80 28 14 5 39 13 55 17 17 4 73 19 125 32 170 45 322 74 520 100 129 18 768 17 910 0 160 -19 389 -59 495 -87 90 -23 149 -37 185 -45 19 -5 49 -13 65 -18 17 -6 75 -25 130 -42 117 -37 257 -86 300 -105 17 -7 55 -23 85 -35 49 -20 76 -32 195 -85 67 -31 242 -118 270 -135 17 -10 53 -31 80 -45 60 -32 73 -39 148 -88 31 -20 62 -37 67 -37 7 0 10 443 10 1260 l0 1260 -4050 0 -4050 0 0 -1271z"/> </g> </svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: top center;
        mask-position: top center;
        -webkit-mask-size: cover;
        mask-size: cover;
        transition: all 500ms ease;
    }

    .service-card-three:hover::before {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .service-card-three::after {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: var(--deskot-black2, #072f3e);
        transition: all 500ms ease;
    }

    .service-card-three:hover::after {
        height: 100%;
        top: 0px;
    }

.service-card-three__content {
    position: relative;
    z-index: 2;
    padding: 40px 28px 28px;
}

.service-card-three__icon-box {
    width: 87px;
    height: 87px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
    border-radius: 20px;
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .service-card-three__icon-box::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--deskot-white, #ffffff);
        border-radius: inherit;
        z-index: -1;
        transition: all 500ms ease;
    }

.service-card-three:hover .service-card-three__icon-box::after {
    width: 100%;
    height: 100%;
}

.service-card-three__icon {
    display: inline-flex;
    font-size: var(--fs-40, 40px);
    color: var(--deskot-white, #ffffff);
    transition: all 500ms ease;
}

    .service-card-three__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card-three:hover .service-card-three__icon {
    color: var(--deskot-base, #ff5a1e);
}

.service-card-three__title {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 15px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

    .service-card-three__title::after {
        content: "";
        width: 80px;
        height: 1px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

    .service-card-three__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .service-card-three__title a:hover {
            background-size: 100% 1px;
        }

.service-card-three:hover .service-card-three__title::after {
    background-color: var(--deskot-base, #ff5a1e);
}

.service-card-three__text {
    margin-bottom: 19px;
    transition: all 500ms ease;
}

.service-card-three:hover .service-card-three__title, .service-card-three:hover .service-card-three__text {
    color: var(--deskot-white, #ffffff);
}

.service-card-three__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
}

.service-card-three__link__icon {
    display: inline-flex;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
}

    .service-card-three__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.service-card-three:hover .service-card-three__link {
    color: var(--deskot-base, #ff5a1e);
}

.services-one {
    counter-reset: serviceNumber;
}

.services-one__top {
    margin-bottom: 51px;
}

@media (max-width: 991px) {
    .services-one__top {
        margin-bottom: 31px;
    }
}

.services-one .sec-title {
    margin-bottom: 0px;
}

.services-one__custom-navs {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

    .services-one__custom-navs button {
        border: none;
        outline: none;
        margin: 0;
        padding: 0;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-black, #222222);
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid var(--deskot-black, #222222);
        transition: all 500ms ease;
    }

@media (max-width: 767px) {
    .services-one__custom-navs button {
        width: 50px;
        height: 50px;
        font-size: var(--fs-14, 14px);
    }
}

.services-one__custom-navs button svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.services-one__custom-navs button:hover {
    color: var(--deskot-white, #ffffff);
    border-color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-base, #ff5a1e);
}

.services-one__custom-navs button span {
    border: none;
    outline: none;
    color: inherit;
}

.services-two {
    position: relative;
    overflow: hidden;
    background-color: var(--deskot-black2, #072f3e);
}

    .services-two .container {
        position: relative;
        z-index: 1;
    }

.services-two__carousel.owl-carousel .owl-nav button {
    color: var(--deskot-white, #ffffff);
    border-color: var(--deskot-white, #ffffff);
}

.services-two__carousel.owl-carousel .owl-dots .owl-dot {
    border-color: var(--deskot-base, #ff5a1e);
}

.services-two .sec-title__title {
    color: var(--deskot-white, #ffffff);
}

.services-two__shape-1, .services-two__shape-2 {
    max-width: 100%;
    height: auto;
    position: absolute;
}

.services-two__shape-1 {
    left: 0px;
    bottom: 0px;
    animation: moveX2 2s linear infinite;
}

.services-two__shape-2 {
    top: 0px;
    right: 0px;
    animation: moveX 2s linear infinite;
}

.services-three {
    background-color: var(--deskot-white, #ffffff);
}

.services-three--page .sec-title {
    margin-bottom: 14px;
}

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

.services-three__content {
    padding: 54px 40px 60px 60px;
    border-radius: 0 0 150px 0;
    background-color: var(--deskot-white2, #f0f1f5);
}

@media (max-width: 767px) {
    .services-three__content {
        padding: 34px 40px 40px 40px;
    }
}

@media (max-width: 575px) {
    .services-three__content {
        padding: 24px 30px 30px 30px;
    }
}

@media (max-width: 412px) {
    .services-three__content {
        border-radius: 0 0 100px 0;
    }
}

.services-three__text {
    position: relative;
    padding-left: 15px;
    margin-bottom: 25px;
}

    .services-three__text::before {
        content: "";
        width: 2px;
        height: calc(100% - 12px);
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        border-radius: 100px;
        background-color: var(--deskot-base, #ff5a1e);
    }

.services-three__image img {
    width: 100%;
    display: block;
}

.services-page {
    background-color: var(--deskot-white, #ffffff);
}

.services-page--two, .services-page--three {
    background-color: var(--deskot-white2, #f0f1f5);
}

/*--------------------------------------------------------------
# Service Details
--------------------------------------------------------------*/
.service-details {
    background-color: var(--deskot-white, #ffffff);
}

.service-details__image {
    height: 100%;
}

    .service-details__image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
    }

.service-details__pages {
    padding: 27px 30px 30px;
    background-color: var(--deskot-white2, #f0f1f5);
}

@media (max-width: 412px) {
    .service-details__pages {
        padding: 20px 25px 25px;
    }
}

@media (max-width: 390px) {
    .service-details__pages {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.service-details__pages__title {
    margin-bottom: 20.02px;
    font-size: var(--fs-20, 20px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.service-details__nav {
    margin: 0px;
}

    .service-details__nav li + li {
        margin-top: 20px;
    }

    .service-details__nav li a {
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
        z-index: 1;
        padding: 10.5px 15px;
        font-family: var(--deskot-heading-font, "Inter", sans-serif);
        font-weight: 600;
        font-size: var(--fs-18, 18px);
        color: var(--deskot-black, #222222);
        text-align: left;
        text-transform: capitalize;
        line-height: 1.333;
        border-radius: 100px;
        overflow: hidden;
        background-color: var(--deskot-white, #ffffff);
    }

@media (max-width: 412px) {
    .service-details__nav li a {
        gap: 15px;
    }
}

@media (max-width: 390px) {
    .service-details__nav li a {
        font-size: var(--fs-16, 16px);
    }
}

.service-details__nav li a::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

.service-details__nav li .service-details__nav__icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-white, #ffffff);
    background-color: var(--deskot-base, #ff5a1e);
    border-radius: 50%;
    transition: all 500ms ease;
}

.service-details__nav li .fg-doc-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


@media (max-width: 390px) {
    .service-details__nav li .service-details__nav__icon {
        width: 28px;
        height: 28px;
        font-size: var(--fs-10, 10px);
    }
}

.service-details__nav li .service-details__nav__icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.service-details__nav li a:hover .service-details__nav__icon, .service-details__nav li.current a .service-details__nav__icon {
    color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-white, #ffffff);
}

.service-details__nav li a:hover, .service-details__nav li.current a {
    color: var(--deskot-white, #ffffff);
}

    .service-details__nav li a:hover::after, .service-details__nav li.current a::after {
        width: 100%;
        left: 0px;
    }

.service-details__content {
    margin-top: 44px;
}

.service-details__title {
    margin-bottom: 14px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

.service-details__box--1 {
    margin-bottom: 53px;
}

.service-details__box--2 .service-details__text + .service-details__text {
    margin-top: 19px;
}

.service-details__text {
    margin: 0px;
}

.service-details__inner {
    margin-bottom: 43px;
}

.service-details__inner__content {
    max-width: 459px;
    position: relative;
    padding: 31px 50px 38px;
    border-radius: 20px;
    background-color: var(--deskot-white2, #f0f1f5);
}

@media (max-width: 1199px) {
    .service-details__inner__content {
        max-width: 100%;
    }
}

.service-details__inner__content::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    right: -68px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 67px 0 67px 68px;
    border-color: transparent transparent transparent var(--deskot-base, #ff5a1e);
}

@media (max-width: 1199px) {
    .service-details__inner__content::after {
        display: none;
    }
}

.service-details__inner__list {
    margin-bottom: 20px;
}

    .service-details__inner__list li + li {
        margin-top: 10px;
    }

    .service-details__inner__list li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: var(--deskot-black5, #444444);
        font-weight: 500;
    }

        .service-details__inner__list li a {
            color: inherit;
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        .service-details__inner__list li:hover a {
            color: var(--deskot-base, #ff5a1e);
            text-decoration: underline;
        }

    .service-details__inner__list svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        position: relative;
        top: 3px;
        transition: all 500ms ease;
    }

        .service-details__inner__list svg path:nth-child(1) {
            fill: var(--deskot-black2, #072f3e);
            transition: all 500ms ease;
        }

        .service-details__inner__list svg path:nth-child(2) {
            fill: var(--deskot-base, #ff5a1e);
            transition: all 500ms ease;
        }

    .service-details__inner__list li:hover svg path:nth-child(1) {
        fill: var(--deskot-base, #ff5a1e);
    }

    .service-details__inner__list li:hover svg path:nth-child(2) {
        fill: var(--deskot-black2, #072f3e);
    }

.service-details__inner__text {
    margin-bottom: 27px;
}

    .service-details__inner__text span {
        font-weight: 600;
        color: var(--deskot-base, #ff5a1e);
        text-transform: uppercase;
    }

.service-details__inner__image img {
    width: 100%;
    display: block;
}

/*--------------------------------------------------------------
# Projects
--------------------------------------------------------------*/
.project-card {
    background-color: var(--deskot-white, #ffffff);
}

.project-card__image {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 10px;
}

    .project-card__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
        transition: all 600ms cubic-bezier(0, 0, 0.44, 1.18);
        height: 250px;
        object-fit: cover;
    }

        .project-card__image img.agencies-service {
            height: 350px;
        }

.project-card:hover .project-card__image img {
    transform: scale(1.05);
}

.project-card__overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: 50% 50%;
    background-color: RGBA(var(--deskot-black2-rgb, 7, 47, 62), 0.8);
    transition: transform 0.6s ease-in-out, opacity 0.6s;
}

    .project-card__overlay::after {
        content: "";
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        border: 1px solid var(--deskot-white, #ffffff);
    }

.project-card:hover .project-card__overlay {
    opacity: 1;
    transform: rotateX(0);
}

.project-card .img-popup {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-size: var(--fs-28, 28px);
    color: var(--deskot-white, #ffffff);
    border-radius: 50%;
    background-color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

@media (max-width: 440px) {
    .project-card .img-popup {
        width: 50px;
        height: 50px;
        font-size: var(--fs-20, 20px);
    }
}

.project-card .img-popup:hover {
    color: var(--deskot-base, #ff5a1e);
    background-color: var(--deskot-white, #ffffff);
}

.project-card .img-popup svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.project-card__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    position: relative;
    transition: all 500ms cubic-bezier(0, 0, 0.44, 1.18);
}

@media (max-width: 412px) {
    .project-card__content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.project-card__text {
    position: relative;
    padding-left: 16px;
}

    .project-card__text::before {
        content: "";
        width: 3px;
        height: calc(100% - 12px);
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        background-color: var(--deskot-base, #ff5a1e);
    }

.project-card__title {
    margin-bottom: 9px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

    .project-card__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .project-card__title a:hover {
            color: var(--deskot-base, #ff5a1e);
        }

        .project-card__title a:hover {
            background-size: 100% 1px;
        }

.project-card .deskot-breadcrumb li {
    font-size: var(--fs-16, 16px);
    color: var(--deskot-text, #636363);
}

    .project-card .deskot-breadcrumb li:not(:last-child)::after {
        font-size: var(--fs-17, 17px);
    }

.project-card .deskot-btn {
    flex-shrink: 0;
    padding: 0px;
    background-color: transparent;
}

    .project-card .deskot-btn::after {
        display: none;
    }

    .project-card .deskot-btn .deskot-btn__icon-box {
        width: 50px;
        height: 50px;
        background-color: var(--deskot-black2, #072f3e);
    }

    .project-card .deskot-btn .deskot-btn__icon {
        width: 18px;
        height: 18px;
        font-size: var(--fs-18, 18px);
        color: var(--deskot-white, #ffffff);
    }

        .project-card .deskot-btn .deskot-btn__icon i:last-child {
            left: -20px;
            bottom: -20px;
        }

    .project-card .deskot-btn:hover .deskot-btn__icon-box {
        background-color: var(--deskot-base, #ff5a1e);
    }

    .project-card .deskot-btn:hover .deskot-btn__icon i {
        transform: translate(20px, -20px);
    }

.projects-one {
    background-color: var(--deskot-white, #ffffff);
}

.projects-one__top {
    margin-bottom: 51px;
}

.projects-one .sec-title {
    margin: 0px;
}

@media (max-width: 1199px) {
    .projects-one .sec-title {
        text-align: center;
    }
}

@media (max-width: 1199px) {
    .projects-one .sec-title .sec-title__top {
        justify-content: center;
    }
}

.projects-one__filter {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 575px) {
    .projects-one__filter {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
}

@media (max-width: 767px) {
    .projects-one__filter__inner {
        min-width: 650px;
    }
}

@media (max-width: 575px) {
    .projects-one__filter__inner {
        margin-left: 15px;
    }
}

.projects-one__filter__list {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 1199px) {
    .projects-one__filter__list {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .projects-one__filter__list {
        justify-content: flex-start;
    }
}

.projects-one__filter__list li:first-child {
    border-left: 1px solid var(--deskot-border-color, #dddddd);
}

.projects-one__filter__list li {
    padding: 9.5px 30px;
    cursor: pointer;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-18, 18px);
    font-weight: 700;
    text-align: center;
    color: var(--deskot-black, #222222);
    text-transform: capitalize;
    background-color: transparent;
    border-top: 1px solid var(--deskot-border-color, #dddddd);
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
    border-right: 1px solid var(--deskot-border-color, #dddddd);
    transition: all 500ms ease;
}

    .projects-one__filter__list li:hover, .projects-one__filter__list li.active {
        color: var(--deskot-white, #ffffff);
        border-color: var(--deskot-base, #ff5a1e);
        background-color: var(--deskot-base, #ff5a1e);
    }

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
    background-color: var(--deskot-white, #ffffff);
}

@media (max-width: 767px) {
    .project-details__content .container-fluid {
        padding: 0px;
    }
}

.project-details__image {
    margin-bottom: 43px;
    position: relative;
}

    .project-details__image img {
        width: 100%;
        display: block;
    }

.project-details__info-box {
    max-width: 909px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 150px;
    position: relative;
    z-index: 1;
    margin: -68px auto 0px;
    padding: 50px;
    background-color: var(--deskot-base, #ff5a1e);
    border: 10px solid var(--deskot-white, #ffffff);
}

@media (max-width: 1199px) {
    .project-details__info-box {
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .project-details__info-box {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .project-details__info-box {
        margin-top: 35px;
        padding: 30px;
        border: none;
    }
}

@media (max-width: 480px) {
    .project-details__info-box {
        padding: 25px;
    }
}

.project-details__info {
    margin: 0px;
}

    .project-details__info:first-child {
        position: relative;
    }

        .project-details__info:first-child::after {
            content: "";
            width: 2px;
            height: calc(100% + 30px);
            position: absolute;
            top: 50%;
            right: -75px;
            transform: translateY(-50%);
            background-color: var(--deskot-white, #ffffff);
        }

@media (max-width: 991px) {
    .project-details__info:first-child::after {
        display: none;
    }
}

.project-details__info li + li {
    margin-top: 15px;
}

.project-details__info li {
    display: flex;
    align-items: center;
    gap: 22px;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-22, 22px);
    color: var(--deskot-white, #ffffff);
    text-transform: capitalize;
    line-height: 1.318;
}

@media (max-width: 575px) {
    .project-details__info li {
        font-size: var(--fs-18, 18px);
    }
}

.project-details__info__title {
    position: relative;
    top: -1px;
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 0 0 145px;
}

@media (max-width: 991px) {
    .project-details__info__title {
        flex: 0 0 160px;
    }
}

@media (max-width: 575px) {
    .project-details__info__title {
        flex: 0 0 125px;
        gap: 12px;
    }
}

@media (max-width: 412px) {
    .project-details__info__title {
        flex: 0 0 90px;
    }
}

@media (max-width: 375px) {
    .project-details__info__title {
        flex: 0 0 auto;
        gap: 10px;
    }
}

.project-details__info__icon {
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-20, 20px);
    color: var(--deskot-white, #ffffff);
}

    .project-details__info__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

@media (max-width: 575px) {
    .project-details__info__icon {
        font-size: var(--fs-18, 18px);
    }
}

.project-details__title {
    margin-bottom: 15px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
}

.project-details__text {
    margin: 0px;
}

.project-details__inner {
    margin: 38px 0px 43px;
}

.project-details__list__title {
    margin-bottom: 10px;
    font-size: var(--fs-16, 16px);
    font-weight: 700;
    line-height: 1.625;
    text-transform: uppercase;
}

.project-details__list__box {
    margin-bottom: 35px;
}

    .project-details__list__box li + li {
        margin-top: 10px;
    }

    .project-details__list__box li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: var(--deskot-black5, #444444);
        font-weight: 500;
    }

        .project-details__list__box li a {
            color: inherit;
            text-decoration-style: solid;
            text-decoration-skip-ink: none;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        .project-details__list__box li:hover a {
            text-decoration: underline;
        }

    .project-details__list__box svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        position: relative;
        top: 3px;
        transition: all 500ms ease;
    }

        .project-details__list__box svg path:nth-child(1) {
            fill: var(--deskot-black2, #072f3e);
            transition: all 500ms ease;
        }

        .project-details__list__box svg path:nth-child(2) {
            fill: var(--deskot-base, #ff5a1e);
            transition: all 500ms ease;
        }

    .project-details__list__box li:hover svg path:nth-child(1) {
        fill: var(--deskot-base, #ff5a1e);
    }

    .project-details__list__box li:hover svg path:nth-child(2) {
        fill: var(--deskot-black2, #072f3e);
    }

.project-details__inner__image img {
    width: 100%;
    display: block;
}

/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.event-card {
    position: relative;
    padding: 10px;
    display: grid;
    gap: 26px;
    align-items: start;
    grid-template-columns: 201px auto;
    border-radius: 30px;
    overflow: hidden;
    background-color: var(--deskot-white, #ffffff);
}

.event-cards-bg .event-card {
    background-color: var(--deskot-base-lg);
}

@media (max-width: 767px) {
    .event-card {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .event-card {
        grid-template-columns: 1fr;
    }
}

.event-card::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

.event-card:hover::after {
    width: 100%;
    left: 0px;
}

.event-card__image {
    position: relative;
    z-index: 1;
    border-radius: 30px;
    background-color: var(--deskot-white, #ffffff);
    transition: all 400ms ease;
}

    .event-card__image img {
        width: 100%;
        display: block;
        border-radius: inherit;
    }

.event-card:hover .event-card__image {
    padding: 4px;
}

.event-card__content {
    position: relative;
    z-index: 1;
    padding: 15px 20px 15px 0px;
}

@media (max-width: 767px) {
    .event-card__content {
        padding: 0px 20px 20px;
    }
}

@media (max-width: 412px) {
    .event-card__content {
        padding: 0px 15px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .event-card__content {
        padding: 0px 20px 20px;
    }
}

.event-card__title {
    margin-bottom: 12px;
    font-size: var(--fs-22, 22px);
    font-weight: 600;
    line-height: 1.318;
    text-transform: capitalize;
}

    .event-card__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .event-card__title a:hover {
            background-size: 100% 1px;
        }

.event-card__meta {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px 26px;
}

@media (max-width: 390px) {
    .event-card__meta {
        flex-direction: column;
        align-items: flex-start;
    }
}

.event-card__meta li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    position: relative;
    font-size: var(--fs-14, 14px);
    font-weight: 600;
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
    transition: all 500ms ease;
}

    .event-card__meta li:not(:last-child)::after {
        content: "";
        width: 1px;
        height: calc(100% - 8px);
        position: absolute;
        top: 50%;
        right: -13px;
        transform: translateY(-50%);
        background-color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

@media (max-width: 390px) {
    .event-card__meta li:not(:last-child)::after {
        display: none;
    }
}

.event-card__meta__icon {
    flex-shrink: 0;
    position: relative;
    top: 0px;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .event-card__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.event-card:hover .event-card__meta li:not(:last-child)::after {
    background-color: RGBA(var(--deskot-border-color-rgb, 221, 221, 221), 0.2);
}

.event-card__text {
    padding-bottom: 15px;
    margin-bottom: 22px;
    transition: all 500ms ease;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

.event-card:hover .event-card__text {
    border-color: RGBA(var(--deskot-border-color-rgb, 221, 221, 221), 0.2);
}

.event-card__bottom {
    display: flex;
    align-items: center;
    gap: 20px 36px;
}

@media (max-width: 390px) {
    .event-card__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

.event-card__admin {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}

    .event-card__admin::after {
        content: "";
        width: 1px;
        height: calc(100% + 23px);
        position: absolute;
        right: -19px;
        bottom: 0px;
        background-color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

@media (max-width: 390px) {
    .event-card__admin::after {
        display: none;
    }
}

.event-card__admin__image {
    width: 39px !important;
    height: 39px;
    flex-shrink: 0;
    border-radius: 50%;
    position: relative;
    top: 1px;
}

.event-card__admin__name {
    margin: 0px;
    font-size: var(--fs-16, 16px);
    font-weight: 700;
    transition: all 500ms ease;
}

.event-card__admin__designation {
    margin: 0px;
    transition: all 500ms ease;
}

.event-card:hover .event-card__admin::after {
    background-color: RGBA(var(--deskot-border-color-rgb, 221, 221, 221), 0.2);
}

.event-card:hover .event-card__title, .event-card:hover .event-card__meta li, .event-card:hover .event-card__text, .event-card:hover .event-card__admin__name, .event-card:hover .event-card__admin__designation {
    color: var(--deskot-white, #ffffff);
}

.event-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black5, #444444);
    font-weight: 500;
    line-height: 1.25;
    text-transform: uppercase;
}

.event-card__link__icon {
    display: inline-flex;
    font-size: var(--fs-22);
    color: var(--deskot-secondary-base, #ff5a1e);
}

    .event-card__link__icon .arrow {
        animation: bounceDown 1.2s infinite;
    }

@keyframes bounceDown {
    0%,20%,50%,80%,100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(6px);
    }

    60% {
        transform: translateY(3px);
    }
}

    .event-card__link__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.event-card:hover .event-card__link {
    color: var(--deskot-base, #ff5a1e);
}

.event-card-two {
    position: relative;
    padding: 10px;
    display: flex;
    gap: 20px 57px;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    background-color: var(--deskot-white, #ffffff);
    border: 1px solid var(--deskot-border-color, #dddddd);
}

.technical-services-section .event-card-two {
    padding: 0px;
}

    .technical-services-section .event-card-two .event-card-two__image {
        width: 550px;
    }


.services-section .event-card-two:nth-child(odd) {
    background: #ffffff;
    background: linear-gradient( 270deg, #ffffff 0%, #fef4b8 32%, #feea7a 87%, #fdd601 100% );
}

.services-section .event-card-two:nth-child(even) {
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(254, 244, 184, 1) 32%, rgba(254, 234, 122, 1) 87%, rgba(253, 214, 1, 1) 100%);
}

.services-section .event-card-two .about-one__list.sibling-2 svg path {
    fill: var(--deskot-secondary-base, #072f3e);
    transition: all 500ms ease;
}

@media (max-width: 991px) {
    .event-card-two {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 440px) {
    .event-card-two {
        border-radius: 20px;
    }
}

.event-card-two-with-effect::after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--deskot-black2, #072f3e);
    transition: all 500ms ease;
}

.event-card-two.active::after, .event-card-two:hover::after {
    width: 100%;
    left: 0px;
}

.event-card-two__image {
    width: 390px;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    background-color: var(--deskot-white, #ffffff);
    transition: all 400ms ease;
}

@media (max-width: 991px) {
    .event-card-two__image {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .event-card-two__image {
        border-radius: 30px;
    }
}

.event-card-two__image img {
    width: 100%;
    display: block;
    border-radius: inherit;
}

.event-card-two-with-effect.active .event-card-two__image, .event-card-two-with-effect:hover .event-card-two__image {
    padding: 4px;
}

.event-card-two__admin {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 30px 10px 10px;
    position: absolute;
    top: 30px;
    left: 30px;
    border-radius: 100px;
    background-color: var(--deskot-white, #ffffff);
    filter: drop-shadow(2px -2px 5.5px rgba(0, 0, 0, 0.15));
}

@media (max-width: 440px) {
    .event-card-two__admin {
        top: 20px;
        left: 20px;
    }
}

@media (max-width: 390px) {
    .event-card-two__admin {
        top: 15px;
        left: 15px;
    }
}

@media (min-width: 1200px) {
    .event-card-two__admin {
        padding: 30px 10px 10px 10px;
        top: 50%;
        left: auto;
        right: -23px;
        white-space: nowrap;
        transform: translateY(-50%);
        writing-mode: sideways-lr;
    }
}

.event-card-two__admin__image {
    width: 39px !important;
    height: 39px;
    flex-shrink: 0;
    border-radius: 50%;
    position: relative;
    top: 2px;
}

@media (min-width: 1200px) {
    .event-card-two__admin__image {
        left: 2px;
        transform: rotate(-90deg);
    }
}

.event-card-two__admin__name {
    margin: 0px 2px 0px 0px;
    font-size: var(--fs-16, 16px);
    font-weight: 700;
    transition: all 500ms ease;
}

.event-card-two__admin__designation {
    margin: 0px;
    line-height: 1.25;
    transition: all 500ms ease;
}

.event-card-two__content {
    width: calc(100% - 390px);
    position: relative;
    z-index: 1;
    padding-right: 147px;
    margin: 20px 0px;
}

@media (max-width: 1199px) {
    .event-card-two__content {
        padding-right: 100px;
    }
}

@media (max-width: 991px) {
    .event-card-two__content {
        width: 100%;
        padding: 0px 30px 30px;
    }
}

@media (max-width: 767px) {
    .event-card-two__content {
        padding: 0px 20px 30px;
    }
}

@media (max-width: 440px) {
    .event-card-two__content {
        padding: 0px 10px 10px;
    }
}

.event-card-two__top {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

@media (max-width: 440px) {
    .event-card-two__top {
        margin-bottom: 20px;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.event-card-two__category {
    display: inline-block;
    padding: 10px 45px;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-secondary-base, #ffffff);
    font-weight: 600;
    line-height: 1.25;
    text-transform: uppercase;
    background-color: var(--deskot-base, #ff5a1e);
    clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%, 10% 50%);
}

.event-card-two__number::after {
    content: attr(data-year);
    font-size: var(--fs-36, 36px);
    color: transparent;
    font-weight: 700;
    line-height: 1;
    text-transform: capitalize;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--deskot-base);
    transition: all 500ms ease;
}


.event-card-two__title {
    margin-bottom: 13px;
    font-size: var(--fs-22, 22px);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.timelineContent .event-card-two__title {
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: 20px;
}

.timelineContent .event-card-two__title-sib2 {
    font-size: var(--fs-18, 18px);
    line-height: 1.318;
    text-transform: capitalize;
}

.event-card-two__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .event-card-two__title a:hover {
        background-size: 100% 1px;
    }

.event-card-two__meta {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px 26px;
}

@media (max-width: 390px) {
    .event-card-two__meta {
        flex-direction: column;
        align-items: flex-start;
    }
}

.event-card-two__meta li {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    font-size: var(--fs-14, 14px);
    font-weight: 600;
    color: var(--deskot-text, #636363);
    text-transform: capitalize;
    transition: all 500ms ease;
}

    .event-card-two__meta li:not(:last-child)::after {
        content: "|";
        position: absolute;
        top: calc(50% - 3px);
        right: -15px;
        transform: translateY(-50%);
        font-size: var(--fs-16, 16px);
        color: var(--deskot-border-color, #dddddd);
        transition: all 500ms ease;
    }

@media (max-width: 390px) {
    .event-card-two__meta li:not(:last-child)::after {
        display: none;
    }
}

.event-card-two__meta__icon {
    display: inline-flex;
    position: relative;
    top: -1px;
    font-size: var(--fs-14, 14px);
    color: var(--deskot-base, #ff5a1e);
    transition: all 500ms ease;
}

    .event-card-two__meta__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.event-card-two.active .event-card-two__meta li:not(:last-child)::after, .event-card-two:hover .event-card-two__meta li:not(:last-child)::after {
    color: var(--deskot-border-color, #dddddd);
}

.event-card-two__text {
    margin: 0px;
    transition: all 500ms ease;
}

.services-section .event-card-two__title {
    margin: 15px 0px;
    font-size: var(--fs-28, 28px);
    font-weight: 600;
}

.services-section .event-card-two__text {
    margin-bottom: 20px;
}

.event-card-two-with-effect.active .event-card-two__title, .event-card-two-with-effect:hover .event-card-two__title,
.event-card-two-with-effect.active .event-card-two__meta li, .event-card-two-with-effect:hover .event-card-two__meta li,
.event-card-two.active-with-effect .event-card-two__text, .event-card-two-with-effect:hover .event-card-two__text {
    color: var(--deskot-white, #ffffff);
}

.event-card-two .deskot-btn {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .event-card-two .deskot-btn {
        margin: 0px;
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        padding: 12px 11px 17px 11px;
        writing-mode: sideways-lr;
        white-space: nowrap;
    }

        .event-card-two .deskot-btn::after {
            width: 100%;
            height: 0%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .event-card-two .deskot-btn:hover::after {
            height: 100%;
            bottom: 0;
        }

        .event-card-two .deskot-btn .deskot-btn__icon i {
            top: 0px;
            right: 0px;
            left: auto;
        }

            .event-card-two .deskot-btn .deskot-btn__icon i:last-child {
                right: -15px;
                left: auto;
            }

        .event-card-two .deskot-btn:hover .deskot-btn__icon {
            color: var(--deskot-base, #ff5a1e);
        }

            .event-card-two .deskot-btn:hover .deskot-btn__icon i {
                transform: translate(-15px, -15px);
            }
}

@media (min-width: 1200px) {
    .event-card-two .deskot-btn {
        right: 41px;
    }
}

.event-card-two.active .deskot-btn::after, .event-card-two:hover .deskot-btn::after {
    width: 100%;
    left: 0px;
    background-color: var(--deskot-base, #ff5a1e);
}

@media (min-width: 992px) {
    .event-card-two.active .deskot-btn::after, .event-card-two:hover .deskot-btn::after {
        height: 100%;
        bottom: 0;
    }
}

.event-card-two.active .event-card-two:hover .deskot-btn__icon, .event-card-two:hover .deskot-btn__icon {
    color: var(--deskot-base, #ff5a1e);
}

.event-card-two:nth-child(even) {
    flex-direction: row-reverse;
}

@media (max-width: 991px) {
    .event-card-two:nth-child(even) {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1200px) {
    .event-card-two:nth-child(even) .event-card-two__admin {
        right: auto;
        left: -23px;
    }
}

.event-card-two:nth-child(even) .event-card-two__content {
    padding-right: 0px;
    padding-left: 147px;
}

@media (max-width: 1199px) {
    .event-card-two:nth-child(even) .event-card-two__content {
        padding-left: 100px;
    }
}

@media (max-width: 991px) {
    .event-card-two:nth-child(even) .event-card-two__content {
        padding: 0px 30px 30px;
    }
}

@media (max-width: 767px) {
    .event-card-two:nth-child(even) .event-card-two__content {
        padding: 0px 20px 30px;
    }
}

@media (max-width: 440px) {
    .event-card-two:nth-child(even) .event-card-two__content {
        padding: 0px 10px 10px;
    }
}

@media (min-width: 992px) {
    .event-card-two:nth-child(even) .deskot-btn {
        right: auto;
        left: 0px;
    }
}

@media (min-width: 1200px) {
    .event-card-two:nth-child(even) .deskot-btn {
        right: auto;
        left: 41px;
    }
}

.events-one {
    background-color: var(--deskot-white2, #f0f1f5);
}

.events-two {
    counter-reset: eventNumber;
    background-color: var(--deskot-white, #ffffff);
}

    .events-two .event-card-two + .event-card-two {
        margin-top: 30px;
    }

/*--------------------------------------------------------------
# Event Details
--------------------------------------------------------------*/
.event-details {
    background-color: var(--deskot-white, #ffffff);
}

.event-details__image {
    margin-bottom: 41px;
}

    .event-details__image img {
        max-width: 100%;
        height: auto;
    }

.event-details__inner--1 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--deskot-border-color, #dddddd);
}

.event-details__inner--2 {
    margin-bottom: 15px;
}

.event-details__title {
    margin-bottom: 21px;
    font-size: var(--fs-30, 30px);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.333;
}

@media (max-width: 430px) {
    .event-details__title {
        margin-bottom: 15px;
        font-size: var(--fs-26, 26px);
    }
}

.event-details__text {
    margin: 0px;
}

.event-details__list {
    margin: 20px 0px 35px;
}

    .event-details__list li + li {
        margin-top: 10px;
    }

    .event-details__list li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        font-size: var(--fs-16, 16px);
        color: var(--deskot-black, #222222);
        font-weight: 500;
        line-height: 1.625;
    }

.event-details__list__icon {
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: var(--fs-12, 12px);
    color: var(--deskot-white, #ffffff);
    background-color: var(--deskot-base, #ff5a1e);
    border-radius: 50%;
}

    .event-details__list__icon svg {
        width: 1em;
        height: 1em;
        fill: currentColor;
    }

.event-details__info__item + .event-details__info__item {
    margin-top: 20px;
}

.event-details__info__item--1 {
    padding: 32px 40px 40px;
    background-color: var(--deskot-white, #ffffff);
    box-shadow: 0px 4px 40px RGBA(var(--deskot-black-rgb, 34, 34, 34), 0.1);
}

@media (max-width: 412px) {
    .event-details__info__item--1 {
        padding: 22px 30px 30px;
    }
}

.event-details__info__title {
    margin-bottom: 25px;
    padding-bottom: 10px;
    font-size: var(--fs-24, 24px);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4;
    border-bottom: 1px solid var(--deskot-base, #ff5a1e);
}

.event-details__info__list {
    margin: 0px;
}

    .event-details__info__list li {
        margin-bottom: 25px;
        padding-bottom: 21px;
        border-bottom: 1px solid var(--deskot-white3, #F5F2EF);
    }

        .event-details__info__list li:last-child {
            margin-bottom: 30px;
        }

.event-details__info__list__title {
    display: block;
    margin-bottom: 9px;
    font-family: var(--deskot-heading-font, "Inter", sans-serif);
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black, #222222);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.25;
}

.event-details__info__list__text {
    display: block;
    font-size: var(--fs-16, 16px);
    color: var(--deskot-base, #ff5a1e);
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.625;
}

    .event-details__info__list__text a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .event-details__info__list__text a:hover {
            background-size: 100% 1px;
        }

.event-details__info__map {
    padding: 20px;
    box-shadow: 0px 4px 40px RGBA(var(--deskot-black-rgb, 34, 34, 34), 0.1);
    background-color: var(--deskot-white, #ffffff);
}



.hero-video-section {
    position: relative;
    height: 80vh;
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .hero-video-section .hero-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2;
    }

    .hero-video-section .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .hero-video-section .hero-content {
        color: #fff;
        max-width: 650px;
    }

    .hero-video-section .hero-subtitle {
        font-size: var(--fs-14, 14px);
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .hero-video-section .hero-content h1 {
        font-size: var(--fs-64, 64px);
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 20px;
        color: var(--deskot-base);
    }

    .hero-video-section .hero-content p {
        font-size: var(--fs-18, 18px);
        margin-bottom: 30px;
    }

.home-about-us .about-content {
    padding-left: 20px;
}

    .home-about-us .about-content .years-section {
        display: flex;
        align-items: flex-end;
        gap: 10px;
    }

    .home-about-us .about-content .big-text {
        font-family: var(--deskot-heading-font);
        font-size: var(--fs-200, 200px);
        font-weight: 600;
        line-height: 0.8;
        margin: 0;
        background: url(/assets/img/home/cover-img.jpg) center/cover no-repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        width: 240px;
    }

    .home-about-us .about-content .years-section .side-wrap {
        display: flex;
        align-items: flex-end;
        height: 100%;
        margin-bottom: 10px;
    }

    .home-about-us .about-content .years-section .side-text {
        font-size: var(--fs-42);
        font-weight: 700;
        color: var(--deskot-secondary-base);
        line-height: 1.2;
        margin: 0;
    }

    .home-about-us .about-content .sec-title {
        font-family: var(--deskot-heading-font);
        margin-bottom: 20px;
        font-weight: 600;
        line-height: 1.2;
        font-size: var(--fs-36, 36px);
        margin-top: 20px;
    }


@media (max-width: 440px) {
    .home-about-us .about-content .big-text {
        text-align: center;
        width: 100% !important;
        font-size: 140px !important;
    }

    .home-about-us .about-content .years-section .side-text {
        text-align: center;
        font-size: var(--fs-36, 36px);
    }

    .home-about-us .about-content .years-section {
        display: block !important;
    }
}


.check-bullets {
    gap: 1rem !important;
    flex-wrap: wrap !important;
    display: flex;
}

    .check-bullets .bullet-item {
        font-size: var(--fs-16, 16px);
        font-weight: 500;
        padding: 10px 15px;
        box-shadow: 0px 4px 27px rgb(0 0 0 / 7%);
        border: 1px solid #d8dde1 !important;
        border-radius: 10em;
        align-items: center;
        gap: 0.5rem !important;
        align-items: center;
        display: flex;
    }

    .check-bullets div.flex.items-center svg {
        color: var(--deskot-base);
        font-size: var(--fs-22, 22px);
    }

.counter-element .counter-text {
    font-size: var(--fs-68, 68px);
    font-weight: 800;
}


/*#region Home Process*/


/* GRID */
.flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 60px;
    position: relative;
}

/* STEP BOX */
.step {
    background: #fff;
    border: 2px solid #fdd601;
    padding: 20px 20px 20px 30px;
    border-radius: 15px;
    text-align: left;
    position: relative;
    z-index: 2;
    transition: 0.3s;
    height: 220px;
}


    .step .process-step-detail {
        gap: 15px;
        margin-bottom: 15px;
        align-items: center;
    }

    .step img {
        height: 48px;
    }

/* Animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
/* NUMBER */
/* DEFAULT (RIGHT FLOW →) */
.num {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    background: #fdd601;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: var(--deskot-secondary-base);
    font-size: var(--fs-18, 18px);
    font-weight: 600;
}

/* LEFT FLOW (←) */
.step.left .num {
    left: -20px;
    right: auto;
}

/* VERTICAL DOWN (↓) */
.step.down .num {
    top: auto;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

/* TEXT */
.step h3 {
    font-size: var(--fs-20, 20px);
    color: var(--deskot-black);
    font-weight: 700;
    margin-top: 10px;
}

.step p {
    font-size: var(--fs-16, 16px);
    color: var(--deskot-black);
    font-weight: 500;
}

/* ================= CONNECTOR LINES ================= */

/* HORIZONTAL LINE */
/* DEFAULT RIGHT FLOW */
.step::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -60px;
    width: 60px;
    height: 4px;
    background: repeating-linear-gradient( to right, #fdd601 0, #fdd601 10px, transparent 10px, transparent 20px );
    animation: dash 1.2s linear infinite;
}

/* REMOVE RIGHT LINE LAST IN ROW */
.step:nth-child(3),
.step:nth-child(6),
.step:nth-child(9) {
    right: auto;
}

    .step:nth-child(3)::after,
    .step:nth-child(6)::after,
    .step:nth-child(9)::after {
        display: none;
    }

    /* ================= */
    /* 🔁 REVERSE ROW FIX */
    /* ================= */

    /* Step 5 & 6 should connect LEFT */
    .step:nth-child(5)::after,
    .step:nth-child(6)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -60px;
        width: 60px;
        height: 4px;
        background: repeating-linear-gradient( to left, #fdd601 0, #fdd601 10px, transparent 10px, transparent 20px );
        animation: dash 1.2s linear infinite;
    }

    /* IMPORTANT: Step 6 ALSO needs LEFT connector */
    .step:nth-child(6)::after {
        display: block;
    }

/* Step 4 should NOT have right connector */
.step:nth-child(4)::after,
.step:nth-child(8)::after {
    display: none;
}
/* VERTICAL CONNECTOR DOWN */
.step.down::before {
    content: "";
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 70px;
    background: repeating-linear-gradient( to bottom, #fdd601 0, #fdd601 10px, transparent 10px, transparent 20px );
    animation: dashVertical 1s linear infinite;
}

/* ANIMATION */
@keyframes dash {
    from {
        background-position: 0;
    }

    to {
        background-position: 40px;
    }
}

@keyframes dashVertical {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 40px;
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .flow {
        grid-template-columns: 1fr;
    }

    .step::after,
    .step::before {
        display: none;
    }
}


/*#endregion Home Process*/



/*#region Home Vacancies*/


.fleet-section {
    background: url('../img/home/water.jpg') center/cover no-repeat;
    padding: 60px 0px;
    position: relative;
    overflow: hidden;
}

.fleet-row {
    align-items: flex-end;
}

.fleet-item {
    position: relative;
}

.fleet-top {
    position: relative;
}

    .fleet-top h3 {
        font-size: var(--fs-20, 20px);
        font-weight: 700;
        color: #fff;
        margin-bottom: 0;
    }

    .fleet-top span {
        font-size: var(--fs-14, 14px);
        color: #d0d6d8;
    }

.line {
    width: 2px;
    height: 120px;
    background: rgba(255,255,255,0.5);
    margin: 10px auto 0;
    position: relative;
}

    .line::before {
        content: "";
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        top: -4px;
        left: -3px;
    }

.ship-img {
    width: 120px;
    max-width: 100%;
    margin: auto;
    display: block;
    transition: transform 0.8s ease, filter 0.5s ease;
    transition-duration: 2s;
    transition-property: transform;
    transition-timing-function: ease-in-out;
    transform: translateZ(0px);
    z-index: 2;
}

.fleet-item:hover .ship-img {
    transform: translateY(-80px) scale(1.05);
    filter: brightness(1.15);
}

@media (max-width:768px) {

    .fleet-top .content-detail {
        transform: rotate(-90deg);
    }

    .fleet-item:hover .ship-img {
        transform: none;
    }

    .fleet-row {
        flex-direction: column;
        align-items: center;
    }

    .fleet-item {
        width: 100%;
        transform: rotate(90deg);
        transform-origin: center;
        margin: 0px;
    }

    .fleet-top h3 {
        transform: rotate(90deg);
    }

    /* keep ship straight */

    .ship-img {
        width: 90px;
        margin-bottom: -110px;
        filter: brightness(1.15);
    }
}


/*#endregion Home Vacancies*/



/*#region Home History*/

.timelineYears {
    overflow: hidden;
    width: 100%;
}

    .timelineYears .swiper-wrapper {
        display: flex;
        align-items: center;
        justify-content: center; /* 🔥 forces proper center */
    }

    .timelineYears .swiper-slide {
        width: auto !important;
        min-width: 90px;
        text-align: center;
        transition: 0.3s;
    }

    .timelineYears .swiper-slide-thumb-active {
        transform: scale(1.2);
    }

    /* prevent layout shift */
    .timelineYears .swiper-wrapper {
        align-items: center;
    }

/* YEARS BAR */
.timeline-years-wrap {
    background: var(--deskot-base);
}

.timelineYears .swiper-slide {
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    padding: 15px 0;
}

.timelineYears .swiper-slide-thumb-active {
    color: var(--deskot-base);
    opacity: 1;
    font-weight: 700;
    font-size: var(--fs-20, 20px);
    transform: scale(1.2);
    background: var(--deskot-secondary-base);
    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);
    width: 150px !important;
}

.timelineContent .swiper-slide {
    opacity: 0 !important;
    transition: opacity 1200ms ease-in-out;
}

.timelineContent .swiper-slide-active {
    opacity: 1 !important;
}

.timelineYears .swiper-slide {
    transition: all 0.4s ease;
    transform: scale(0.9);
}

.timelineYears .swiper-slide-thumb-active {
    opacity: 1;
    transform: scale(1);
}

/* CONTENT */
.timeline-content-wrap {
    background-color: #fff8d0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding: 25px 0;
}

.timeline-card .sub-title {
    color: var(--deskot-secondary-base);
    font-size: var(--fs-22, 22px);
}

.timeline-card .sec-title {
    color: var(--deskot-secondary-base);
    font-size: var(--fs-36, 36px);
    font-weight: 600;
}
/* ARROWS */
.timelineContent {
    position: relative;
    padding: 0 50px;
}

    .timelineContent .timeline-card {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .timelineContent .timeline-card p.desc {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            font-size: var(--fs-18, 18px);
            color: var(--deskot-secondary-base);
            font-weight: 400;
        }

/* BIG BACKGROUND YEAR */
.timeline-card::before {
    content: attr(data-year);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--fs-180, 180px); /* adjust as needed */
    font-weight: 800;
    color: var(--deskot-base);
    opacity: 0.5; /* use 0.5 if you want strong */
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
}

/* CONTENT ABOVE */
.timeline-card .mx-auto {
    position: relative;
    z-index: 2;
}

.timeline-prev,
.timeline-next {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: var(--fs-42, 42px);
    font-weight: 500;
    color: var(--deskot-secondary-base);
}

    .timeline-prev:hover,
    .timeline-next:hover {
        background: var(--deskot-base) !important;
    }

.timeline-prev {
    left: 0;
}

.timeline-next {
    right: 0;
}

    .timeline-prev:hover,
    .timeline-next:hover {
        background: #a57f2f;
    }


.left-img-float-section {
    line-height: 1.7;
    background-color: var(--deskot-white, #ffffff);
    border: 1px solid var(--deskot-border-color, #dddddd);
    padding: 15px;
    border-radius: 30px;
}

    .left-img-float-section .cover-img-no-sibling {
        float: left;
        margin: 0 25px 15px 0;
        width: 400px;
        border-radius: 30px;
    }

    .left-img-float-section.pop-up-section {
        padding: 40px 0px;
        text-align: left;
        border: none;
    }

        .left-img-float-section.pop-up-section h2 {
            color: var(--deskot-base);
            font-size: var(--fs-22, 22px);
            font-weight: 600;
            line-height: 1.07em;
            margin: 0px 0px 15px 0px;
        }



.timelineContent h2.sec-title__title {
    color: var(--deskot-base);
    font-size: var(--fs-28, 28px);
}

@media (max-width: 767px) {
    .left-img-float-section .cover-img-no-sibling {
        width: 330px;
        float: none;
        margin: 0px 10px 25px 10px;
    }
}

@media (max-width: 375px) {
    .left-img-float-section .cover-img-no-sibling {
        width: 300px;
        float: none;
        margin: 0px 10px 25px 5px;
    }
}
/*#endregion Home History*/



.testimonials-one__wrapper {
    position: relative;
    padding: 73.5px 55px 73.5px 70px;
    overflow: hidden;
    border-radius: 30px;
    background-color: var(--deskot-base-lg);
}

@media (max-width: 767px) {
    .testimonials-one__wrapper {
        padding: 50px 40px;
    }
}

@media (max-width: 540px) {
    .testimonials-one__wrapper {
        padding: 40px 30px;
    }
}

@media (max-width: 375px) {
    .testimonials-one__wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials-one__wrapper {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.testimonials-one__carousel {
    position: relative;
    z-index: 1;
}

    .testimonials-one__carousel.owl-carousel .owl-nav {
        margin: 0px;
        position: relative;
        position: absolute;
        right: 0px;
        bottom: -50px;
        display: inline-flex;
        align-items: center;
        gap: 72px;
    }

@media (max-width: 767px) {
    .testimonials-one__carousel.owl-carousel .owl-nav {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.testimonials-one__carousel.owl-carousel .owl-nav::after {
    content: "";
    width: calc(100% - 55px);
    height: calc(100% - 12px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--findox-white, #ffffff);
}

.testimonials-one__carousel.owl-carousel .owl-nav button {
    width: 58px;
    height: 58px;
    position: relative;
    z-index: 1;
    color: var(--findox-base, #006654);
    border-color: var(--findox-base, #006654);
    background-color: var(--findox-white3, #ecf5f4);
    outline: none;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-16, 16px);
    border-radius: 50%;
    border: 1px solid var(--deskot-secondary-base, #222222);
    transition: all 500ms ease;
}

    .testimonials-one__carousel.owl-carousel .owl-nav button:hover {
        color: var(--findox-base, #006654);
        border-color: var(--findox-primary, #f5c835);
        background-color: var(--findox-primary, #f5c835);
    }

.testimonials-one__carousel .findox-owl__carousel__counter {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    right: 72px;
    bottom: -30px;
    z-index: 1;
    font-family: var(--findox-heading-font, "Sora", sans-serif);
    font-size: var(--fs-18, 18px);
    color: var(--findox-black, #000000);
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 767px) {
    .testimonials-one__carousel .findox-owl__carousel__counter {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

.testimonials-one__carousel .findox-owl__carousel__counter__current {
    color: var(--findox-primary, #f5c835);
}

.testimonials-one__carousel .findox-owl__carousel__counter__total {
    position: relative;
}

    .testimonials-one__carousel .findox-owl__carousel__counter__total::before {
        content: "/";
        position: absolute;
        top: -1px;
        left: -14px;
        font-family: var(--findox-heading-font, "Sora", sans-serif);
        font-size: var(--fs-18, 18px);
        color: var(--findox-black, #000000);
        font-weight: 700;
        line-height: 1;
    }



.testimonials-one__item__image {
    width: 333px;
    height: 333px;
    position: relative;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--findox-white, #ffffff);
    z-index: 9;
}

@media (max-width: 440px) {
    .testimonials-one__item__image {
        width: 290px;
        height: 290px;
    }
}

@media (max-width: 390px) {
    .testimonials-one__item__image {
        width: 270px;
        height: 270px;
    }
}

@media (max-width: 360px) {
    .testimonials-one__item__image {
        width: 230px;
        height: 230px;
    }
}

.testimonials-one__item__image::before, .testimonials-one__item__image::after {
    content: "";
    width: 3px;
    height: 50%;
    position: absolute;
    right: -38.5px;
    border-radius: 100px;
}

@media (max-width: 1199px) {
    .testimonials-one__item__image::before, .testimonials-one__item__image::after {
        right: -30px;
    }
}

@media (max-width: 991px) {
    .testimonials-one__item__image::before, .testimonials-one__item__image::after {
        display: none;
    }
}

.testimonials-one__item__image::before {
    top: 0px;
    background-color: var(--findox-base, #006654);
}

.testimonials-one__item__image::after {
    bottom: 0px;
    background-color: var(--findox-primary, #f5c835);
}

.testimonials-one__item__image img {
    width: 100% !important;
    height: 100%;
    border-radius: inherit;
}

.testimonials-one__item .findox-ratings {
    padding: 13px 25px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 1;
    transform: translateX(-50%);
    border-radius: 100px;
    background-color: var(--findox-white3, #ecf5f4);
    border: 1px solid var(--findox-primary, #f5c835);
}

.testimonials-one__item .findox-ratings__icon {
    font-size: var(--fs-18, 18px);
    color: var(--findox-primary, #f5c835);
}

.testimonials-one__item__icon {
    width: 67px;
    height: 66px;
}

    .testimonials-one__item__icon path:nth-child(1) {
        fill: var(--findox-primary, #f5c835);
    }

    .testimonials-one__item__icon path:nth-child(2) {
        stroke: #2f5ce9;
    }

    .testimonials-one__item__icon path:nth-child(3) {
        fill: var(--findox-base, #006654);
    }

    .testimonials-one__item__icon path:nth-child(4) {
        stroke: #2f5ce9;
    }

.testimonials-one__item__quote {
    margin: 22px 0px 26px;
    padding-bottom: 21px;
    font-size: var(--fs-22, 22px);
    font-weight: 500;
    color: var(--findox-black4, #131111);
    font-style: italic;
    line-height: 1.545;
    border-bottom: 1px solid var(--findox-border-color, #dddddd);
}

@media (max-width: 767px) {
    .testimonials-one__item__quote {
        font-size: var(--fs-20, 20px);
    }
}

@media (max-width: 390px) {
    .testimonials-one__item__quote {
        font-size: var(--fs-18, 18px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .testimonials-one__item__quote {
        font-size: var(--fs-20, 20px);
    }
}

.testimonials-one__item__quote span {
    color: var(--findox-primary, #f5c835);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

@media (max-width: 767px) {
    .testimonials-one__item__identity {
        margin-bottom: 100px;
    }
}

.testimonials-one__item__name {
    margin-bottom: 5px;
    font-size: var(--fs-22, 22px);
    color: var(--findox-black2, #222222);
    font-weight: 700;
    line-height: 1.318;
    text-transform: capitalize;
}

.testimonials-one__item__designation {
    margin: 0px;
}

.testimonials-one__shape-1 {
    width: 227px;
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background-color: var(--deskot-base, #006654);
    border-radius: 30px 300px 300px 30px;
    box-shadow: 0 0 6.3px 2px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .testimonials-one__shape-1 {
        display: none;
    }
}

.testimonials-one__shape-1 img {
    max-width: 100%;
    height: auto;
    margin-left: -10px;
}

.testimonials-one__shape-2 {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    right: 0px;
    animation: zump 2s linear infinite;
}


.findox-ratings {
    display: flex;
    align-items: center;
    gap: 5px;
}


.section-bg-white {
    background-color: var(--deskot-white) !important;
}



.color-scheme-wrap {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
    background: var(--deskot-base);
    padding: 10px;
    border-radius: 10px 0 0 10px;
    display: inline-block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}



.elementor-869 .elementor-element.elementor-element-e47d679 .lqd-carousel-cell-title,
#services-type-hp-mb .service-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 22px !important;
    font-weight: 600;
}

#services-type-hp-mb .service-card__title {
    margin-bottom: 0px;
    line-height: 36px;
}

#services-type-hp-mb .service-card__image img {
    height: 100% !important;
}


.lqd-v-slideshow-text {
    background: var(--deskot-base) !important;
}

.elementor-869 .elementor-element.elementor-element-e47d679 .lqd-carousel-cell-description,
#services-type-hp-mb .service-card__text {
    color: var(--deskot-secondary-base) !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


/*#region About Us History*/
.timeline {
    position: relative;
    padding: 40px 0;
    box-sizing: border-box;
}

    .timeline:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 2px;
        height: 78%;
        background: #c5c5c5;
        top: 75px;
    }

    .timeline ul {
        padding: 0;
        margin: 0;
    }

        .timeline ul li {
            list-style: none;
            position: relative;
            width: 50%;
            padding: 15px 40px;
            box-sizing: border-box;
        }

            .timeline ul li:nth-child(odd) {
                float: left;
                text-align: right;
                clear: both;
            }

            .timeline ul li:nth-child(even) {
                float: right;
                text-align: left;
                clear: both;
            }

    .timeline .content {
        padding-bottom: 20px;
    }

    .timeline ul li:nth-child(odd):before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 24px;
        right: -6px;
        background: var(--deskot-secondary-base);
        border-radius: 50%;
        box-shadow: 0 0 0 3px var(--deskot-base);
    }

    .timeline ul li:nth-child(even):before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 24px;
        left: -4px;
        background: var(--deskot-secondary-base);
        border-radius: 50%;
        box-shadow: 0 0 0 3px var(--deskot-base);
    }

    .timeline ul li h3 {
        color: var(--deskot-base);
        font-weight: 600;
        font-size: var(--fs-22, 22px);
    }

    .timeline ul li p {
        margin: 10px 0 0;
        padding: 0;
        font-weight: 700;
        color: var(--deskot-black2);
    }

    .timeline ul li span.read-more {
        text-decoration: underline;
        cursor: pointer;
        font-size: var(--fs-16, 16px);
        font-weight: 600;
    }

    .timeline ul li .time h4 {
        margin: 0;
        padding: 0;
        font-size: var(--fs-16, 16px);
        color: inherit;
    }

    .timeline ul li:nth-child(odd) .time {
        position: absolute;
        top: 12px;
        right: -95px;
        margin: 0;
        padding: 8px 16px;
        background: var(--deskot-secondary-base);
        color: var(--deskot-base);
        border-radius: 18px;
        box-shadow: 0 0 0 3px var(--deskot-base);
    }

    .timeline ul li:nth-child(even) .time {
        position: absolute;
        top: 12px;
        left: -95px;
        margin: 0;
        padding: 8px 16px;
        background: var(--deskot-base);
        color: var(--deskot-secondary-base);
        border-radius: 18px;
        box-shadow: 0 0 0 3px var(--deskot-secondary-base);
    }

@media(max-width:1000px) {
    .timeline {
        width: 100%;
    }
}

@media(max-width:767px) {
    .timeline {
        width: 100%;
        padding-bottom: 0;
    }

        .timeline:before {
            left: 20px;
            top: 35px;
            height: 82%;
        }

        .timeline ul li:nth-child(odd),
        .timeline ul li:nth-child(even) {
            width: 100%;
            text-align: left;
            padding-left: 50px;
            padding-bottom: 50px;
        }

            .timeline ul li:nth-child(odd):before,
            .timeline ul li:nth-child(even):before {
                top: -18px;
                left: 16px;
            }

            .timeline ul li:nth-child(odd) .time,
            .timeline ul li:nth-child(even) .time {
                top: -30px;
                left: 50px;
                right: inherit;
            }
}


/*#endregion About Us History*/





.contact-us-main-container .contact-grid {
    background: #ffffff;
    box-shadow: 0px 4px 9px -1px rgb(19 16 34 / 3%), 0px 4.4px 20px -1px rgb(19 16 34 / 5%);
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 24px;
    text-align: left;
}

    .contact-us-main-container .contact-grid.con-info .contact-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

        .contact-us-main-container .contact-grid.con-info .contact-content .contact-details h6 {
            font-size: var(--fs-14, 14px);
        }

        .contact-us-main-container .contact-grid.con-info .contact-content .contact-details .contact-detail-data {
            color: var(--deskot-secondary-base);
            font-size: var(--fs-16, 16px);
            font-weight: 500;
        }

    .contact-us-main-container .contact-grid.con-info .contact-icon {
        margin-bottom: 0;
        margin: 0 15px 0 0;
    }

.contact-us-main-container .contact-icon span {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid var(--deskot-base);
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin: auto;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: var(--fs-32, 32px);
    color: var(--deskot-secondary-base);
}




.associates-office-card-container {
    perspective: 1000px;
}

.associates-office-card {
    background: transparent;
    height: 100%;
}

.associates-office-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
}

.associates-office-card-container:hover .associates-office-card-inner {
    transform: rotateY(180deg);
}

/* Front & Back */
.associates-office-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    text-align: center;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .associates-office-card-front .associates-office-image-container {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        padding: 30px;
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: flex-end;
        background: linear-gradient(179.97deg, rgba(32, 32, 32, 0) 20.42%, #202020 99.97%);
    }

        .associates-office-card-front .associates-office-image-container img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1);
            transition: all 0.65s ease-in-out;
            border-radius: 10px;
            margin-bottom: 20px;
            border-bottom: 2px solid var(--deskot-secondary-base);
        }

        .associates-office-card-front .associates-office-image-container .content {
            text-align: left;
            margin-bottom: 0px;
            transition: all 0.65s ease-in-out;
            width: 100%;
        }

            .associates-office-card-front .associates-office-image-container .content .read-more {
                color: var(--deskot-base, #ff5a1e);
                transition: all 400ms ease;
            }

            .associates-office-card-front .associates-office-image-container .content h4 {
                font-size: 1.5rem;
                font-weight: 700;
                color: var(--deskot-white);
                position: relative;
                padding-bottom: 8px;
            }

                .associates-office-card-front .associates-office-image-container .content h4::after {
                    content: "";
                    width: 60px;
                    height: 2px;
                    border-radius: 5px;
                    background: var(--deskot-base);
                    position: absolute;
                    left: 0px;
                    bottom: 0;
                }

            .associates-office-card-front .associates-office-image-container .content p {
                font-size: var(--fs-13, 13px);
                font-weight: 500;
                color: var(--deskot-white);
                margin-bottom: 0px;
            }


.associates-office-card-back {
    background: var(--deskot-base-lg);
    border-bottom: 5px solid var(--deskot-secondary-base);
    overflow-x: hidden;
    overflow-y: auto;
}

    .associates-office-card-back .back-header {
        position: sticky;
        top: 0px;
        background: var(--deskot-base);
        z-index: 999;
        padding: 10px 20px;
        border-bottom: 1px solid var(--deskot-secondary-base);
    }

        .associates-office-card-back .back-header h4 {
            font-size: var(--fs-20, 20px);
            font-weight: 500;
            color: var(--deskot-secondary-base);
            position: relative;
            padding: 5px 0px;
            margin: 0;
        }
/* Front */
.associates-office-card-front img {
    width: 100%;
    height: 200px;
    object-fit: contain; /* prevents stretching */
    margin-bottom: 20px;
    border-bottom: 2px solid var(--deskot-base);
}

/* Back */
.associates-office-card-back {
    transform: rotateY(180deg);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    backface-visibility: hidden;
}

.associates-office-desc {
    padding: 20px;
}

    .associates-office-desc p {
        margin-top: 1rem;
    }



.flag-state-services .flag-state-service-detail p.service-card__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.socio-captcha-badge {
    width: 256px;
    height: 60px;
    display: block;
    transition: right 0.3s ease 0s;
    position: fixed;
    bottom: 14px;
    right: -186px;
    box-shadow: grey 0px 0px 5px;
    border-radius: 2px;
    overflow: hidden;
    z-index: 99999;
    background-color: #fff;
}

    .socio-captcha-badge .socio-icon {
        background-size: 40px !important;
        margin: 10px 15px 0 15px;
        height: 40px;
        width: 40px;
        background: url(/assets/img/icons/whatsapp-icon.svg);
        background-repeat: no-repeat;
        display: block;
    }




.whatsapp-connect-btn {
    position: fixed;
    bottom: 15px;
    right: 20px;
    height: 48px;
    width: 48px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--deskot-base-lg);
    border-radius: 50%;
    border: 1px solid var(--deskot-base);
    cursor: pointer;
    z-index: 9999999;
}

    .whatsapp-connect-btn img {
        height: 35px;
        margin-top: 25px;
    }

    .whatsapp-connect-btn .support-text {
        position: absolute;
        right: 60px; 
        top: 50%;
        transform: translateY(-50%) translateX(10px);
        opacity: 0;
        white-space: nowrap;
        background: var(--deskot-base-lg);
        border: 1px solid var(--deskot-base);
        padding: 6px 12px;
        border-radius: 20px;
        transition: all 0.4s ease;
        pointer-events: none;
    }

    /* hover effect */
    .whatsapp-connect-btn img:hover + .support-text {
        opacity: 1;
        pointer-events: all;
        transform: translateY(-50%) translateX(0);
    }




.funnel-wrapper {
    max-width: 700px;
    margin: auto;
}

.funnel-item {
    margin-bottom: 12px;
}

.funnel-step {
    position: relative;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-20, 20px);
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
    cursor: pointer;
    transition: .3s ease;
    clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 6% 100%);
}

    .funnel-step .process-step-detail-header {
        gap: 10px;
        margin: 0px 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

        .funnel-step .process-step-detail-header span.title {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            line-height: 36px;
        }

        .funnel-step .process-step-detail-header img {
            height: 32px;
        }

    .funnel-step:hover {
        transform: scale(1.02);
    }

    .funnel-step.active {
        box-shadow: 0 10px 25px rgba(0,0,0,.15);
    }

/* Widths */

.step-1 {
    width: 100%;
    background: var(--deskot-base);
    color: var(--deskot-black);
}

.step-2 {
    width: 92%;
    background: #fddc1c;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-3 {
    width: 84%;
    background: #fde237;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-4 {
    width: 76%;
    background: #fee852;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-5 {
    width: 68%;
    background: #feee6d;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-6 {
    width: 60%;
    background: #fff388;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-7 {
    width: 52%;
    background: #fff69c;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.step-8 {
    width: 44%;
    background: #fff9ad;
    color: var(--deskot-secondary-base);
    margin-left: auto;
    margin-right: auto;
}

.funnel-step {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, opacity .35s ease, filter .35s ease, color .45s ease;
}

    /* =========================================
   PREMIUM HOVER LIFT
========================================= */

    .funnel-step:hover {
        transform: translateY(-3px) scale(1.02);
    }

    /* =========================================
   SHINE SWEEP EFFECT
========================================= */

    .funnel-step::before {
        content: '';
        position: absolute;
        top: 0;
        left: -120%;
        width: 60%;
        height: 100%;
        background: linear-gradient( 120deg, transparent, rgba(255,255,255,.35), transparent );
        transform: skewX(-20deg);
        transition: .8s;
        z-index: 3;
    }

    .funnel-step:hover::before {
        left: 140%;
    }

    /* =========================================
   BLUE FILL ANIMATION LAYER
========================================= */

    .funnel-step::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: linear-gradient( 135deg, #0b2c43 0%, #0f3854 40%, #1f5e87 100% );
        transition: width .75s cubic-bezier(.22,1,.36,1);
        z-index: 1;
    }

    /* =========================================
   CONTENT ABOVE EFFECTS
========================================= */

    .funnel-step .process-step-detail-header {
        position: relative;
        z-index: 5;
    }

    /* =========================================
   CURRENT ACTIVE STEP
========================================= */

    .funnel-step.current {
        transform: scale(1.04);
        box-shadow: 0 14px 40px rgba(15,56,84,.35), 0 0 30px rgba(31,94,135,.18);
        filter: brightness(1.03);
    }

    /* =========================================
   COMPLETED STEPS
========================================= */

    .funnel-step.completed {
        color: var(--deskot-base);
        box-shadow: 0 10px 30px rgba(15,56,84,.25);
    }

        /* animate blue fill */
        .funnel-step.completed::after {
            width: 100%;
        }

    .funnel-step.current::after {
        animation: activeGlow 2s infinite alternate;
    }

@keyframes activeGlow {

    from {
        filter: brightness(1);
    }

    to {
        filter: brightness(1.12);
    }
}
/* smooth detail animation */
.detail-box {
    opacity: 0;
    transform: translateY(12px);
    max-height: 0;
    overflow: hidden;
    transition: opacity .45s ease, transform .45s ease, max-height .45s ease, padding .45s ease;
}

    .detail-box.active {
        opacity: 1;
        transform: translateY(0);
        max-height: 300px;
    }

/* icon animation */
.funnel-step img {
    transition: transform .45s ease;
}

/* Detail Box */

.detail-box {
    display: none;
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    margin-top: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
    animation: fadeIn .3s ease;
    border-bottom: 5px solid var(--deskot-secondary-base);
}

    .detail-box.active {
        display: block;
    }

    .detail-box h4 {
        font-size: var(--fs-22, 22px);
        font-weight: 600;
        margin-bottom: 10px;
        color: var(--deskot-secondary-base);
        text-align: center;
    }

    .detail-box p {
        margin: 0;
        line-height: 1.8;
        text-align: center;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width:576px) {
    .funnel-step {
        height: 50px;
        font-size: var(--fs-14, 14px);
    }

    .detail-box {
        padding: 20px;
    }

        .detail-box h4 {
            font-size: var(--fs-20, 20px);
        }
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    z-index: 9999999;
}


.testi-card3 {
    position: relative;
    padding: 30px 50px 50px;
}

    .testi-card3 .testi-card-shape {
        position: absolute;
        inset: 0;
        background: var(--deskot-secondary-base-lg);
        z-index: -1;
    }

    .testi-card3 .testi-card_review {
        background: var(--deskot-base);
        right: 0;
        top: 0;
        position: absolute;
        border-radius: 50px 0 50px 50px;
        font-size: var(--fs-16, 16px);
        font-weight: 500;
        color: #fff;
        padding: 27px 27px;
    }

        .testi-card3 .testi-card_review i {
            color: #FFAC00;
        }

    .testi-card3 .testi-card_profile .testi-card_name {
        font-size: var(--fs-22, 22px);
        font-weight: 600;
        margin-bottom: 0;
        color: var(--deskot-secondary-base);
    }

    .testi-card3 .testi-card_profile .testi-card_desig {
        font-weight: 600;
        margin-bottom: -0.3em;
        color: var(--deskot-black);
        font-size: var(--fs-18, 18px);
    }

    .testi-card3 .testi-card_text {
        font-weight: 600;
        margin-bottom: -0.4em;
        margin-top: 15px;
    }

@media screen and (min-width: 320px) and (max-width: 767px) {

    .testimonials-one__wrapper {
        padding: 0px;
        background-color: #fff;
    }
    .testimonials-one__carousel.owl-carousel .owl-nav {
       display:none;
    }

        .testi-card3 .testi-card_review {
            padding: 10px 20px;
        }
    .testi-card3 .testi-card_profile .testi-card_name {
        font-size: var(--fs-16, 16px);
        margin-bottom: 10px;
    }
    .testi-card3 .testi-card_profile {
        display: block;
        margin-top: 20px;
    }
    .testi-card3 .testi-card_profile .testi-card_desig {
        font-weight: 500;
        color: var(--deskot-black);
        font-size: var(--fs-16, 16px);
    }

    #hp-service-section-dp {
        display: none !important;
    }

    #hp-service-section-mb {
        display: block !important;
    }
}

#hp-service-section-dp {
    display: block;
}

#hp-service-section-mb {
    display: none;
}


@media (max-width: 1199px) {
    .testi-card3 {
        padding: 60px 40px 90px;
    }
}

@media (max-width: 991px) {
    .testi-card3 {
        padding: 60px 60px 100px;
    }
}

@media (max-width: 575px) {
    .testi-card3 {
        padding: 40px 40px 80px;
    }

        .testi-card3 .box-thumb {
            margin-bottom: 20px;
        }
}


.footer-section {
    color: #fff;
    padding: 30px 0 15px;
    position: relative;
    border-top: 5px solid var(--deskot-base);
    border-radius: 2rem 0px 0px 0px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 99;
    background-color: var(--deskot-base-lg);
}


    .footer-section .footer_offices-detail {
        margin-top: 20px;
        border-top: 1px solid var(--deskot-base);
        padding: 20px 0px;
    }

    .footer-section .footer_actions h4 {
        color: var(--deskot-base);
        font-weight: 700;
    }

    .footer-section .footer_actions h5 {
        color: var(--deskot-base);
        font-size: var(--fs-20, 20px);
        font-weight: 700;
        line-height: 30px;
    }

    .footer-section .footer_offices-detail p {
        color: var(--deskot-secondary-base);
        font-weight: 400;
        font-size: var(--fs-14, 14px);
    }

    .footer-section .footer_contact-items {
        margin-top: 30px;
    }

        .footer-section .footer_contact-items p {
            display: flex;
            gap: 10px;
            align-items: center;
            margin: 10px 0px;
        }

            .footer-section .footer_contact-items p span.icon {
                width: 40px;
                height: 40px;
                background: var(--deskot-secondary-base);
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                font-size: var(--fs-26, 26px);
                transition: 0.3s ease;
            }

            .footer-section .footer_contact-items p a {
                font-size: var(--fs-16, 16px);
                font-weight: 500;
                color: var(--deskot-secondary-base);
            }

    .footer-section .footer_items {
        margin-top: 15px;
        padding-left: 0px;
        list-style: none;
    }
       

        .footer-section .footer_items li a {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            color: var(--deskot-secondary-base);
        }

    .footer-section .footer-bottom p {
        color: var(--deskot-secondary-base);
    }

.footer-logo img {
    max-width: 230px;
}

.footer-description {
    font-size: var(--fs-16, 16px);
    line-height: 1.8;
    color: var(--deskot-secondary-base);
}

.footer-links {
    font-size: var(--fs-16, 16px);
}

    .footer-links a {
        color: var(--deskot-secondary-base);
        text-decoration: none;
        margin: 0 8px;
        transition: 0.3s ease;
    }

        .footer-links a:hover {
            color: var(--deskot-secondary-base);
        }

    .footer-links span {
        color: #777;
    }

.footer-social a {
    width: 40px;
    height: 40px;
    background: var(--deskot-secondary-base);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--fs-16, 16px);
    transition: 0.3s ease;
}

    .footer-social a i {
        font-size: var(--fs-26, 26px);
    }

    .footer-social a:hover {
        background: #d5b142;
        color: #000;
    }

.footer-bottom {
    border-top: 1px solid var(--deskot-base);
    font-size: var(--fs-14, 14px);
    color: #aaa;
}

    .footer-bottom .highlight {
        color: #d5b142;
        text-decoration: none;
    }

        .footer-bottom .highlight:hover {
            text-decoration: underline;
        }

/* Responsive */
@media (max-width: 991px) {
    .footer-content {
        text-align: center !important;
    }
}

@media (max-width: 576px) {
    .footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
    }

        .footer-links span {
            display: none;
        }

        .footer-links a {
            margin: 0 5px;
        }
}

.footer-section .vacancy-group h5 {
    color: var(--deskot-base);
    font-size: var(--fs-20, 20px);
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0px;
}

.footer-section .vacancy-group .title-border {
    display: block;
    width: 70px;
    height: 2px;
    background: var(--deskot-secondary-base);
    border-radius: 20px;
    margin-top: 5px;
}

#vessel-types-section {
    display: block;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    #vessel-types-section {
        display: none;
    }
}


.downloadable-file-card {
    border: 1px solid var(--deskot-secondary-base);
    height: 100%;
    padding: 0px 15px 0px 0px;
    align-items: center;
}

    .downloadable-file-card .content-wrapper {
        padding: 10px 0px;
    }

    .downloadable-file-card .btn-download {
        color: var(--deskot-secondary-base);
        display: flex;
        align-items: center;
        color: var(--deskot-secondary-base);
        gap: 10px;
    }
    .downloadable-file-card .content {
        text-align: left;
        display: flex;
        align-items: center;
        padding-top: 10px;
    }

    /* LEFT SIDE FIXED WIDTH */
    .downloadable-file-card .icon-wrapper {
        position: relative;
        width: 70px;
        min-width: 70px; /* prevents shrinking */
        display: flex;
        justify-content: center;
        height: 100%;
    }



        /* Vertical line full height */
        .downloadable-file-card .icon-wrapper::before {
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            background: var(--deskot-secondary-base);
            left: 50%;
            transform: translateX(-50%);
        }

    /* Icon box centered */
    .downloadable-file-card .icon-box {
        position: relative;
        z-index: 1;
        margin: 15px 0px;
        display: flex;
        background-color: var(--deskot-base-lg);
        padding: 5px;
        border-radius: 5px;
        width: 50px;
        height: 60px;
    }

        .downloadable-file-card .icon-box img {
            height: 30px;
            width: 30px;
            margin-top: 10px;
            margin-left: 5px;
        }

    /* CONTENT */
    .downloadable-file-card h5 {
        font-size: var(--fs-16, 16px);
        font-weight: 600;
        color: var(--deskot-secondary-base);
        margin-bottom: 0px;
    }

    .downloadable-file-card .desc {
        font-size: var(--fs-16, 16px);
        color: var(--deskot-black);
        line-height: 1.7;
        min-height: 70px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }



.client-box {
    background: #fbf8f6;
    border-radius: 12px;
    padding: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
}

    .client-box img {
        max-height: 100px;
        max-width: 140px;
        width: auto;
        transition: all 0.3s ease;
    }

    .client-box:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    }

        .client-box:hover img {
            transform: scale(1.05);
        }

/* Responsive spacing */
@media (max-width: 991px) {
    .client-box {
        height: 100px;
    }
}




#pdfContainer {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

    #pdfContainer canvas {
        display: block;
        margin: 0 auto 15px;
        max-width: 100%;
        height: auto;
    }

.pdf-popup {
    max-width: 900px;
}

@media (max-width:768px) {

    .pdf-popup {
        width: 100% !important;
        margin: 0;
        border-radius: 0;
        height: 100vh;
    }

    .swal2-html-container {
        margin: 0;
    }

    #pdfContainer {
        max-height: 85vh;
    }
}

.highlighter-para {
    border: 1px solid rgba(32, 32, 32, 0.07);
    border-radius: 10px;
    padding: 20px;
    margin-top: 32px;
    background: var(--deskot-base-lg);
    text-align: center;
    border-left: 5px solid var(--deskot-base);
}

    .highlighter-para p {
        color: var(--deskot-secondary-base, #444444);
        font-size: var(--fs-18, 18px);
    }

    .highlighter-para h6 {
        color: var(--deskot-secondary-base, #444444);
        font-size: var(--fs-18, 18px);
    }

@media screen and (min-width: 320px) and (max-width: 767px) {
    .hero-video-section .hero-content h1 {
        font-size: var(--fs-45, 45px);
        font-weight: 700;
    }

    .why-choose__video__box {
        top: 40%;
    }

    .swal2-html-container .left-img-float-section.pop-up-section {
        text-align: center;
    }

    .swal2-html-container .left-img-float-section .cover-img-no-sibling {
        width: 100%;
        float: none;
        margin: 0px 0px 25px 0px;
    }

    .main-header__logo img {
        min-height: 40px;
        width: 280px;
    }
}

h2.swal2-title {
    font-size: 16px !important;
    margin: 0px 10px !important;
}

div.swal2-html-container {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.swal2-success-ring {
    border: 0.25em solid var(--deskot-base) !important;
}

.swal2-success [class^=swal2-success-line] {
    background-color: var(--deskot-base) !important;
}


#gl_custom_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 15px;
    background-color: var(--deskot-base-lg);
    color: var(--deskot-secondary-base);
    font-weight: 600;
    font-size: var(--fs-16);
    display:none;
}


.vacancy-filters {
    margin-bottom: 30px;
}


.vacancy-type-detail h4 {
    font-size: var(--fs-14, 14px);
    color: var(--deskot-secondary-base);
    font-weight: 600;
}

.vacancy-title {
    font-size: var(--fs-22);
    font-weight: 600;
    color: var(--deskot-secondary-base);
    position: relative;
    padding-bottom: 8px;
}


@media(max-width:576px) {
    .filter-box {
        padding: 15px;
    }
}

/*==============================
    VACANCY CARD
==============================*/

.vacancy-card {
    position: relative;
    background: #fff;
    border: 1px solid #e9edf3;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: .35s;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

    .vacancy-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 25px 60px rgba(0,0,0,.12);
    }

    /* Left Yellow Accent */

    .vacancy-card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 6px;
        height: 100%;
        background: var(--deskot-base);
    }


/*==============================
HEADER
==============================*/

.vacancy-header {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 28px 32px 18px;
}


.vacancy-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #FFF8E7;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

    .vacancy-icon:before {
        content: "";
        position: absolute;
        inset: -8px;
        border-radius: 50%;
        border: 1px solid rgba(255,193,7,.15);
    }

    .vacancy-icon img {
        width: 48px;
    }

.vacancy-heading {
    flex: 1;
}

    .vacancy-heading h3 {
        margin: 0;
        font-size: 22px;
        font-weight: 700;
        color: var(--deskot-secondary-base);
        line-height: 1.2;
    }

    /* Yellow underline */

    .vacancy-heading span {
        display: block;
        width: 70px;
        height: 4px;
        background: var(--deskot-base);
        border-radius: 30px;
        margin-top: 12px;
        position: relative;
    }

        .vacancy-heading span:after {
            content: "•••";
            color: var(--deskot-base);
            font-size: 18px;
            position: absolute;
            left: 82px;
            top: -13px;
        }


/*==============================
BODY
==============================*/

.vacancy-body {
    padding: 10px 15px 0;
}

/*==============================
ROW
==============================*/

.vacancy-row {
    display: grid;
    grid-template-columns: 240px 1fr;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #edf1f5;
}

    .vacancy-row:last-child {
        border-bottom: none;
    }


    /* Left */

    .vacancy-row .left {
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
    }

        /* vertical divider */

        .vacancy-row .left:after {
            content: "";
            position: absolute;
            right: -10px;
            top: 4px;
            width: 1px;
            height: 26px;
            background: #E4E7EC;
        }


    /* Icon Box */

    .vacancy-row .icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        background: #FFF8E8;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #444;
        font-size: 22px;
        flex-shrink: 0;
    }

    /* Label */

    .vacancy-row .left span {
        font-size: 16px;
        font-weight: 600;
        color: var(--deskot-secondary-base);
    }

    /* Value */

    .vacancy-row .right {
        font-size: 16px;
        color: #5f6673;
        line-height: 1.6;
    }


/*==================================
FOOTER
==================================*/

.vacancy-footer {
    position: relative;
    margin-top: auto;
    padding: 28px;
    border-top: 1px solid #edf1f5;
    background: linear-gradient(180deg,#ffffff 0%,#fffdf8 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Decorative Pattern */

.footer-pattern {
    position: absolute;
    right: 24px;
    bottom: 20px;
    width: 70px;
    height: 50px;
    opacity: .25;
    background-image: radial-gradient(var(--deskot-base) 1.6px, transparent 1.6px);
    background-size: 10px 10px;
}

/*==================================
BUTTON
==================================*/

.vacancy-footer .deskot-btn .deskot-btn__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    font-size: var(--fs-18, 18px);
    color: var(--deskot-white, #ffffff);
}

 

.vacancy-footer .deskot-btn__text {
    font-weight: 700;
}

.vacancy-footer .deskot-btn__icon {
    width: 22px;
    height: 22px;
    font-size: 18px;
}

/*==================================
ROW HOVER
==================================*/

.vacancy-row {
    transition: .30s;
}

        .vacancy-row:hover .icon {
            background: var(--deskot-base);
            color: #fff;
        }

    .vacancy-row .icon {
        transition: .35s;
    }

    .vacancy-row:hover .right {
        color: #16304f;
    }


/*==================================
TABLET
==================================*/

@media (max-width:991px) {

    .vacancy-header {
        gap: 18px;
        padding: 25px;
    }

    .vacancy-heading h3 {
        font-size: 32px;
    }

    .vacancy-icon {
        width: 78px;
        height: 78px;
    }

        .vacancy-icon img {
            width: 42px;
        }

    .vacancy-body {
        padding: 10px 24px;
    }

    .vacancy-row {
        grid-template-columns: 200px 1fr;
        gap: 16px;
        padding: 16px 0;
    }

        .vacancy-row .left span {
            font-size: 17px;
        }

        .vacancy-row .right {
            font-size: 16px;
        }
}

/*==================================
MOBILE
==================================*/

@media (max-width:767px) {

    .vacancy-card {
        border-radius: 20px;
    }

        .vacancy-card:after {
            display: none;
        }

    .vacancy-header {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 16px;
        padding: 22px;
    }

    .vacancy-heading h3 {
        font-size: 28px;
    }

    .vacancy-heading span {
        width: 55px;
    }

        .vacancy-heading span:after {
            display: none;
        }

    .vacancy-body {
        padding: 5px 20px 0;
    }

    .vacancy-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 14px 0;
    }

        .vacancy-row .left {
            gap: 12px;
        }

            .vacancy-row .left:after {
                display: none;
            }

            .vacancy-row .left span {
                font-size: 16px;
            }

        .vacancy-row .right {
            padding-left: 56px;
            font-size: 15px;
        }

    .vacancy-footer {
        padding: 22px;
    }

        .vacancy-footer .deskot-btn {
            width: 100%;
            min-width: unset;
            height: 56px;
            font-size: 18px;
        }

    .footer-pattern {
        display: none;
    }
}

/*==================================
SMALL MOBILE
==================================*/

@media (max-width:420px) {

    .vacancy-header {
        padding: 18px;
    }

    .vacancy-body {
        padding: 0 18px;
    }

    .vacancy-footer {
        padding: 18px;
    }

    .vacancy-heading h3 {
        font-size: 24px;
    }

    .vacancy-icon {
        width: 68px;
        height: 68px;
    }

        .vacancy-icon img {
            width: 36px;
        }
}

.main-header .sidebar-btn__toggler {
    animation: premiumCTA 2.5s ease-in-out infinite;
}

@keyframes premiumCTA {
    0%,100% {
        background: var(--deskot-secondary-base);
        box-shadow: 0 0 0 rgba(255,90,30,0);
    }

    50% {
        background: var(--deskot-base,#ff5a1e);
        box-shadow: 0 0 18px rgba(255,90,30,.45);
    }
}


.job-application-card {
    display: flex;
    align-items: center;
    gap: 35px;
    background: #fff;
    border: 1px solid #f2d35b;
    border-left: 8px solid #ffc400;
    border-radius: 18px;
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    padding: 28px 35px;
    margin: 40px auto;
    max-width: 1200px;
}

/*----------------------*/
/* Success Icon */
/*----------------------*/

.job-success {
    flex: 0 0 120px;
    display: flex;
    justify-content: center;
}

.job-success-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: var(--deskot-base-lg);
    border: 3px solid var(--deskot-base);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .job-success-circle::before {
        content: "";
        position: absolute;
        width: 120px;
        height: 120px;
        background-image: radial-gradient(#d9d9d9 1.5px, transparent 1.5px);
        background-size: 18px 18px;
        opacity: .4;
        border-radius: 50%;
    }

    .job-success-circle i {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid var(--deskot-base);
        color: var(--deskot-base);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        z-index: 2;
    }

/*----------------------*/
/* Content */
/*----------------------*/

.job-content {
    flex: 1;
}

.job-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--deskot-base);
    margin-bottom: 5px;
}

.job-title {
    margin: 0;
    font-size: 22px;
    color: var(--deskot-secondary-base);
    font-weight: 600;
    line-height: 1.3;
}

/*----------------------*/
/* Meta */
/*----------------------*/

.job-info {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 22px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--deskot-base-lg);
    border-radius: 50px;
    padding: 12px 20px;
    font-size: 15px;
    color: #555;
    transition: .3s;
}

    .info-item i {
        color: #ffc400;
        font-size: 16px;
    }

    .info-item strong {
        color: #163a5b;
    }

/*======================
Responsive
=======================*/

@media(max-width:991px) {

    .job-application-card {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
        gap: 20px;
    }

    .job-success {
        flex: unset;
    }

    .job-title {
        font-size: 30px;
    }

    .job-info {
        justify-content: center;
    }
}

@media(max-width:767px) {

    .job-title {
        font-size: 24px;
    }

    .job-info {
        flex-direction: column;
    }

    .info-item {
        width: 100%;
        justify-content: center;
    }

    .job-success-circle {
        width: 75px;
        height: 75px;
    }

        .job-success-circle i {
            width: 42px;
            height: 42px;
            font-size: 18px;
        }
}

@media(max-width:480px) {

    .job-application-card {
        padding: 20px 15px;
        border-radius: 14px;
    }

    .job-title {
        font-size: 20px;
    }

    .job-label {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .info-item {
        font-size: 14px;
        padding: 10px 15px;
    }
}

.blog-detail-section,
.blog-detail-section * {
    font-family: var(--deskot-font, "Mulish", sans-serif) !important;
}