/* =========================================
   MYOZEE HEADER
   NO BOOTSTRAP
========================================= */

* {
    box-sizing: border-box;
}








/* =========================================
   HEADER MAIN
========================================= */

.myo-header11 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;

    padding: 0 2.2% 6px 2.2%;

    animation: myoHeaderAppear113 1s ease forwards;
}


/* =========================================
   HEADER CONTAINER
========================================= */

.myo-header-container22 {
    width: 100%;
    min-height: 108px;

    padding: 10px 32px;

    display: flex;
    align-items: center;

    background: rgba(255, 255, 255, 0.98);

    border-radius: 0 0 34px 34px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.10);

    position: relative;

    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease;
}


/* =========================================
   LOGO
========================================= */

.myo-logo33 {
    width: 160px;
    min-width: 160px;

    display: flex;
    align-items: center;

    text-decoration: none;

    animation: myoLogoReveal114 1s ease 0.15s forwards;

    opacity: 0;
}

.myo-logo33 img {
    width: 100%;
    max-width: 100%;

    height: auto;

    display: block;

    object-fit: contain;
}


/* =========================================
   NAVIGATION
========================================= */

.myo-navigation44 {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 38px;

    margin-left: 25px;
    margin-right: 28px;
}


/* =========================================
   NAV LINKS
========================================= */

.myo-nav-link55 {
    height: 108px;

    display: flex;
    align-items: center;

    position: relative;

    color: #26384a;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    white-space: nowrap;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.myo-nav-link55 span {
    position: relative;
    z-index: 2;
}

.myo-nav-link55::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 30px;

    width: 0;
    height: 3px;

    transform: translateX(-50%);

    border-radius: 20px;

    background: #61c3d0;

    transition:
        width 0.35s ease;
}

.myo-nav-link55:hover {
    color: #333133;

    transform: translateY(-2px);
}

.myo-nav-link55:hover::after,
.myo-nav-link55.active::after {
    width: 54px;
}

.myo-nav-link55.active {
    color: #26384a;
}


/* =========================================
   RIGHT ACTIONS
========================================= */

.myo-header-actions88 {
    display: flex;
    align-items: center;

    gap: 20px;

    animation: myoActionsReveal115 1s ease 0.35s forwards;

    opacity: 0;
}


/* =========================================
   PHONE BUTTON
========================================= */

.myo-phone-btn99 {
   

    padding: 15px 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 13px;

    border-radius: 50px;

    background: #61c3d0;

    color: #fff;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    box-shadow:
        0 8px 20px rgba(97, 195, 208, 0.24);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.myo-phone-btn99::before {
    content: "";

    position: absolute;

    width: 0;
    height: 100%;

    top: 0;
    left: 0;

    background: #4fb3c1;

    border-radius: 50px;

    transition: width 0.4s ease;

    z-index: 0;
}

.myo-phone-btn99 > * {
    position: relative;
    z-index: 2;
}

.myo-phone-btn99:hover {
    transform: translateY(-3px);
    color: #fff;
    box-shadow:
        0 13px 28px rgba(97, 195, 208, 0.35);
}

.myo-phone-btn99:hover::before {
    width: 100%;
}


/* =========================================
   PHONE ICON
========================================= */

.myo-phone-icon100 {
    width: 17px;
    height: 17px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.myo-phone-icon100 svg {
    width: 22px;
    height: 22px;

    fill: #fff;

    transform: rotate(-8deg);

    transition:
        transform 0.35s ease;
}

.myo-phone-btn99:hover .myo-phone-icon100 svg {
    transform:
        rotate(0deg)
        scale(1.1);
}


/* =========================================
   APPOINTMENT BUTTON
========================================= */

.myo-appointment-btn111 {
   
    padding: 15px 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 15px;

    border-radius: 50px;

    background: #d34691;

    color: #fff;

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    white-space: nowrap;

    box-shadow:
        0 8px 20px rgba(211, 70, 145, 0.22);

    position: relative;

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.myo-appointment-btn111::before {
    content: "";

    position: absolute;

    width: 0;
    height: 100%;

    left: 0;
    top: 0;

    background: #c23882;

    border-radius: 50px;

    transition: width 0.4s ease;

    z-index: 0;
}

.myo-appointment-btn111 span {
    position: relative;
    z-index: 2;
}

.myo-appointment-btn111:hover {
    transform: translateY(-3px);
    color: #fff;
    box-shadow:
        0 13px 28px rgba(211, 70, 145, 0.34);
}

.myo-appointment-btn111:hover::before {
    width: 100%;
}


/* =========================================
   APPOINTMENT ARROW
========================================= */

.myo-appointment-arrow112 {
    font-size: 17px;

    line-height: 1;

    transition:
        transform 0.35s ease;
}

.myo-appointment-btn111:hover
.myo-appointment-arrow112 {
    transform: translateX(6px);
    color: #fff;
}


/* =========================================
   MOBILE MENU BUTTON
========================================= */

.myo-menu-btn66 {
    width: 48px;
    height: 48px;

    padding: 10px;

    border: none;
    border-radius: 12px;

    background: #61c3d0;

    display: none;

    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 5px;

    cursor: pointer;

    position: relative;

    z-index: 10001;
}

.myo-menu-btn66 span {
    width: 23px;
    height: 2px;

    display: block;

    background: #fff;

    border-radius: 10px;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}


/* =========================================
   MOBILE MENU ACTIVE
========================================= */

.myo-menu-btn66.menu-open span:nth-child(1) {
    transform:
        translateY(7px)
        rotate(45deg);
}

.myo-menu-btn66.menu-open span:nth-child(2) {
    opacity: 0;
}

.myo-menu-btn66.menu-open span:nth-child(3) {
    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoHeaderAppear113 {

    from {
        opacity: 0;
        transform: translateY(-25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes myoLogoReveal114 {

    from {
        opacity: 0;
        transform: translateX(-35px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes myoActionsReveal115 {

    from {
        opacity: 0;
        transform: translateX(35px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


/* =========================================
   MOBILE
   MAX WIDTH 768PX ONLY
========================================= */

@media (max-width: 768px) {

    .myo-header11 {
        padding: 0;
    }

    .myo-header-container22 {
        min-height: 78px;

        padding: 8px 18px;

        border-radius: 0 0 22px 22px;

        justify-content: space-between;
    }


    /* Logo */

    .myo-logo33 {
        width: 175px;
        min-width: 175px;
    }


    /* Hide desktop navigation */

    .myo-navigation44 {
        position: absolute;

        top: 100%;

        left: 12px;
        right: 12px;

        width: auto;

        margin: 0;

        padding: 15px;

        display: flex;
        flex-direction: column;

        gap: 0;

        background: #fff;

        border-radius: 0 0 20px 20px;

        box-shadow:
            0 15px 35px rgba(0, 0, 0, 0.12);

        opacity: 0;
        visibility: hidden;

        transform:
            translateY(-15px);

        transition:
            opacity 0.35s ease,
            visibility 0.35s ease,
            transform 0.35s ease;
    }

    .myo-navigation44.menu-active {
        opacity: 1;

        visibility: visible;

        transform:
            translateY(0);
    }


    /* Mobile nav links */

    .myo-nav-link55 {
        width: 100%;
        height: 48px;

        padding: 0 15px;

        justify-content: flex-start;

        border-bottom: 1px solid #eeeeee;

        font-size: 12px;
    }

    .myo-nav-link55:last-child {
        border-bottom: none;
    }

    .myo-nav-link55::after {
        display: none;
    }

    .myo-nav-link55:hover {
        transform: translateX(5px);

        color: #61c3d0;
    }


    /* Actions */

    .myo-header-actions88 {
        display: none;
    }


    /* Menu button */

    .myo-menu-btn66 {
        display: flex;
    }

}


/* =========================================
   LARGE DESKTOP
   MIN WIDTH 1440PX ONLY
========================================= */

@media (min-width: 1440px) {

    .myo-header11 {
        padding: 6px 2.1%;
    }

    .myo-header-container22 {
        min-height: 110px;

        padding: 10px 38px;

        border-radius: 0 0 36px 36px;
    }

    .myo-logo33 {
        width: 410px;
        min-width: 410px;
    }

    .myo-navigation44 {
        gap: 43px;

        margin-left: 35px;
        margin-right: 35px;
    }

    .myo-nav-link55 {
        font-size: 16px;
    }

    .myo-phone-btn99 {
        min-width: 300px;

        height: 67px;

        font-size: 17px;
    }

    .myo-appointment-btn111 {
        min-width: 300px;

        height: 67px;

        font-size: 17px;
    }

}









/* physiomotion banner sention css */



/* =========================================
   MYOZEE GYM HERO
   NO BOOTSTRAP
========================================= */

.myo-gym-hero11 {
    width: 100%;
    min-height: 100vh;

    position: relative;

    overflow: hidden;

    display: flex;
    align-items: center;

    background:
        radial-gradient(
            circle at 15% 45%,
            rgba(97, 195, 208, 0.10),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 25%,
            rgba(211, 70, 145, 0.08),
            transparent 27%
        ),
        #071923;

    color: #fff;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.myo-hero-glow22 {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(2px);

    opacity: 0.7;
}

.myo-glow-one23 {
    width: 450px;
    height: 450px;

    left: -250px;
    top: 30%;

    background:
        radial-gradient(
            circle,
            rgba(97, 195, 208, 0.18),
            transparent 70%
        );

    animation:
        myoGlowMove119 8s ease-in-out infinite;
}

.myo-glow-two24 {
    width: 500px;
    height: 500px;

    right: -300px;
    bottom: -180px;

    background:
        radial-gradient(
            circle,
            rgba(211, 70, 145, 0.15),
            transparent 70%
        );

    animation:
        myoGlowMove120 10s ease-in-out infinite;
}


/* =========================================
   DECORATIVE RINGS
========================================= */

.myo-hero-ring25 {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    border: 1px solid rgba(97, 195, 208, 0.35);

    transform: rotate(-20deg);

    animation:
        myoRingRotate121 18s linear infinite;
}

.myo-ring-one26 {
    width: 460px;
    height: 180px;

    right: 9%;
    top: 14%;
}

.myo-ring-two27 {
    width: 350px;
    height: 140px;

    right: 18%;
    bottom: 12%;

    border-color:
        rgba(247, 147, 46, 0.30);

    animation-duration: 14s;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.myo-gym-hero-container33 {
    width: 100%;
    max-width: 1380px;

    margin: 0 auto;

    padding: 150px 45px 80px;

    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(0, 1.08fr);

    align-items: center;

    gap: 50px;

    position: relative;

    z-index: 5;
}


/* =========================================
   LEFT CONTENT
========================================= */

.myo-gym-hero-content44 {
    position: relative;

    z-index: 5;

    opacity: 0;

    animation:
        myoContentReveal122 1s ease 0.2s forwards;
}


/* =========================================
   TOP LINE
========================================= */

.myo-hero-top-line55 {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 20px;
}

.myo-hero-top-line55 p {
    margin: 0;

    color: #dce9ec;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2.7px;
}

.myo-hero-top-line55 span {
    width: 18px;
    height: 2px;

    display: block;

    background: #61c3d0;

    border-radius: 20px;
}

.myo-hero-top-line55 .myo-pink-line56 {
    background: #d34691;
}


/* =========================================
   TITLE
========================================= */

.myo-hero-title66 {
    margin: 0 0 8px;

    font-size: clamp(65px, 7vw, 105px);

    line-height: 0.82;

    letter-spacing: -5px;

    font-weight: 800;
}

.myo-hero-title66 span {
    display: block;

    color: #fff;

    text-shadow:
        0 10px 35px rgba(0, 0, 0, 0.3);
}

.myo-hero-title66 strong {
    display: block;

    font-size: 0.83em;

    font-weight: 800;

    letter-spacing: -4px;

    background:
        linear-gradient(
            90deg,
            #61c3d0 0%,
            #21c9df 35%,
            #d34691 65%,
            #f7932e 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
}


/* =========================================
   MAIN HEADING
========================================= */

.myo-hero-heading77 {
    max-width: 600px;

    margin: 25px 0 17px;

    color: #fff;

    font-size: 27px;

    line-height: 1.35;

    font-weight: 600;
}

.myo-hero-heading77 span {
    color: #61c3d0;
}


/* =========================================
   DESCRIPTION
========================================= */

.myo-hero-description88 {
    max-width: 580px;

    margin: 0;

    color: rgba(255, 255, 255, 0.70);

    font-size: 14px;

    line-height: 1.8;

    font-weight: 400;
}


/* =========================================
   FEATURES
========================================= */

.myo-hero-features99 {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 22px;

    margin-top: 23px;
}

.myo-feature-item100 {
    display: flex;

    align-items: center;

    gap: 8px;

    color: #e8f1f3;

    font-size: 11px;

    font-weight: 500;
}

.myo-feature-dot101 {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #61c3d0;

    box-shadow:
        0 0 12px rgba(97, 195, 208, 0.7);

    animation:
        myoDotPulse123 2s ease-in-out infinite;
}

.myo-dot-pink102 {
    background: #d34691;

    box-shadow:
        0 0 12px rgba(211, 70, 145, 0.7);

    animation-delay: 0.4s;
}

.myo-dot-orange103 {
    background: #f7932e;

    box-shadow:
        0 0 12px rgba(247, 147, 46, 0.7);

    animation-delay: 0.8s;
}


/* =========================================
   BUTTON AREA
========================================= */

.myo-hero-buttons104 {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 25px;

    margin-top: 32px;
}


/* =========================================
   PRIMARY BUTTON
========================================= */

.myo-hero-primary105 {
    min-width: 210px;
    height: 55px;

    padding: 0 22px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 15px;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            #61c3d0,
            #d34691,
            #f7932e
        );

    color: #fff;

    text-decoration: none;

    font-size: 12px;

    font-weight: 600;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 12px 30px rgba(211, 70, 145, 0.20);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.myo-hero-primary105::before {
    content: "";

    position: absolute;

    width: 40px;
    height: 140px;

    top: -40px;
    left: -70px;

    background:
        rgba(255, 255, 255, 0.35);

    transform: rotate(25deg);

    transition:
        left 0.6s ease;
}

.myo-hero-primary105 span,
.myo-hero-primary105 b {
    position: relative;

    z-index: 2;
}

.myo-hero-primary105 b {
    font-size: 21px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}

.myo-hero-primary105:hover {
    transform: translateY(-4px);
    color: #fff;
    box-shadow:
        0 18px 38px rgba(211, 70, 145, 0.35);
}

.myo-hero-primary105:hover::before {
    left: 120%;
}

.myo-hero-primary105:hover b {
    transform: translateX(5px);
}


/* =========================================
   STORY BUTTON
========================================= */

.myo-hero-story106 {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #fff;

    text-decoration: none;

    font-size: 12px;

    font-weight: 500;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

.myo-hero-story106:hover {
    transform: translateX(5px);

    color: #61c3d0;
}


/* =========================================
   PLAY BUTTON
========================================= */

.myo-story-play107 {
    width: 51px;
    height: 51px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #fff;

    position: relative;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25);
}

.myo-story-play107::before {
    content: "";

    position: absolute;

    inset: -7px;

    border-radius: 50%;

    border: 1px solid rgba(97, 195, 208, 0.5);

    animation:
        myoPlayPulse124 2s ease-out infinite;
}

.myo-story-play107 i {
    width: 0;
    height: 0;

    margin-left: 4px;

    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #26384a;
}


/* =========================================
   RIGHT VISUAL
========================================= */

.myo-gym-hero-visual108 {
    min-height: 570px;

    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    opacity: 0;

    transform: translateX(50px);

    animation:
        myoVisualReveal125 1.1s ease 0.35s forwards;
}


/* =========================================
   IMAGE FRAME
========================================= */

.myo-image-frame109 {
    width: 100%;

    height: 570px;

    position: relative;

    overflow: hidden;

    border-radius:
        120px 28px 28px 28px;

    background: #102832;

    border:
        1px solid rgba(97, 195, 208, 0.22);

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.35);
}

.myo-image-frame109::before {
    content: "";

    position: absolute;

    inset: 12px;

    border:
        1px solid rgba(255, 255, 255, 0.12);

    border-radius:
        105px 20px 20px 20px;

    z-index: 3;

    pointer-events: none;
}

.myo-image-frame109 img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transform: scale(1.06);

    animation:
        myoImageZoom126 10s ease-in-out infinite alternate;
}


/* =========================================
   IMAGE SHADE
========================================= */

.myo-image-shade111 {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7, 25, 35, 0.35),
            transparent 45%,
            rgba(7, 25, 35, 0.12)
        );

    z-index: 2;

    pointer-events: none;
}


/* =========================================
   IMAGE GLOW
========================================= */

.myo-image-glow110 {
    position: absolute;

    width: 180px;
    height: 180px;

    right: -70px;
    top: -70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211, 70, 145, 0.5),
            transparent 68%
        );

    filter: blur(15px);

    z-index: 4;

    animation:
        myoImageGlow127 5s ease-in-out infinite;
}


/* =========================================
   FLOATING CARD
========================================= */

.myo-floating-card112 {
    position: absolute;

    left: -45px;
    bottom: 38px;

    min-width: 330px;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    gap: 15px;

    border-radius: 60px;

    background:
        rgba(255, 255, 255, 0.97);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.28);

    z-index: 10;

    animation:
        myoFloatingCard128 4s ease-in-out infinite;
}


/* =========================================
   FLOATING ICON
========================================= */

.myo-floating-icon113 {
    width: 52px;
    height: 52px;

    flex-shrink: 0;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #e9f7f9;
}

.myo-floating-icon113 svg {
    width: 32px;
    height: 32px;

    fill: none;

    stroke: #1d4154;

    stroke-width: 3;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* =========================================
   FLOATING TEXT
========================================= */

.myo-floating-text114 {
    display: flex;

    flex-direction: column;

    gap: 3px;
}

.myo-floating-text114 small {
    color: #6a7a81;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1.3px;
}

.myo-floating-text114 strong {
    color: #243d4a;

    font-size: 13px;

    font-weight: 700;
}


/* =========================================
   FLOATING ARROW
========================================= */

.myo-floating-arrow115 {
    margin-left: auto;

    font-size: 30px;

    line-height: 1;

    color: #f7932e;

    transition:
        transform 0.35s ease;
}

.myo-floating-card112:hover
.myo-floating-arrow115 {
    transform: translateX(6px);
}


/* =========================================
   VERTICAL TEXT
========================================= */

.myo-vertical-text116 {
    position: absolute;

    right: -58px;
    top: 70px;

    display: flex;

    flex-direction: column;

    gap: 2px;

    z-index: 6;

    font-size: 16px;

    line-height: 1.35;

    font-weight: 500;

    color: rgba(255, 255, 255, 0.90);

    letter-spacing: 0.5px;
}

.myo-vertical-text116 .myo-blue-text117 {
    color: #61c3d0;

    font-weight: 700;
}

.myo-vertical-text116 strong {
    color: #d34691;

    font-size: 25px;

    letter-spacing: 1px;
}


/* =========================================
   SCROLL INDICATOR
========================================= */

.myo-hero-scroll118 {
    position: absolute;

    left: 45px;
    bottom: 28px;

    display: flex;

    align-items: center;

    gap: 10px;

    z-index: 5;

    opacity: 0.7;
}

.myo-hero-scroll118 span {
    width: 34px;
    height: 1px;

    background: #61c3d0;

    position: relative;
}

.myo-hero-scroll118 span::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    right: 0;
    top: -3px;

    border-radius: 50%;

    background: #61c3d0;

    animation:
        myoScrollDot129 2s ease-in-out infinite;
}

.myo-hero-scroll118 p {
    margin: 0;

    color: rgba(255, 255, 255, 0.55);

    font-size: 8px;

    letter-spacing: 2px;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoContentReveal122 {

    from {
        opacity: 0;
        transform: translateY(35px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes myoVisualReveal125 {

    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes myoImageZoom126 {

    from {
        transform: scale(1.04);
    }

    to {
        transform: scale(1.10);
    }

}


@keyframes myoGlowMove119 {

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

    50% {
        transform: translate(50px, -30px);
    }

}


@keyframes myoGlowMove120 {

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

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

}


@keyframes myoRingRotate121 {

    0% {
        transform:
            rotate(-20deg)
            scale(1);
    }

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

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

}


@keyframes myoDotPulse123 {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.7);
        opacity: 0.6;
    }

}


@keyframes myoPlayPulse124 {

    0% {
        transform: scale(0.9);
        opacity: 0.8;
    }

    70% {
        transform: scale(1.25);
        opacity: 0;
    }

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

}


@keyframes myoImageGlow127 {

    0%,
    100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 0.9;
        transform: scale(1.2);
    }

}


@keyframes myoFloatingCard128 {

    0%,
    100% {
        transform: translateY(0);
    }

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

}


@keyframes myoScrollDot129 {

    0% {
        transform: translateX(0);
    }

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

    100% {
        transform: translateX(0);
    }

}


/* =========================================
   MOBILE
   ONLY MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .myo-gym-hero11 {
        min-height: auto;

        padding-bottom: 70px;
    }

    .myo-gym-hero-container33 {
        padding:
            125px 20px 70px;

        display: flex;

        flex-direction: column;

        gap: 45px;
    }


    /* Content */

    .myo-gym-hero-content44 {
        width: 100%;

        text-align: center;
    }

    .myo-hero-top-line55 {
        justify-content: center;

        gap: 6px;

        margin-bottom: 17px;
    }

    .myo-hero-top-line55 p {
        font-size: 7px;

        letter-spacing: 1.5px;
    }

    .myo-hero-top-line55 span {
        width: 12px;
    }


    /* Title */

    .myo-hero-title66 {
        font-size: 61px;

        letter-spacing: -3px;
    }

    .myo-hero-title66 strong {
        letter-spacing: -2px;
    }


    /* Heading */

    .myo-hero-heading77 {
        margin:
            20px auto 13px;

        max-width: 360px;

        font-size: 20px;
    }


    /* Description */

    .myo-hero-description88 {
        max-width: 370px;

        margin: 0 auto;

        font-size: 11px;

        line-height: 1.7;
    }


    /* Features */

    .myo-hero-features99 {
        justify-content: center;

        gap: 10px 17px;

        margin-top: 19px;
    }

    .myo-feature-item100 {
        font-size: 9px;
    }

    .myo-feature-dot101 {
        width: 6px;
        height: 6px;
    }


    /* Buttons */

    .myo-hero-buttons104 {
        justify-content: center;

        gap: 19px;

        margin-top: 27px;
    }

    .myo-hero-primary105 {
        min-width: 185px;

        height: 49px;

        font-size: 10px;

        gap: 10px;
    }

    .myo-hero-primary105 b {
        font-size: 18px;
    }

    .myo-hero-story106 {
        font-size: 10px;
    }

    .myo-story-play107 {
        width: 44px;
        height: 44px;
    }


    /* Visual */

    .myo-gym-hero-visual108 {
        width: 100%;

        min-height: 430px;
    }

    .myo-image-frame109 {
        width: 100%;

        height: 430px;

        border-radius:
            65px 20px 20px 20px;
    }

    .myo-image-frame109::before {
        inset: 8px;

        border-radius:
            55px 14px 14px 14px;
    }


    /* Floating card */

    .myo-floating-card112 {
        left: 50%;

        bottom: -25px;

        transform: translateX(-50%);

        min-width: 0;

        width: calc(100% - 30px);

        padding: 12px 14px;

        gap: 10px;

        border-radius: 45px;
    }

    .myo-floating-card112:hover {
        transform:
            translateX(-50%)
            translateY(-3px);
    }

    .myo-floating-icon113 {
        width: 42px;
        height: 42px;
    }

    .myo-floating-icon113 svg {
        width: 25px;
        height: 25px;
    }

    .myo-floating-text114 small {
        font-size: 7px;
    }

    .myo-floating-text114 strong {
        font-size: 10px;
    }

    .myo-floating-arrow115 {
        font-size: 23px;
    }


    /* Vertical Text */

    .myo-vertical-text116 {
        display: none;
    }


    /* Decorative elements */

    .myo-hero-ring25 {
        opacity: 0.5;
    }

    .myo-ring-one26 {
        width: 260px;
        height: 110px;

        right: -80px;

        top: 25%;
    }

    .myo-ring-two27 {
        width: 230px;
        height: 90px;

        right: -80px;

        bottom: 15%;
    }


    /* Scroll */

    .myo-hero-scroll118 {
        left: 50%;

        transform:
            translateX(-50%);

        bottom: 18px;
    }

}


/* =========================================
   LARGE DESKTOP
   ONLY MIN WIDTH 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-gym-hero-container33 {
        max-width: 1500px;

        padding:
            145px 55px 90px;

        grid-template-columns:
            minmax(0, 0.90fr)
            minmax(0, 1.10fr);

        gap: 65px;
    }

    .myo-hero-title66 {
        font-size: 112px;
    }

    .myo-hero-heading77 {
        font-size: 30px;
    }

    .myo-hero-description88 {
        font-size: 15px;
    }

    .myo-hero-features99 {
        gap: 27px;
    }

    .myo-feature-item100 {
        font-size: 12px;
    }

    .myo-image-frame109 {
        height: 620px;
    }

    .myo-gym-hero-visual108 {
        min-height: 620px;
    }

    .myo-floating-card112 {
        left: -50px;

        min-width: 350px;
    }

    .myo-vertical-text116 {
        right: -60px;

        font-size: 18px;
    }

    .myo-vertical-text116 strong {
        font-size: 28px;
    }

}






/*============ Physiomotion About Section CSS ============*/






/* =========================================
   MYOZEE ABOUT SECTION
   NO BOOTSTRAP
========================================= */

.myo-about-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;

    padding: 105px 0 90px;

    background: #ffffff;

    color: #071923;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.myo-about-glow22 {
    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(3px);

    opacity: 0.55;
}

.myo-about-glow-left23 {
    left: -260px;
    top: 15%;

    background:
        radial-gradient(
            circle,
            rgba(97, 195, 208, 0.16),
            transparent 70%
        );

    animation:
        myoAboutGlowMove74 8s ease-in-out infinite;
}

.myo-about-glow-right24 {
    right: -260px;
    bottom: 0;

    background:
        radial-gradient(
            circle,
            rgba(211, 70, 145, 0.11),
            transparent 70%
        );

    animation:
        myoAboutGlowMove75 9s ease-in-out infinite;
}


/* =========================================
   CONTAINER
========================================= */

.myo-about-container33 {
    width: 100%;
    max-width: 1320px;

    margin: 0 auto;

    padding: 0 40px;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: 90px;

    position: relative;

    z-index: 3;
}


/* =========================================
   LEFT VISUAL
========================================= */

.myo-about-visual44 {
    min-height: 570px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: translateX(-45px);

    animation:
        myoAboutImageReveal76 1s ease 0.15s forwards;
}


/* =========================================
   IMAGE WRAPPER
========================================= */

.myo-about-image-wrap55 {
    width: 88%;
    height: 535px;

    position: relative;

    overflow: hidden;

    border-radius:
        25px 110px 25px 25px;

    background: #071923;

    box-shadow:
        0 25px 65px rgba(7, 25, 35, 0.16);
}

.myo-about-image-wrap55 img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s ease;
}

.myo-about-image-wrap55:hover img {
    transform: scale(1.07);
}


/* =========================================
   IMAGE BORDER
========================================= */

.myo-about-image-border56 {
    position: absolute;

    inset: 12px;

    border:
        1px solid rgba(255, 255, 255, 0.55);

    border-radius:
        18px 95px 18px 18px;

    z-index: 5;

    pointer-events: none;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.myo-about-image-overlay57 {
    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            145deg,
            rgba(7, 25, 35, 0.12),
            transparent 45%,
            rgba(211, 70, 145, 0.10)
        );
}


/* =========================================
   EXPERIENCE BADGE
========================================= */

.myo-about-badge58 {
    position: absolute;

    right: 0;
    bottom: 38px;

    width: 205px;
    min-height: 105px;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    gap: 13px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f5fbfc
        );

    border-left:
        5px solid #61c3d0;

    box-shadow:
        0 18px 40px rgba(7, 25, 35, 0.17);

    z-index: 10;

    animation:
        myoAboutBadgeFloat77 4s ease-in-out infinite;
}

.myo-about-badge-number59 {
    color: #d34691;

    font-size: 38px;

    line-height: 1;

    font-weight: 800;
}

.myo-about-badge-text60 {
    color: #233b48;

    font-size: 11px;

    line-height: 1.5;

    font-weight: 600;
}


/* =========================================
   DECORATIVE CIRCLE
========================================= */

.myo-about-circle61 {
    position: absolute;

    width: 125px;
    height: 125px;

    left: -25px;
    top: 30px;

    border-radius: 50%;

    border:
        2px solid rgba(247, 147, 46, 0.75);

    z-index: -1;

    animation:
        myoAboutCircleRotate78 12s linear infinite;
}

.myo-about-circle61::before {
    content: "";

    position: absolute;

    inset: 12px;

    border-radius: 50%;

    border:
        1px solid rgba(97, 195, 208, 0.8);
}


/* =========================================
   ACCENT DOTS
========================================= */

.myo-about-accent62 {
    position: absolute;

    left: 35px;
    bottom: 8px;

    display: flex;

    gap: 7px;

    z-index: 8;
}

.myo-about-accent62 span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #61c3d0;

    animation:
        myoAboutDotPulse79 2s ease-in-out infinite;
}

.myo-about-accent62 span:nth-child(2) {
    background: #d34691;

    animation-delay: 0.3s;
}

.myo-about-accent62 span:nth-child(3) {
    background: #f7932e;

    animation-delay: 0.6s;
}


/* =========================================
   RIGHT CONTENT
========================================= */

.myo-about-content63 {
    opacity: 0;

    transform: translateX(45px);

    animation:
        myoAboutContentReveal80 1s ease 0.3s forwards;
}


/* =========================================
   LABEL
========================================= */

.myo-about-label64 {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 18px;
}

.myo-about-label64 span {
    color: #233b48;

    font-size: 11px;

    letter-spacing: 3px;

    font-weight: 700;
}

.myo-about-label64 strong {
    color: #d34691;

    font-size: 11px;

    letter-spacing: 3px;

    font-weight: 800;
}

.myo-about-label64 i {
    width: 100px;
    height: 2px;

    margin-left: 10px;

    display: block;

    background:
        linear-gradient(
            90deg,
            #61c3d0,
            #d34691
        );
}


/* =========================================
   TITLE
========================================= */

.myo-about-title65 {
    max-width: 650px;

    margin: 0 0 25px;

    color: #092131;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 52px;

    line-height: 1.08;

    letter-spacing: -1.5px;

    font-weight: 700;
}

.myo-about-title65 span {
    display: block;

    color: #61c3d0;

    position: relative;
}

.myo-about-title65 span::after {
    content: "";

    position: absolute;

    width: 85px;
    height: 4px;

    left: 4px;
    bottom: -12px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #d34691,
            #f7932e
        );
}


/* =========================================
   DESCRIPTION
========================================= */

.myo-about-description66 {
    max-width: 670px;

    margin: 0;

    color: #536873;

    font-size: 15px;

    line-height: 1.85;

    font-weight: 400;
}


/* =========================================
   POINTS
========================================= */

.myo-about-points67 {
    margin-top: 30px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px 28px;
}

.myo-about-point68 {
    display: flex;

    align-items: flex-start;

    gap: 12px;
}

.myo-about-point-icon69 {
    width: 30px;
    height: 30px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background: #61c3d0;

    font-size: 14px;

    font-weight: 800;

    box-shadow:
        0 6px 16px rgba(97, 195, 208, 0.25);
}

.myo-point-pink70 {
    background: #d34691;

    box-shadow:
        0 6px 16px rgba(211, 70, 145, 0.25);
}

.myo-point-orange71 {
    background: #f7932e;

    box-shadow:
        0 6px 16px rgba(247, 147, 46, 0.25);
}

.myo-about-point68 h3 {
    margin: 1px 0 5px;

    color: #173544;

    font-size: 15px;

    font-weight: 700;
}

.myo-about-point68 p {
    margin: 0;

    color: #73838a;

    font-size: 12px;

    line-height: 1.5;
}


/* =========================================
   BUTTON
========================================= */

.myo-about-button72 {
    margin-top: 34px;

    min-width: 225px;
    height: 56px;

    padding: 0 23px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 17px;

    border-radius: 50px;

    color: #ffffff;

    text-decoration: none;

    background:
        linear-gradient(
            100deg,
            #f7932e,
            #d34691
        );

    font-size: 12px;

    font-weight: 700;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 12px 30px rgba(211, 70, 145, 0.20);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.myo-about-button72::before {
    content: "";

    position: absolute;

    width: 55px;
    height: 140px;

    top: -45px;
    left: -80px;

    background:
        rgba(255, 255, 255, 0.3);

    transform: rotate(25deg);

    transition:
        left 0.6s ease;
}

.myo-about-button72 span,
.myo-about-button72 b {
    position: relative;

    z-index: 2;
}

.myo-about-button72 b {
    font-size: 22px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}

.myo-about-button72:hover {
    transform: translateY(-4px);
    color: #fff;
    box-shadow:
        0 18px 38px rgba(211, 70, 145, 0.30);
}

.myo-about-button72:hover::before {
    left: 120%;
}

.myo-about-button72:hover b {
    transform: translateX(6px);
}


/* =========================================
   BOTTOM LINE
========================================= */

.myo-about-bottom-line73 {
    max-width: 1320px;

    margin: 75px auto 0;

    padding: 0 40px;

    display: flex;

    align-items: center;

    gap: 20px;
}

.myo-about-bottom-line73 span {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #61c3d0
        );
}

.myo-about-bottom-line73 span:last-child {
    background:
        linear-gradient(
            90deg,
            #d34691,
            transparent
        );
}

.myo-about-bottom-line73 p {
    margin: 0;

    color: #87979d;

    font-size: 8px;

    letter-spacing: 3px;

    font-weight: 600;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoAboutImageReveal76 {

    from {
        opacity: 0;
        transform: translateX(-45px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes myoAboutContentReveal80 {

    from {
        opacity: 0;
        transform: translateX(45px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes myoAboutBadgeFloat77 {

    0%,
    100% {
        transform: translateY(0);
    }

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

}


@keyframes myoAboutCircleRotate78 {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes myoAboutDotPulse79 {

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

    50% {
        transform: scale(1.6);
    }

}


@keyframes myoAboutGlowMove74 {

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

    50% {
        transform: translate(45px, -25px);
    }

}


@keyframes myoAboutGlowMove75 {

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

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

}


/* =========================================
   MOBILE
   ONLY MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .myo-about-section11 {
        padding: 75px 0 65px;
    }

    .myo-about-container33 {
        padding: 0 20px;

        display: flex;

        flex-direction: column;

        gap: 50px;
    }


    /* Image */

    .myo-about-visual44 {
        width: 100%;

        min-height: 400px;
    }

    .myo-about-image-wrap55 {
        width: 88%;

        height: 390px;

        border-radius:
            20px 70px 20px 20px;
    }

    .myo-about-image-border56 {
        inset: 8px;

        border-radius:
            15px 58px 15px 15px;
    }


    /* Badge */

    .myo-about-badge58 {
        right: 0;

        bottom: 15px;

        width: 175px;

        min-height: 82px;

        padding: 13px;

        gap: 9px;
    }

    .myo-about-badge-number59 {
        font-size: 30px;
    }

    .myo-about-badge-text60 {
        font-size: 9px;
    }


    /* Circle */

    .myo-about-circle61 {
        width: 90px;
        height: 90px;

        left: -8px;

        top: 20px;
    }


    /* Content */

    .myo-about-content63 {
        width: 100%;

        text-align: center;
    }

    .myo-about-label64 {
        justify-content: center;

        margin-bottom: 15px;
    }

    .myo-about-label64 span,
    .myo-about-label64 strong {
        font-size: 8px;

        letter-spacing: 2px;
    }

    .myo-about-label64 i {
        width: 55px;

        margin-left: 3px;
    }


    /* Title */

    .myo-about-title65 {
        margin-bottom: 24px;

        font-size: 38px;

        line-height: 1.08;

        letter-spacing: -0.8px;
    }

    .myo-about-title65 span::after {
        width: 60px;

        height: 3px;

        left: 50%;

        transform:
            translateX(-50%);
    }


    /* Description */

    .myo-about-description66 {
        font-size: 11px;

        line-height: 1.8;
    }


    /* Points */

    .myo-about-points67 {
        grid-template-columns: 1fr;

        gap: 15px;

        margin-top: 27px;

        text-align: left;
    }

    .myo-about-point68 {
        gap: 10px;
    }

    .myo-about-point-icon69 {
        width: 27px;
        height: 27px;

        font-size: 12px;
    }

    .myo-about-point68 h3 {
        font-size: 14px;
    }

    .myo-about-point68 p {
        font-size: 12px;
    }


    /* Button */

    .myo-about-button72 {
        height: 50px;

        min-width: 205px;

        margin-top: 28px;

        font-size: 13px;
    }

    .myo-about-button72 b {
        font-size: 19px;
    }


    /* Bottom */

    .myo-about-bottom-line73 {
        margin-top: 55px;

        padding: 0 20px;

        gap: 10px;
    }

    .myo-about-bottom-line73 p {
        font-size: 6px;

        letter-spacing: 1.5px;
    }

}


/* =========================================
   LARGE DESKTOP
   ONLY MIN WIDTH 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-about-section11 {
        padding:
            130px 0 100px;
    }

    .myo-about-container33 {
        max-width: 1500px;

        padding: 0 55px;

        gap: 110px;
    }

    .myo-about-visual44 {
        min-height: 620px;
    }

    .myo-about-image-wrap55 {
        height: 590px;
    }

    .myo-about-title65 {
        font-size: 60px;
    }

    .myo-about-description66 {
        font-size: 16px;
    }

    .myo-about-point68 h3 {
        font-size: 14px;
    }

    .myo-about-point68 p {
        font-size: 11px;
    }

    .myo-about-bottom-line73 {
        max-width: 1500px;

        padding: 0 55px;
    }

}








/*=============== physiomotion about section css ==================*/


/* =========================================
   MYOZEE FEATURES SECTION
========================================= */

.myo-features-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;

    padding: 30px 0;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7fcfd 50%,
            #ffffff 100%
        );
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.myo-features-section11::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    left: -180px;
    top: 10%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,0.13),
            transparent 70%
        );

    animation:
        myoFeaturesGlow74 7s ease-in-out infinite;
}


.myo-features-section11::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -150px;
    bottom: -80px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211,70,145,0.10),
            transparent 70%
        );

    animation:
        myoFeaturesGlow75 8s ease-in-out infinite;
}


/* =========================================
   CONTAINER
========================================= */

.myo-features-container22 {
    width: 100%;
    max-width: 1380px;

    margin: auto;

    padding: 0 40px;

    position: relative;

    z-index: 2;
}


/* =========================================
   CARDS GRID
========================================= */

.myo-features-grid55 {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 20px;

    align-items: stretch;
}


/* =========================================
   CARD
========================================= */

.myo-feature-card66 {
    min-height: 235px;

    padding: 28px 25px;

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-radius: 20px;

    background: #ffffff;

    border:
        1px solid rgba(7,25,35,0.07);

    box-shadow:
        0 12px 35px rgba(7,25,35,0.07);

    opacity: 0;

    transform: translateY(35px);

    animation:
        myoFeatureCardReveal77 0.8s ease forwards;

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}


.myo-feature-card66:nth-child(1) {
    animation-delay: 0.15s;
}


.myo-feature-card66:nth-child(2) {
    animation-delay: 0.3s;
}


.myo-feature-card66:nth-child(3) {
    animation-delay: 0.45s;
}


.myo-feature-card66:nth-child(4) {
    animation-delay: 0.6s;
}


.myo-feature-card66:hover {
    transform: translateY(-10px);

    box-shadow:
        0 25px 55px rgba(7,25,35,0.13);
}


/* =========================================
   TOP COLOR LINE
========================================= */

.myo-feature-card66::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 4px;

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform 0.45s ease;
}


.myo-feature-card66:hover::before {
    transform: scaleX(1);
}


/* CYAN */

.myo-feature-cyan67::before {
    background: #61c3d0;
}


/* PINK */

.myo-feature-pink72::before {
    background: #d34691;
}


/* ORANGE */

.myo-feature-orange73::before {
    background: #f7932e;
}


/* =========================================
   NUMBER
========================================= */

.myo-feature-number68 {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #dce7ea;

    font-size: 12px;

    letter-spacing: 1px;

    font-weight: 800;

    transition:
        color 0.3s ease;
}


.myo-feature-card66:hover
.myo-feature-number68 {
    color: #61c3d0;
}


.myo-feature-pink72:hover
.myo-feature-number68 {
    color: #d34691;
}


.myo-feature-orange73:hover
.myo-feature-number68 {
    color: #f7932e;
}


/* =========================================
   ICON
========================================= */

.myo-feature-icon69 {
    width: 64px;
    height: 64px;

    margin-bottom: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(97,195,208,0.08);

    border:
        1.5px solid #61c3d0;

    transition:
        transform 0.4s ease,
        background 0.4s ease;
}


.myo-feature-icon69 svg {
    width: 31px;
    height: 31px;

    fill: none;

    stroke: #61c3d0;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;
}


.myo-feature-card66:hover
.myo-feature-icon69 {
    transform:
        rotate(-8deg)
        scale(1.08);

    background:
        rgba(97,195,208,0.15);
}


/* =========================================
   PINK ICON
========================================= */

.myo-feature-pink72
.myo-feature-icon69 {
    background:
        rgba(211,70,145,0.07);

    border-color: #d34691;
}


.myo-feature-pink72
.myo-feature-icon69 svg {
    stroke: #d34691;
}


.myo-feature-pink72:hover
.myo-feature-icon69 {
    background:
        rgba(211,70,145,0.14);
}


/* =========================================
   ORANGE ICON
========================================= */

.myo-feature-orange73
.myo-feature-icon69 {
    background:
        rgba(247,147,46,0.07);

    border-color: #f7932e;
}


.myo-feature-orange73
.myo-feature-icon69 svg {
    stroke: #f7932e;
}


.myo-feature-orange73:hover
.myo-feature-icon69 {
    background:
        rgba(247,147,46,0.14);
}


/* =========================================
   CONTENT
========================================= */

.myo-feature-content70 {
    position: relative;

    z-index: 2;
}


.myo-feature-content70 h3 {
    margin: 0 0 8px;

    color: #092131;

    font-size: 17px;

    line-height: 1.3;

    font-weight: 800;
}


.myo-feature-content70 p {
    margin: 0;

    color: #71818a;

    font-size: 11px;

    line-height: 1.6;
}


/* =========================================
   ARROW
========================================= */

.myo-feature-arrow71 {
    position: absolute;

    right: 23px;
    bottom: 22px;

    color: #61c3d0;

    font-size: 21px;

    opacity: 0;

    transform:
        translateX(-8px);

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}


.myo-feature-card66:hover
.myo-feature-arrow71 {
    opacity: 1;

    transform:
        translateX(0);
}


.myo-feature-pink72
.myo-feature-arrow71 {
    color: #d34691;
}


.myo-feature-orange73
.myo-feature-arrow71 {
    color: #f7932e;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoFeatureCardReveal77 {

    from {
        opacity: 0;

        transform:
            translateY(35px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes myoFeaturesGlow74 {

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

    50% {
        transform:
            translate(45px,-25px);
    }

}


@keyframes myoFeaturesGlow75 {

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

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

}


/* =========================================
   MOBILE
   ONLY MAX-WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .myo-features-section11 {
        padding: 65px 0;
    }


    .myo-features-container22 {
        padding: 0 20px;
    }


    .myo-features-grid55 {

        display: flex;

        gap: 15px;

        overflow-x: auto;

        padding:
            10px 3px 25px;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
    }


    .myo-features-grid55::-webkit-scrollbar {
        display: none;
    }


    .myo-feature-card66 {

        min-width: 280px;

        min-height: 220px;

        flex: 0 0 280px;

        scroll-snap-align: center;

        padding: 25px 22px;
    }


    .myo-feature-content70 h3 {
        font-size: 15px;
    }


    .myo-feature-content70 p {
        font-size: 13px;
    }


    .myo-feature-arrow71 {
        opacity: 1;

        transform:
            translateX(0);
    }

}


/* =========================================
   LARGE DESKTOP
   ONLY MIN-WIDTH 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-features-section11 {
        padding: 115px 0;
    }


    .myo-features-container22 {
        max-width: 1500px;

        padding: 0 55px;
    }


    .myo-features-grid55 {
        gap: 25px;
    }


    .myo-feature-card66 {
        min-height: 270px;

        padding: 32px 30px;
    }


    .myo-feature-content70 h3 {
        font-size: 18px;
    }


    .myo-feature-content70 p {
        font-size: 12px;
    }

}






/*============ advance section css ==============*/



/* =========================================
   MYOZEE TECHNOLOGY SECTION
   NO BOOTSTRAP
========================================= */

.serv-space {
    padding-top: 50px;
}


.myo-tech-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;

    padding: 105px 0;

    background:
        linear-gradient(
            135deg,
            #061722 0%,
            #092633 48%,
            #061722 100%
        );

    color: #ffffff;
}


/* =========================================
   BACKGROUND LIGHTS
========================================= */

.myo-tech-section11::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -280px;
    left: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,0.16),
            transparent 68%
        );

    animation:
        myoTechGlow66 8s ease-in-out infinite;
}


.myo-tech-section11::after {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -220px;
    bottom: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211,70,145,0.14),
            transparent 68%
        );

    animation:
        myoTechGlow67 9s ease-in-out infinite;
}


/* =========================================
   CONTAINER
========================================= */

.myo-tech-container22 {
    width: 100%;
    max-width: 1450px;

    margin: 0 auto;

    padding: 0 40px;

    position: relative;

    z-index: 3;
}


/* =========================================
   TOP AREA
========================================= */

.myo-tech-top33 {
    display: grid;

    grid-template-columns:
        1.25fr
        0.8fr
        auto;

    align-items: end;

    gap: 50px;

    margin-bottom: 55px;

    opacity: 0;

    transform: translateY(25px);

    animation:
        myoTechTopReveal68 0.9s ease forwards;
}


/* =========================================
   EYEBROW
========================================= */

.myo-tech-eyebrow45 {
    display: block;

    margin-bottom: 15px;

    color: #61c3d0;

    font-size: 11px;

    letter-spacing: 3px;

    font-weight: 800;
}


.myo-tech-eyebrow45 b {
    color: #d34691;
}


/* =========================================
   HEADING
========================================= */

.myo-tech-heading44 h2 {
    margin: 0;

    max-width: 650px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 52px;

    line-height: 1.08;

    letter-spacing: -1.5px;

    color: #ffffff;
}


.myo-tech-heading44 h2 span {
    display: block;

    color: #61c3d0;
}


/* =========================================
   INTRO
========================================= */

.myo-tech-intro46 {
    padding-bottom: 4px;
}


.myo-tech-intro46 p {
    max-width: 360px;

    margin: 0;

    color: #b4c8cf;

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================
   BUTTON
========================================= */

.myo-tech-button47 {
    min-width: 205px;
    height: 52px;

    padding: 0 20px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 17px;

    border-radius: 50px;

    color: #ffffff;

    text-decoration: none;

    background:
        linear-gradient(
            100deg,
            #61c3d0,
            #21b8cb
        );

    font-size: 13px;

    font-weight: 800;

    white-space: nowrap;

    box-shadow:
        0 12px 30px rgba(97,195,208,0.16);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.myo-tech-button47 b {
    font-size: 21px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}


.myo-tech-button47:hover {
    transform:
        translateY(-4px);
    color: #fff;
    box-shadow:
        0 18px 38px rgba(97,195,208,0.25);
}


.myo-tech-button47:hover b {
    transform:
        translateX(6px);
}


/* =========================================
   SLIDER
========================================= */

.myo-tech-slider48 {
    width: 100%;

    position: relative;
}


.myo-tech-track51 {
    width: 100%;

    display: flex;

    gap: 22px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding:
        10px 5px 30px;
}


.myo-tech-track51::-webkit-scrollbar {
    display: none;
}


/* =========================================
   CARD
========================================= */

.myo-tech-card52 {
    min-width: 330px;

    flex: 0 0 330px;

    min-height: 430px;

    position: relative;

    overflow: hidden;

    padding: 20px;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.09),
            rgba(255,255,255,0.035)
        );

    border:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        0 20px 55px rgba(0,0,0,0.18);

    opacity: 0;

    transform:
        translateY(35px);

    animation:
        myoTechCardReveal69 0.8s ease forwards;

    transition:
        transform 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


.myo-tech-card52:nth-child(1) {
    animation-delay: 0.15s;
}


.myo-tech-card52:nth-child(2) {
    animation-delay: 0.25s;
}


.myo-tech-card52:nth-child(3) {
    animation-delay: 0.35s;
}


.myo-tech-card52:nth-child(4) {
    animation-delay: 0.45s;
}


.myo-tech-card52:nth-child(5) {
    animation-delay: 0.55s;
}


.myo-tech-card52:nth-child(6) {
    animation-delay: 0.65s;
}


.myo-tech-card52:hover {
    transform:
        translateY(-10px);

    border-color:
        rgba(97,195,208,0.45);

    box-shadow:
        0 30px 65px rgba(0,0,0,0.28);
}


/* =========================================
   CARD TOP
========================================= */

.myo-tech-card-top53 {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;
}


.myo-tech-number54 {
    color: rgba(255,255,255,0.32);

    font-size: 10px;

    letter-spacing: 2px;

    font-weight: 800;
}


/* =========================================
   ICON
========================================= */

.myo-tech-icon55 {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #61c3d0;

    background:
        rgba(97,195,208,0.10);

    border:
        1px solid rgba(97,195,208,0.45);

    font-size: 18px;

    transition:
        transform 0.4s ease;
}


.myo-tech-card52:hover
.myo-tech-icon55 {
    transform:
        rotate(15deg)
        scale(1.1);
}


.myo-tech-pink60 {
    color: #d34691;

    background:
        rgba(211,70,145,0.10);

    border-color:
        rgba(211,70,145,0.45);
}


.myo-tech-orange62 {
    color: #f7932e;

    background:
        rgba(247,147,46,0.10);

    border-color:
        rgba(247,147,46,0.45);
}


/* =========================================
   IMAGE
========================================= */

.myo-tech-image56 {
    width: 100%;
    height: 175px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    overflow: hidden;

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            #f8fbfc,
            #e9f1f3
        );
}


.myo-tech-image56 img {
    width: 85%;
    height: 85%;

    object-fit: contain;

    transition:
        transform 0.6s ease;
}


.myo-tech-card52:hover
.myo-tech-image56 img {
    transform:
        scale(1.08);
}


/* =========================================
   CONTENT
========================================= */

.myo-tech-card-content57 {
    position: relative;

    z-index: 2;
}


.myo-tech-tag58 {
    display: inline-block;

    margin-bottom: 9px;

    color: #61c3d0;

    font-size: 12px;

    letter-spacing: 2px;

    font-weight: 800;
}


.myo-tech-tag-pink61 {
    color: #d34691;
}


.myo-tech-tag-orange63 {
    color: #f7932e;
}


.myo-tech-card-content57 h3 {
    min-height: 48px;

    margin: 0 0 9px;

    color: #ffffff;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 800;
}


.myo-tech-card-content57 p {
    margin: 0;

    color: #9eb3ba;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================
   BOTTOM CARD LINE
========================================= */

.myo-tech-card-line59 {
    position: absolute;

    left: 20px;
    bottom: 17px;

    width: 45px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #61c3d0,
            transparent
        );

    transition:
        width 0.4s ease;
}


.myo-tech-card52:hover
.myo-tech-card-line59 {
    width: 100px;
}


/* =========================================
   ARROWS
========================================= */

.myo-tech-arrow49 {
    width: 48px;
    height: 48px;

    position: absolute;

    top: 45%;

    z-index: 20;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.15);

    border-radius: 50%;

    color: #ffffff;

    background:
        rgba(7,25,35,0.92);

    font-size: 20px;

    cursor: pointer;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.25);

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}


.myo-tech-prev50 {
    left: -25px;
}


.myo-tech-next64 {
    right: -25px;
}


.myo-tech-arrow49:hover {
    transform:
        scale(1.1);

    background:
        #61c3d0;
}


/* =========================================
   BOTTOM LINE
========================================= */

.myo-tech-bottom65 {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 25px;
}


.myo-tech-bottom65 span {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(97,195,208,0.55)
        );
}


.myo-tech-bottom65 span:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(211,70,145,0.55),
            transparent
        );
}


.myo-tech-bottom65 p {
    margin: 0;

    color: #718890;

    font-size: 7px;

    letter-spacing: 3px;

    white-space: nowrap;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoTechTopReveal68 {

    from {
        opacity: 0;

        transform:
            translateY(25px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes myoTechCardReveal69 {

    from {
        opacity: 0;

        transform:
            translateY(35px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}


@keyframes myoTechGlow66 {

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

    50% {
        transform:
            translate(50px,35px);
    }

}


@keyframes myoTechGlow67 {

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

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

}


/* =========================================
   MOBILE
   ONLY MAX-WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .myo-tech-section11 {
        padding: 70px 0;
    }


    .myo-tech-container22 {
        padding: 0 20px;
    }


    .myo-tech-top33 {
        display: block;

        margin-bottom: 35px;

        text-align: center;
    }


    .myo-tech-eyebrow45 {
        font-size: 10px;

        letter-spacing: 2px;
    }


    .myo-tech-heading44 h2 {
        font-size: 36px;

        line-height: 1.1;

        letter-spacing: -0.5px;
    }


    .myo-tech-intro46 {
        margin-top: 17px;
    }


    .myo-tech-intro46 p {
        max-width: 450px;

        margin: auto;

        font-size: 10px;

        line-height: 1.7;
    }


    .myo-tech-button47 {
        margin-top: 23px;

        height: 48px;

        min-width: 190px;

        font-size: 12px;
    }


    /* MOBILE SLIDER */

    .myo-tech-track51 {
        gap: 15px;

        padding:
            10px 3px 25px;

        scroll-snap-type:
            x mandatory;
    }


    .myo-tech-card52 {
        min-width: 275px;

        flex: 0 0 275px;

        min-height: 390px;

        padding: 18px;

        scroll-snap-align: center;
    }


    .myo-tech-image56 {
        height: 155px;
    }


    .myo-tech-card-content57 h3 {
        font-size: 15px;
    }


    .myo-tech-card-content57 p {
        font-size: 12px;
        margin-bottom: 10px;
    }


    /* Hide desktop arrows */

    .myo-tech-arrow49 {
        display: none;
    }


    .myo-tech-bottom65 {
        margin-top: 20px;

        gap: 10px;
    }


    .myo-tech-bottom65 p {
        font-size: 5px;

        letter-spacing: 1.5px;
    }

}


/* =========================================
   LARGE DESKTOP
   ONLY MIN-WIDTH 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-tech-section11 {
        padding: 125px 0;
    }


    .myo-tech-container22 {
        max-width: 1550px;

        padding: 0 55px;
    }


    .myo-tech-top33 {
        gap: 70px;

        margin-bottom: 65px;
    }


    .myo-tech-heading44 h2 {
        font-size: 60px;
    }


    .myo-tech-intro46 p {
        max-width: 410px;

        font-size: 14px;
    }


    .myo-tech-card52 {
        min-width: 350px;

        flex-basis: 350px;

        min-height: 455px;

        padding: 22px;
    }


    .myo-tech-image56 {
        height: 190px;
    }


    .myo-tech-card-content57 h3 {
        font-size: 18px;
    }


    .myo-tech-card-content57 p {
        font-size: 11px;
    }

}









/* physiomotion service section css */



/* =========================================
   MYOZEE SERVICES
   NO BOOTSTRAP
========================================= */

.mz-services-wrap881 {
    width: 100%;
    position: relative;
    overflow: hidden;

    padding: 100px 0;

    background:
        linear-gradient(
            135deg,
            #061923 0%,
            #0a2634 50%,
            #061821 100%
        );

    color: #ffffff;
}


/* BACKGROUND EFFECT */

.mz-services-wrap881::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -250px;
    top: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,0.16),
            transparent 68%
        );

    animation:
        mzServiceBgMove901 8s ease-in-out infinite;
}


.mz-services-wrap881::after {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -220px;
    bottom: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211,70,145,0.13),
            transparent 68%
        );

    animation:
        mzServiceBgMove902 10s ease-in-out infinite;
}


/* CONTAINER */

.mz-services-container882 {
    width: 100%;
    max-width: 1450px;

    margin: auto;

    padding: 0 40px;

    position: relative;

    z-index: 3;
}


/* =========================================
   HEADER
========================================= */

.mz-services-header883 {
    display: grid;

    grid-template-columns:
        1.2fr
        0.8fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 55px;

    opacity: 0;

    transform: translateY(30px);

    animation:
        mzServiceHeader903 1s ease forwards;
}


/* LABEL */

.mz-services-label885 {
    display: block;

    margin-bottom: 14px;

    color: #61c3d0;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 4px;
}


.mz-services-label885 strong {
    color: #d34691;
}


/* HEADING */

.mz-services-title884 h2 {
    margin: 0;

    max-width: 700px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 56px;

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.5px;

    color: #ffffff;
}


.mz-services-title884 h2 span {
    display: block;

    color: #61c3d0;

    font-style: italic;
}


/* DESCRIPTION */

.mz-services-description886 {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 35px;
}


.mz-services-description886 p {
    max-width: 350px;

    margin: 0;

    color: #a9bec5;

    font-size: 13px;

    line-height: 1.8;
}


/* MAIN BUTTON */

.mz-services-main-btn887 {
    min-width: 185px;

    height: 50px;

    padding: 0 20px;

    margin-left: 250px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    border-radius: 50px;

    color: #ffffff;

    text-decoration: none;

    background:
        linear-gradient(
            100deg,
            #61c3d0,
            #18b8ca
        );

    font-size: 13px;

    font-weight: 800;

    white-space: nowrap;

    box-shadow:
        0 12px 30px rgba(97,195,208,0.18);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.mz-services-main-btn887 b {
    font-size: 20px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}


.mz-services-main-btn887:hover {
    transform:
        translateY(-5px);
    color: #fff;
    box-shadow:
        0 18px 40px rgba(97,195,208,0.28);
}


.mz-services-main-btn887:hover b {
    transform:
        translateX(6px);
}


/* =========================================
   SLIDER
========================================= */

.mz-services-slider888 {
    position: relative;

    width: 100%;
}


.mz-services-track891 {
    width: 100%;

    display: flex;

    gap: 22px;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

    padding:
        10px 5px 35px;
}


.mz-services-track891::-webkit-scrollbar {
    display: none;
}


/* =========================================
   SERVICE CARD
========================================= */

.mz-service-card892 {
    position: relative;

    min-width: 315px;

    flex: 0 0 315px;

    min-height: 365px;

    overflow: hidden;

    padding: 28px 25px;

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.10),
            rgba(255,255,255,0.035)
        );

    border:
        1px solid rgba(255,255,255,0.11);

    box-shadow:
        0 20px 55px rgba(0,0,0,0.20);

    opacity: 0;

    transform:
        translateY(40px);

    animation:
        mzServiceCard904 0.8s ease forwards;

    transition:
        transform 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


/* STAGGER */

.mz-service-card892:nth-child(1) {
    animation-delay: .15s;
}

.mz-service-card892:nth-child(2) {
    animation-delay: .25s;
}

.mz-service-card892:nth-child(3) {
    animation-delay: .35s;
}

.mz-service-card892:nth-child(4) {
    animation-delay: .45s;
}

.mz-service-card892:nth-child(5) {
    animation-delay: .55s;
}

.mz-service-card892:nth-child(6) {
    animation-delay: .65s;
}


/* HOVER */

.mz-service-card892:hover {
    transform:
        translateY(-12px);

    border-color:
        rgba(97,195,208,0.48);

    box-shadow:
        0 32px 70px rgba(0,0,0,0.32);
}


/* PINK CARD */

.mz-service-pink897:hover {
    border-color:
        rgba(211,70,145,0.5);
}


/* ORANGE CARD */

.mz-service-orange898:hover {
    border-color:
        rgba(247,147,46,0.5);
}


/* =========================================
   NUMBER
========================================= */

.mz-service-number893 {
    position: absolute;

    right: 23px;
    top: 23px;

    color:
        rgba(255,255,255,0.20);

    font-size: 11px;

    letter-spacing: 2px;

    font-weight: 800;
}


/* =========================================
   ICON
========================================= */

.mz-service-icon894 {
    width: 60px;
    height: 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 35px;

    border-radius: 50%;

    color: #61c3d0;

    border:
        1px solid rgba(97,195,208,0.45);

    background:
        rgba(97,195,208,0.08);

    font-size: 23px;

    box-shadow:
        0 0 0 rgba(97,195,208,0);

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.mz-service-card892:hover
.mz-service-icon894 {
    transform:
        rotate(12deg)
        scale(1.1);

    box-shadow:
        0 0 25px rgba(97,195,208,0.18);
}


.mz-service-pink897
.mz-service-icon894 {
    color: #d34691;

    border-color:
        rgba(211,70,145,0.45);

    background:
        rgba(211,70,145,0.08);
}


.mz-service-orange898
.mz-service-icon894 {
    color: #f7932e;

    border-color:
        rgba(247,147,46,0.45);

    background:
        rgba(247,147,46,0.08);
}


/* =========================================
   CARD CONTENT
========================================= */

.mz-service-content895 small {
    display: block;

    margin-bottom: 11px;

    color: #61c3d0;

    font-size: 12px;

    letter-spacing: 3px;

    font-weight: 800;
}


.mz-service-pink897
.mz-service-content895 small {
    color: #d34691;
}


.mz-service-orange898
.mz-service-content895 small {
    color: #f7932e;
}


.mz-service-content895 h3 {
    min-height: 58px;

    margin: 0 0 15px;

    color: #ffffff;

    font-size: 25px;

    line-height: 1.25;

    font-weight: 800;
}


.mz-service-content895 p {
    min-height: 72px;

    margin: 0 0 20px;

    color: #9eb4bb;

    font-size: 13px;

    line-height: 1.75;
}


/* CARD LINK */

.mz-service-content895 a {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    text-decoration: none;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: .5px;

    transition:
        color .3s ease;
}


.mz-service-content895 a span {
    color: #61c3d0;

    font-size: 17px;

    transition:
        transform .3s ease;
}


.mz-service-card892:hover
.mz-service-content895 a span {
    transform:
        translate(4px,-4px);
        color: #fff;
}


/* =========================================
   GLOW
========================================= */

.mz-service-glow896 {
    position: absolute;

    width: 170px;
    height: 170px;

    right: -90px;
    bottom: -90px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,0.16),
            transparent 68%
        );

    transition:
        transform .5s ease;
}


.mz-service-card892:hover
.mz-service-glow896 {
    transform:
        scale(1.6);
}


/* =========================================
   ARROWS
========================================= */

.mz-services-arrow889 {
    position: absolute;

    top: 45%;

    z-index: 20;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,0.16);

    border-radius: 50%;

    color: #ffffff;

    background:
        rgba(5,23,32,0.95);

    font-size: 19px;

    cursor: pointer;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.25);

    transition:
        transform .3s ease,
        background .3s ease;
}


.mz-services-left890 {
    left: -24px;
}


.mz-services-right899 {
    right: -24px;
}


.mz-services-arrow889:hover {
    transform:
        scale(1.1);

    background:
        #61c3d0;
}


/* =========================================
   BOTTOM LINE
========================================= */

.mz-services-bottom900 {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 18px;
}


.mz-services-bottom900 span {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(97,195,208,0.55)
        );
}


.mz-services-bottom900 span:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(211,70,145,0.55),
            transparent
        );
}


.mz-services-bottom900 p {
    margin: 0;

    color: #657d86;

    font-size: 7px;

    letter-spacing: 3px;

    white-space: nowrap;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes mzServiceHeader903 {

    from {
        opacity: 0;
        transform:
            translateY(30px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0);
    }

}


@keyframes mzServiceCard904 {

    from {
        opacity: 0;
        transform:
            translateY(40px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0);
    }

}


@keyframes mzServiceBgMove901 {

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

    50% {
        transform:
            translate(55px,45px);
    }

}


@keyframes mzServiceBgMove902 {

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

    50% {
        transform:
            translate(-45px,-35px);
    }

}


/* =========================================
   MOBILE
   MAX WIDTH 768PX ONLY
========================================= */

@media (max-width: 768px) {

    .mz-services-wrap881 {
        padding: 70px 0;
    }


    .mz-services-container882 {
        padding: 0 20px;
    }


    .mz-services-header883 {
        display: block;

        text-align: center;

        margin-bottom: 35px;
    }


    .mz-services-label885 {
        font-size: 12px;

        letter-spacing: 2.5px;
    }


    .mz-services-title884 h2 {
        font-size: 36px;

        line-height: 1.08;

        letter-spacing: -.5px;
    }


    .mz-services-description886 {
        display: block;

        margin-top: 18px;
    }


    .mz-services-description886 p {
        max-width: 420px;

        margin: auto;

        font-size: 13px;

        line-height: 1.7;
    }


    .mz-services-main-btn887 {
        margin-top: 20px;

        height: 47px;

        margin-left: 0;

        min-width: 175px;

        font-size: 12px;
    }


    /* MOBILE SLIDER */

    .mz-services-track891 {
        gap: 15px;

        scroll-snap-type:
            x mandatory;

        padding:
            8px 3px 25px;
    }


    .mz-service-card892 {
        min-width: 280px;

        flex: 0 0 280px;

        min-height: 360px;

        padding: 24px 21px;

        scroll-snap-align: center;
    }


    .mz-service-icon894 {
        width: 53px;
        height: 53px;

        margin-bottom: 28px;
    }


    .mz-service-content895 h3 {
        font-size: 18px;
    }


    .mz-service-content895 p {
        font-size: 12px;
    }


    /* MOBILE ARROWS HIDE */

    .mz-services-arrow889 {
        display: none;
    }


    .mz-services-bottom900 {
        gap: 9px;
    }


    .mz-services-bottom900 p {
        font-size: 5px;

        letter-spacing: 1.5px;
    }

}


/* =========================================
   LARGE DESKTOP
   MIN WIDTH 1440PX ONLY
========================================= */

@media (min-width: 1440px) {

    .mz-services-wrap881 {
        padding: 125px 0;
    }


    .mz-services-container882 {
        max-width: 1550px;

        padding: 0 55px;
    }


    .mz-services-header883 {
        gap: 100px;

        margin-bottom: 65px;
    }


    .mz-services-title884 h2 {
        font-size: 64px;
    }


    .mz-services-description886 p {
        max-width: 410px;

        font-size: 14px;
    }


    .mz-service-card892 {
        min-width: 345px;

        flex-basis: 345px;

        min-height: 400px;

        padding: 30px;
    }


    .mz-service-content895 h3 {
        font-size: 21px;
    }


    .mz-service-content895 p {
        font-size: 11px;
    }

}








/* physiomotion doctor section css */



/* =========================================
   MYOZEE SPECIALISTS SECTION
   NO BOOTSTRAP
========================================= */

.mz-specialists-section501 {
    width: 100%;
    position: relative;
    overflow: hidden;

    padding: 100px 0;

    background:
        linear-gradient(
            135deg,
            #f7fbfc 0%,
            #eef7f9 50%,
            #ffffff 100%
        );
}


/* BACKGROUND DECORATION */

.mz-specialists-section501::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -180px;
    left: -160px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,0.18),
            transparent 70%
        );

    animation:
        mzSpecialistFloat518 8s ease-in-out infinite;
}


.mz-specialists-section501::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -150px;
    bottom: -170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211,70,145,0.12),
            transparent 70%
        );

    animation:
        mzSpecialistFloat519 9s ease-in-out infinite;
}


/* CONTAINER */

.mz-specialists-container502 {
    width: 100%;
    max-width: 1500px;

    margin: auto;

    padding: 0 45px;

    display: grid;

    grid-template-columns:
        0.75fr
        1.8fr
        0.65fr;

    align-items: center;

    gap: 35px;

    position: relative;

    z-index: 2;
}


/* =========================================
   INTRO
========================================= */

.mz-specialists-intro503 {
    opacity: 0;

    transform:
        translateX(-35px);

    animation:
        mzSpecialistIntro520 1s ease forwards;
}


.mz-specialists-eyebrow504 {
    display: inline-block;

    margin-bottom: 15px;

    color: #16afc1;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 3px;
}


.mz-specialists-eyebrow504 b {
    color: #d34691;
}


.mz-specialists-intro503 h2 {
    margin: 0;

    color: #08263a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 48px;

    line-height: 1.05;

    letter-spacing: -1px;
}


.mz-specialists-intro503 h2 span {
    display: block;

    color: #19b5c6;

    font-style: italic;
}


.mz-specialists-intro503 p {
    max-width: 330px;

    margin: 22px 0 28px;

    color: #617680;

    font-size: 11px;

    line-height: 1.8;
}


/* BUTTON */

.mz-specialists-button505 {
    display: inline-flex;

    align-items: center;

    gap: 15px;

    padding: 14px 21px;

    border-radius: 50px;

    color: #ffffff;

    background:
        linear-gradient(
            100deg,
            #14b7c8,
            #d34691
        );

    text-decoration: none;

    font-size: 13px;

    font-weight: 800;

    box-shadow:
        0 12px 30px rgba(20,183,200,0.20);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.mz-specialists-button505 b {
    font-size: 18px;

    font-weight: 400;

    transition:
        transform .3s ease;
}


.mz-specialists-button505:hover {
    transform:
        translateY(-5px);
    color: #fff;
    box-shadow:
        0 18px 40px rgba(211,70,145,0.22);
}


.mz-specialists-button505:hover b {
    transform:
        translateX(5px);
}


/* =========================================
   SPECIALIST LIST
========================================= */

.mz-specialists-list506 {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 20px;
}


/* CARD */

.mz-specialist-card507 {
    position: relative;

    min-height: 390px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    overflow: hidden;

    padding: 0 24px 26px;

    border-radius: 28px;

    background:
        #ffffff;

    border:
        1px solid rgba(8,38,58,0.07);

    box-shadow:
        0 20px 50px rgba(8,38,58,0.09);

    opacity: 0;

    transform:
        translateY(40px);

    animation:
        mzSpecialistCard521 .9s ease forwards;

    transition:
        transform .45s ease,
        box-shadow .45s ease;
}


.mz-specialist-card507:nth-child(2) {
    animation-delay: .2s;
}


.mz-specialist-card507:hover {
    transform:
        translateY(-10px);

    box-shadow:
        0 30px 65px rgba(8,38,58,0.16);
}


/* PHOTO */

.mz-specialist-photo508 {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 195px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #dceff2,
            #f8fbfc
        );
}


.mz-specialist-photo508::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 80px;

    background:
        linear-gradient(
            transparent,
            #ffffff
        );
}


.mz-specialist-photo508 img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    object-position: center bottom;

    transition:
        transform .6s ease;
}


.mz-specialist-card507:hover
.mz-specialist-photo508 img {
    transform:
        scale(1.06);
}


/* INFO */

.mz-specialist-info509 {
    position: relative;

    z-index: 3;

    padding-top: 175px;
}


.mz-specialist-role510 {
    color: #17b4c5;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;
}


.mz-specialist-card-pink514
.mz-specialist-role510 {
    color: #d34691;
}


.mz-specialist-info509 h3 {
    margin: 7px 0 8px;

    color: #08263a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    line-height: 1.1;
}


.mz-specialist-experience511 {
    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 13px;

    color: #304e5d;

    font-size: 11px;

    font-weight: 800;
}


.mz-specialist-experience511 span {
    color: #f7932e;

    font-size: 15px;
}


.mz-specialist-info509 p {
    margin: 0 0 18px;

    color: #71838a;

    font-size: 11px;

    line-height: 1.7;
}


/* LINK */

.mz-specialist-link512 {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #08263a;

    text-decoration: none;

    font-size: 9px;

    font-weight: 900;

    transition:
        color .3s ease;
}


.mz-specialist-link512 span {
    display: flex;

    width: 25px;
    height: 25px;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background: #19b5c6;

    transition:
        transform .3s ease;
}


.mz-specialist-card-pink514
.mz-specialist-link512 span {
    background: #d34691;
}


.mz-specialist-link512:hover span {
    transform:
        rotate(45deg);
}


/* BOTTOM LINE */

.mz-specialist-line513 {
    position: absolute;

    left: 24px;
    right: 24px;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #19b5c6,
            transparent
        );
}


.mz-specialist-card-pink514
.mz-specialist-line513 {
    background:
        linear-gradient(
            90deg,
            #d34691,
            transparent
        );
}


/* =========================================
   QUOTE
========================================= */

.mz-specialists-quote515 {
    min-height: 330px;

    padding: 35px 25px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-radius: 25px;

    background:
        #08263a;

    box-shadow:
        0 25px 55px rgba(8,38,58,0.16);

    position: relative;

    overflow: hidden;

    opacity: 0;

    transform:
        translateX(35px);

    animation:
        mzSpecialistQuote522 1s .3s ease forwards;
}


.mz-specialists-quote515::before {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    right: -80px;
    top: -80px;

    border-radius: 50%;

    border:
        1px solid rgba(97,195,208,0.25);

    animation:
        mzQuoteRotate523 10s linear infinite;
}


.mz-quote-mark516 {
    color: #f7932e;

    font-family:
        Georgia,
        serif;

    font-size: 65px;

    line-height: .5;

    margin-bottom: 25px;
}


.mz-specialists-quote515 p {
    margin: 0;

    color: #ffffff;

    font-family:
        Georgia,
        serif;

    font-size: 23px;

    line-height: 1.35;

    font-style: italic;
}


.mz-specialists-quote515 p span {
    color: #61c3d0;
}


.mz-quote-author517 {
    margin-top: 25px;

    color: #d34691;

    font-family:
        Georgia,
        serif;

    font-size: 13px;

    font-style: italic;
}


.mz-quote-author517::before {
    content: "— ";

    color: #f7932e;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes mzSpecialistIntro520 {

    from {
        opacity: 0;
        transform:
            translateX(-35px);
    }

    to {
        opacity: 1;
        transform:
            translateX(0);
    }
}


@keyframes mzSpecialistCard521 {

    from {
        opacity: 0;
        transform:
            translateY(40px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0);
    }
}


@keyframes mzSpecialistQuote522 {

    from {
        opacity: 0;
        transform:
            translateX(35px);
    }

    to {
        opacity: 1;
        transform:
            translateX(0);
    }
}


@keyframes mzQuoteRotate523 {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }
}


@keyframes mzSpecialistFloat518 {

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

    50% {
        transform:
            translate(45px,30px);
    }
}


@keyframes mzSpecialistFloat519 {

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

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


/* =========================================
   MOBILE - MAX 768PX
========================================= */

@media (max-width: 768px) {

    .mz-specialists-section501 {
        padding: 70px 0;
    }


    .mz-specialists-container502 {
        display: block;

        padding: 0 20px;
    }


    .mz-specialists-intro503 {
        text-align: center;

        margin-bottom: 40px;
    }


    .mz-specialists-eyebrow504 {
        font-size: 12px;

        letter-spacing: 2px;
    }


    .mz-specialists-intro503 h2 {
        font-size: 38px;
    }


    .mz-specialists-intro503 p {
        max-width: 430px;

        margin:
            20px auto 25px;

        font-size: 12px;
    }


    .mz-specialists-list506 {
        display: flex;

        overflow-x: auto;

        gap: 15px;

        padding:
            5px 2px 25px;

        scrollbar-width: none;

        scroll-snap-type:
            x mandatory;
    }


    .mz-specialists-list506::-webkit-scrollbar {
        display: none;
    }


    .mz-specialist-card507 {
        min-width: 285px;

        flex: 0 0 285px;

        scroll-snap-align: center;

        min-height: 390px;
    }


    .mz-specialists-quote515 {
        margin-top: 20px;

        min-height: 250px;

        text-align: center;

        align-items: center;
    }


    .mz-specialists-quote515 p {
        font-size: 21px;

        max-width: 280px;
    }

}


/* =========================================
   LARGE DESKTOP - MIN 1440PX
========================================= */

@media (min-width: 1440px) {

    .mz-specialists-section501 {
        padding: 125px 0;
    }


    .mz-specialists-container502 {
        max-width: 1580px;

        padding: 0 55px;

        gap: 45px;
    }


    .mz-specialists-intro503 h2 {
        font-size: 58px;
    }


    .mz-specialists-intro503 p {
        max-width: 370px;

        font-size: 12px;
    }


    .mz-specialist-card507 {
        min-height: 420px;

        padding-left: 28px;
        padding-right: 28px;
        padding-bottom: 30px;
    }


    .mz-specialist-photo508 {
        height: 215px;
    }


    .mz-specialist-info509 {
        padding-top: 195px;
    }


    .mz-specialist-info509 h3 {
        font-size: 28px;
    }


    .mz-specialists-quote515 {
        min-height: 350px;

        padding: 40px 30px;
    }


    .mz-specialists-quote515 p {
        font-size: 25px;
    }

}







/* physiomotion gallery section css */



/* ==========================================
   LUXURY GALLERY SECTION
========================================== */


.myo-gallery-heading44 h2{
    color: #298db4;
    margin: 80px 0 30px;
    font-size: 65px;
}



.luxury-gallery-section11 {
    width: 100%;
    padding: 100px 0 110px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 0% 30%,
            rgba(64, 50, 189, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 100% 80%,
            rgba(198, 156, 76, 0.08),
            transparent 28%
        ),
        #ffffff;
}


.luxury-gallery-container22 {
    width: 90%;
    max-width: 1450px;
    margin: auto;
}


/* ==========================================
   SLIDER
========================================== */

.luxury-gallery-slider-wrap88 {
    position: relative;
    width: 100%;
}


.luxury-gallery-slider91 {
    width: 100%;
    overflow: hidden;

    cursor: grab;
    user-select: none;

    touch-action: pan-y;
}


.luxury-gallery-slider91.dragging {
    cursor: grabbing;
}


/* ==========================================
   TRACK
========================================== */

.luxury-gallery-track92 {
    display: flex;
    gap: 22px;

    will-change: transform;

    transition:
        transform 0.65s
        cubic-bezier(.22,.61,.36,1);
}


/* ==========================================
   CARD
========================================== */

.luxury-gallery-slide93 {
    position: relative;

    flex: 0 0 calc(
        (100% - 44px) / 3
    );

    min-width: 0;

    overflow: hidden;

    border-radius: 20px;

    background: #ffffff;

    border: 1px solid
        rgba(56, 49, 145, 0.09);

    box-shadow:
        0 12px 35px
        rgba(28, 27, 87, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


.luxury-gallery-slide93:hover {
    transform:
        translateY(-8px);

    box-shadow:
        0 25px 55px
        rgba(35, 30, 100, 0.14);
}


/* ==========================================
   IMAGE
========================================== */

.luxury-gallery-image94 {
    position: relative;

    width: 100%;
    height: 320px;

    overflow: hidden;
}


.luxury-gallery-image94 img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    pointer-events: none;

    transition:
        transform 0.7s
        cubic-bezier(.2,.8,.2,1),
        filter 0.4s ease;
}


.luxury-gallery-slide93:hover
.luxury-gallery-image94 img {
    transform: scale(1.08);
    filter: brightness(0.72);
}


/* ==========================================
   OVERLAY
========================================== */

.luxury-gallery-overlay95 {
    position: absolute;

    inset: 0;

    display: flex;

    align-items: flex-end;
    justify-content: flex-end;

    padding: 18px;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(8, 10, 38, 0.35)
        );

    pointer-events: none;
}




/* ==========================================
   ARROWS
========================================== */

.luxury-gallery-arrow89 {
    position: absolute;

    z-index: 10;

    top: 70%;

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid
        rgba(64, 50, 189, 0.15);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.96);

    color: #4032bd;

    box-shadow:
        0 10px 30px
        rgba(32, 28, 100, 0.12);

    cursor: pointer;

    transform: translateY(-50%);

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.luxury-gallery-prev90 {
    left: -26px;
}


.luxury-gallery-next98 {
    right: -26px;
}


.luxury-gallery-arrow89:hover {
    background: #4032bd;
    color: #ffffff;

    transform:
        translateY(-50%)
        scale(1.08);
}


/* ==========================================
   LIGHTBOX
========================================== */

.luxury-gallery-lightbox99 {
    position: fixed;

    z-index: 99999;

    inset: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 40px;

    background:
        rgba(8, 9, 32, 0.95);

    backdrop-filter: blur(12px);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}


.luxury-gallery-lightbox99.active {
    opacity: 1;
    visibility: visible;
}


.luxury-gallery-lightbox-content102 {
    max-width: 1100px;
    max-height: 85vh;

    transform: scale(0.94);

    transition:
        transform 0.4s ease;
}


.luxury-gallery-lightbox99.active
.luxury-gallery-lightbox-content102 {
    transform: scale(1);
}


.luxury-gallery-lightbox-content102 img {
    display: block;

    max-width: 100%;
    max-height: 80vh;

    object-fit: contain;

    border-radius: 12px;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,0.45);
}


/* ==========================================
   LIGHTBOX BUTTONS
========================================== */

.luxury-gallery-lightbox-close100,
.luxury-gallery-lightbox-prev101,
.luxury-gallery-lightbox-next104 {
    position: absolute;

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid
        rgba(255,255,255,0.25);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.08);

    color: #ffffff;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.luxury-gallery-lightbox-close100 {
    top: 25px;
    right: 30px;
}


.luxury-gallery-lightbox-prev101 {
    left: 30px;
    top: 50%;

    transform:
        translateY(-50%);
}


.luxury-gallery-lightbox-next104 {
    right: 30px;
    top: 50%;

    transform:
        translateY(-50%);
}


.luxury-gallery-lightbox-close100:hover,
.luxury-gallery-lightbox-prev101:hover,
.luxury-gallery-lightbox-next104:hover {
    background: #ffffff;
    color: #4032bd;
}


/* ==========================================
   MOBILE
   MAX 768PX
========================================== */

@media (max-width: 768px) {

    .luxury-gallery-section11 {
        padding: 70px 0 80px;
    }


    .luxury-gallery-container22 {
        width: 90%;
    }


    .luxury-gallery-track92 {
        gap: 14px;
    }


    .luxury-gallery-slide93 {
        flex: 0 0 100%;
        border-radius: 17px;
    }


    .luxury-gallery-image94 {
        height: 270px;
    }


    .luxury-gallery-arrow89 {
        width: 42px;
        height: 42px;
    }


    .luxury-gallery-prev90 {
        left: -10px;
    }


    .luxury-gallery-next98 {
        right: -10px;
    }


    .luxury-gallery-view96 {
        width: 42px;
        height: 42px;
    }


    .luxury-gallery-lightbox99 {
        padding: 20px;
    }


    .luxury-gallery-lightbox-content102 img {
        max-height: 65vh;
    }


    .luxury-gallery-lightbox-close100 {
        top: 15px;
        right: 15px;

        width: 40px;
        height: 40px;
    }


    .luxury-gallery-lightbox-prev101,
    .luxury-gallery-lightbox-next104 {
        width: 40px;
        height: 40px;
    }


    .luxury-gallery-lightbox-prev101 {
        left: 10px;
    }


    .luxury-gallery-lightbox-next104 {
        right: 10px;
    }

}


/* ==========================================
   LARGE DESKTOP
   MIN 1440PX
========================================== */

@media (min-width: 1440px) {

    .luxury-gallery-section11 {
        padding: 120px 0 130px;
    }


    .luxury-gallery-container22 {
        max-width: 1550px;
    }


    .luxury-gallery-image94 {
        height: 350px;
    }


    .luxury-gallery-slide93 {
        flex-basis:
            calc(
                (100% - 44px) / 3
            );
    }

}












/* physiomotion review section css */



/* =========================================
   MYOZEE REVIEW SLIDER
   3 CARDS VISIBLE
   NO BOOTSTRAP
========================================= */

.myo-unique-review801 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 85px 0;
    background: #f5fafb;
}


/* BACKGROUND SHAPES */

.myo-review-shape802 {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.myo-review-shape-one803 {
    width: 350px;
    height: 350px;
    top: -190px;
    right: -80px;
    border: 2px solid rgba(97,195,208,.18);
    animation: myoReviewRotate829 15s linear infinite;
}

.myo-review-shape-two804 {
    width: 250px;
    height: 250px;
    bottom: -150px;
    left: -100px;
    background: radial-gradient(
        circle,
        rgba(211,70,145,.13),
        transparent 70%
    );
    animation: myoReviewFloat830 8s ease-in-out infinite;
}


/* CONTAINER */

.myo-unique-review-container805 {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}


/* =========================================
   INTRO
========================================= */

.myo-review-intro806 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 38px;

    opacity: 0;
    transform: translateY(20px);

    animation:
        myoReviewIntro831
        .9s ease forwards;
}


.myo-review-label807 {
    display: inline-block;
    margin-bottom: 10px;

    color: #d34691;

    font-size: 9px;
    font-weight: 900;
    letter-spacing: 3px;
}


.myo-review-intro806 h2 {
    margin: 0;

    color: #08263a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 46px;
    font-weight: 500;
    line-height: 1.05;
}


.myo-review-intro806 h2 span {
    color: #16afc1;
    font-style: italic;
}


.myo-review-intro806 p {
    max-width: 480px;

    margin: 15px auto 0;

    color: #6b7e87;

    font-size: 10px;
    line-height: 1.7;
}


/* =========================================
   SLIDER
========================================= */

.myo-review-slider-wrapper850 {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 8px 0 20px;
}


.myo-review-slider-track851 {
    display: flex;

    gap: 20px;

    width: 100%;

    transition:
        transform .7s cubic-bezier(
            .77,
            0,
            .175,
            1
        );

    will-change: transform;
}


/* =========================================
   3 CARDS
========================================= */

.myo-review-slide852 {
    flex: 0 0 calc(
        (100% - 40px) / 3
    );

    width: calc(
        (100% - 40px) / 3
    );

    min-width: 0;

    padding: 5px 0 12px;

    box-sizing: border-box;
}


/* =========================================
   REVIEW CARD
========================================= */

.myo-main-review812 {
    width: 100%;

    min-height: 315px;

    padding: 27px 27px;

    position: relative;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            #08263a,
            #0d354b
        );

    box-shadow:
        0 18px 45px
        rgba(8,38,58,.17);

    overflow: hidden;

    box-sizing: border-box;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.myo-main-review812:hover {
    transform: translateY(-6px);

    box-shadow:
        0 25px 55px
        rgba(8,38,58,.25);
}


/* DECORATION */

.myo-main-review812::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -90px;
    top: -90px;

    border-radius: 50%;

    border:
        1px solid
        rgba(97,195,208,.22);

    animation:
        myoInnerCircle853
        8s linear infinite;
}


.myo-main-review812::after {
    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    left: -65px;
    bottom: -65px;

    border-radius: 50%;

    background:
        rgba(211,70,145,.08);
}


/* =========================================
   TOP
========================================= */

.myo-main-review-top813 {
    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 11px;
}


.myo-review-avatar814 {
    width: 45px;
    height: 45px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #08263a;

    background: #61c3d0;

    font-size: 12px;

    font-weight: 900;

    box-shadow:
        0 0 0 5px
        rgba(97,195,208,.08);
}


.myo-main-review-top813 h3 {
    margin: 0 0 4px;

    color: #ffffff;

    font-size: 14px;
}


.myo-main-review-top813 span {
    color: #8da7b3;

    font-size: 9px;
}


.myo-verified815 {
    margin-left: auto;

    width: 23px;
    height: 23px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background: #16afc1;

    font-size: 10px;

    box-shadow:
        0 0 12px
        rgba(22,175,193,.25);
}


/* =========================================
   STARS
========================================= */

.myo-main-stars816 {
    position: relative;

    z-index: 3;

    margin-top: 20px;

    color: #f7932e;

    font-size: 12px;

    letter-spacing: 3px;

    animation:
        myoStarsPulse833
        2s ease-in-out infinite;
}


/* =========================================
   QUOTE
========================================= */

.myo-big-quote817 {
    position: absolute;

    top: 80px;
    right: 25px;

    color:
        rgba(97,195,208,.13);

    font-family:
        Georgia,
        serif;

    font-size: 100px;

    line-height: .6;

    z-index: 1;
}


/* =========================================
   TEXT
========================================= */

.myo-main-text818 {
    position: relative;

    z-index: 3;

    margin: 17px 0 22px;

    color: #d6e3e8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    line-height: 1.65;

    font-style: italic;
}


/* =========================================
   FOOTER
========================================= */

.myo-review-footer819 {
    position: absolute;

    left: 27px;
    right: 27px;
    bottom: 22px;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 12px;

    border-top:
        1px solid
        rgba(255,255,255,.10);

    color: #61c3d0;

    font-size: 8px;

    letter-spacing: .7px;

    text-transform: uppercase;
}


.myo-review-footer819 b {
    color: #f7932e;

    font-size: 8px;
}





/* =========================================
   NAVIGATION
========================================= */

.myo-review-navigation821 {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 15px;
}


.myo-review-arrow822 {
    width: 40px;
    height: 40px;

    padding: 0;

    border:
        1px solid
        #cbdde1;

    border-radius: 50%;

    color: #08263a;

    background: #ffffff;

    font-size: 16px;

    cursor: pointer;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease;

    display: flex;

    align-items: center;
    justify-content: center;
}


.myo-review-arrow822:hover {
    color: #ffffff;

    background: #16afc1;

    border-color: #16afc1;

    transform: scale(1.08);
}


.myo-review-arrow822:active {
    transform: scale(.92);
}


/* =========================================
   DOTS
========================================= */

.myo-review-progress824 {
    display: flex;

    align-items: center;

    gap: 6px;
}


.myo-review-progress824 span {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #c4d5da;

    cursor: pointer;

    transition:
        width .35s ease,
        background .35s ease;
}


.myo-review-progress824
.myo-progress-active825 {
    width: 22px;

    border-radius: 10px;

    background: #d34691;
}


/* =========================================
   TRUST
========================================= */

.myo-review-google827 {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    margin-top: 17px;

    color: #6a7e87;

    font-size: 8px;
}


.myo-google-icon828 {
    width: 22px;
    height: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background: #4285f4;

    font-size: 9px;

    font-weight: 900;
}


.myo-review-google827 strong {
    color: #f7932e;

    font-size: 9px;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoReviewIntro831 {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes myoStarsPulse833 {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .65;
        transform: scale(1.04);
    }

}


@keyframes myoReviewRotate829 {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes myoReviewFloat830 {

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

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

}


@keyframes myoInnerCircle853 {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


/* =========================================
   MOBILE - MAX 768PX
========================================= */

@media (max-width: 768px) {

    .myo-unique-review801 {
        padding: 65px 0;
    }


    .myo-unique-review-container805 {
        padding: 0 16px;
    }


    .myo-review-intro806 {
        margin-bottom: 28px;
    }


    .myo-review-intro806 h2 {
        font-size: 34px;
    }


    .myo-review-intro806 p {
        font-size: 9px;
    }


    .myo-review-slider-track851 {
        gap: 12px;
    }


    /* MOBILE = 1 CARD */

    .myo-review-slide852 {
        flex: 0 0 100%;
        width: 100%;
    }


    .myo-main-review812 {
        min-height: 330px;

        padding: 25px 22px;

        border-radius: 21px;
    }


    .myo-review-avatar814 {
        width: 43px;
        height: 43px;
    }


    .myo-main-review-top813 h3 {
        font-size: 12px;
    }


    .myo-main-stars816 {
        margin-top: 18px;
    }


    .myo-main-text818 {
        font-size: 14px;

        line-height: 1.7;
    }


    .myo-review-footer819 {
        left: 22px;
        right: 22px;
        bottom: 20px;
    }


    .myo-review-navigation821 {
        margin-top: 10px;
    }

}


/* =========================================
   LARGE DESKTOP - MIN 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-unique-review801 {
        padding: 105px 0;
    }


    .myo-unique-review-container805 {
        max-width: 1500px;
        padding: 0 35px;
    }


    .myo-review-intro806 h2 {
        font-size: 52px;
    }


    .myo-review-slider-track851 {
        gap: 18px;
    }


    .myo-review-slide852 {
        flex: 0 0 calc(
            (100% - 36px) / 3
        );

        width: calc(
            (100% - 36px) / 3
        );
    }


    .myo-main-review812 {
        min-height: 330px;

        padding: 29px 30px;
    }


    .myo-main-text818 {
        font-size: 14px;
    }

}











/* physiomotion footer section css */


/* =========================================
   MYOZEE PREMIUM FOOTER
   NO BOOTSTRAP
========================================= */

.myo-footer900 {
    width: 100%;
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #061d2d 0%,
            #082b3e 55%,
            #061d2d 100%
        );

    color: #ffffff;

    padding-top: 0;
}


/* =========================================
   BACKGROUND DECORATIONS
========================================= */

.myo-footer-glow901 {
    position: absolute;

    width: 550px;
    height: 550px;

    right: -260px;
    top: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(97,195,208,.14),
            transparent 68%
        );

    pointer-events: none;

    animation:
        myoFooterGlow921
        7s ease-in-out infinite;
}


.myo-footer-circle902 {
    position: absolute;

    width: 420px;
    height: 420px;

    left: -260px;
    bottom: -300px;

    border-radius: 50%;

    border:
        1px solid
        rgba(211,70,145,.18);

    animation:
        myoFooterRotate922
        18s linear infinite;
}


/* =========================================
   CONTAINER
========================================= */

.myo-footer-container903 {
    width: 100%;

    max-width: 1450px;

    margin: auto;

    padding: 0 35px;

    position: relative;

    z-index: 2;
}


/* =========================================
   CTA
========================================= */

.myo-footer-cta904 {
    min-height: 150px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 35px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);
}


.myo-footer-small906 {
    display: block;

    margin-bottom: 9px;

    color: #61c3d0;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;
}


.myo-footer-cta-text905 h2 {
    margin: 0;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 43px;

    font-weight: 400;

    line-height: 1.1;
}


.myo-footer-cta-text905 h2 span {
    color: #61c3d0;

    font-style: italic;
}


/* CTA BUTTON */

.myo-footer-cta-btn907 {
    min-width: 210px;

    padding: 14px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    text-decoration: none;

    color: #08263a;

    background: #61c3d0;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 800;

    transition:
        transform .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}


.myo-footer-cta-btn907 b {
    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    background: #08263a;

    font-size: 15px;

    transition:
        transform .35s ease;
}


.myo-footer-cta-btn907:hover {
    transform:
        translateY(-4px);

    background: #ffffff;

    box-shadow:
        0 12px 30px
        rgba(97,195,208,.18);
}


.myo-footer-cta-btn907:hover b {
    transform:
        rotate(45deg);
}


/* =========================================
   MAIN FOOTER
========================================= */

.myo-footer-main908 {
    display: grid;

    grid-template-columns:
        1.5fr
        .7fr
        1fr
        1.2fr;

    gap: 50px;

    padding: 60px 0 50px;
}


/* =========================================
   BRAND
========================================= */

.myo-footer-brand909 {
    max-width: 320px;
}


.myo-footer-logo910 {
    display: inline-flex;

    align-items: center;

    margin-bottom: 20px;
}


.myo-logo3333 img {
    width: 200px;
    border-radius: 20px 4px 20px 4px;
    margin-bottom: 20px;
}


.myo-footer-brand909 p {
    margin: 0;

    color: #91aab5;

    font-size: 13px;

    line-height: 1.9;
}


/* =========================================
   SOCIAL
========================================= */

.myo-footer-social911 {
    display: flex;

    gap: 8px;

    margin-top: 25px;
}


.myo-footer-social911 a {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 50%;

    text-decoration: none;

    color: #9eb5be;

    font-size: 10px;

    font-weight: 800;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease;
}


.myo-footer-social911 a:hover {
    color: #08263a;

    background: #61c3d0;

    border-color: #61c3d0;

    transform:
        translateY(-5px);
}


/* =========================================
   FOOTER COLUMNS
========================================= */

.myo-footer-column912 {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


.myo-footer-heading913 {
    margin-bottom: 22px;

    color: #61c3d0;

    font-size: 15px;

    font-weight: 900;

    letter-spacing: 3px;
}


.myo-footer-column912 a {
    position: relative;

    margin-bottom: 13px;

    text-decoration: none;

    color: #a9bbc2;

    font-size: 13px;

    transition:
        color .3s ease,
        transform .3s ease;
}


.myo-footer-column912 a::before {
    content: "";

    position: absolute;

    width: 0;
    height: 1px;

    left: 0;
    bottom: -3px;

    background: #d34691;

    transition:
        width .3s ease;
}


.myo-footer-column912 a:hover {
    color: #ffffff;

    transform:
        translateX(5px);
}


.myo-footer-column912 a:hover::before {
    width: 100%;
}


/* =========================================
   CONTACT
========================================= */

.myo-footer-contact914 {
    display: flex;

    flex-direction: column;
}


.myo-footer-contact-item915 {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 19px;

    text-decoration: none;
}


.myo-footer-contact-icon916 {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #61c3d0;

    border:
        1px solid
        rgba(97,195,208,.25);

    font-size: 20px;

    transition:
        background .3s ease,
        color .3s ease;
}


.myo-footer-contact-item915:hover
.myo-footer-contact-icon916 {
    color: #08263a;

    background: #61c3d0;
}


.myo-footer-contact-item915 small {
    display: block;

    margin-bottom: 4px;

    color: #667f8b;

    font-size: 10px;

    letter-spacing: 1.5px;
}


.myo-footer-contact-item915 strong {
    display: block;

    color: #d8e3e7;

    font-size: 12px;

    font-weight: 500;
}


/* =========================================
   BOTTOM
========================================= */

.myo-footer-bottom917 {
    min-height: 65px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-top:
        1px solid
        rgba(255,255,255,.09);

    color: #6e8994;

    font-size: 13px;
}


.myo-footer-bottom-links919 {
    display: flex;

    align-items: center;

    gap: 22px;
}


.myo-footer-bottom-links919 a {
    color: #78929c;

    text-decoration: none;

    transition:
        color .3s ease;
}


.myo-footer-bottom-links919 a:hover {
    color: #61c3d0;
}


.myo-footer-made920 {
    color: #6e8994;
}


.myo-footer-made920 b {
    margin-left: 5px;

    color: #d34691;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes myoFooterGlow921 {

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

    50% {
        transform:
            scale(1.12);
    }

}


@keyframes myoFooterRotate922 {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================
   MOBILE - MAX 768PX
========================================= */

@media (max-width: 768px) {

    .myo-footer-container903 {
        padding: 0 20px;
    }


    .myo-footer-cta904 {
        min-height: auto;

        padding: 35px 0;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }


    .myo-footer-cta-text905 h2 {
        font-size: 35px;
    }


    .myo-footer-small906 {
        font-size: 7px;

        letter-spacing: 2px;
    }


    .myo-footer-cta-btn907 {
        width: 100%;

        box-sizing: border-box;
    }


    .myo-footer-main908 {
        grid-template-columns: 1fr 1fr;

        gap: 35px 25px;

        padding: 45px 0 35px;
    }


    .myo-footer-brand909 {
        grid-column:
            1 / -1;

        max-width: 100%;
    }


    .myo-footer-logo910 img {
        width: 130px;
    }


    .myo-footer-brand909 p {
        max-width: 340px;

        font-size: 12px;
    }


    .myo-footer-heading913 {
        margin-bottom: 17px;

        font-size: 13px;
    }


    .myo-footer-column912 a {
        font-size: 13px;

        margin-bottom: 11px;
    }


    .myo-footer-contact-item915 {
        gap: 9px;

        margin-bottom: 15px;
    }


    .myo-footer-contact-icon916 {
        width: 30px;
        height: 30px;

        font-size: 15px;
    }


    .myo-footer-contact-item915 strong {
        font-size: 12px;
    }


    .myo-footer-bottom917 {
        padding: 18px 0;

        flex-direction: column;

        justify-content: center;

        text-align: center;

        gap: 12px;
    }


    .myo-footer-bottom-links919 {
        gap: 15px;
    }


    .myo-footer-made920 {
        display: none;
    }

}


/* =========================================
   LARGE DESKTOP - MIN 1440PX
========================================= */

@media (min-width: 1440px) {

    .myo-footer-container903 {
        max-width: 1550px;

        padding: 0 45px;
    }


    .myo-footer-cta904 {
        min-height: 165px;
    }


    .myo-footer-cta-text905 h2 {
        font-size: 48px;
    }


    .myo-footer-main908 {
        padding:
            70px 0 55px;

        gap: 70px;
    }


    .myo-footer-brand909 p {
        font-size: 11px;
    }


    .myo-footer-column912 a {
        font-size: 10px;
    }

}





/* physiomotion contact section css */



/* ==============================
   MYOZEE CONTACT SECTION
============================== */

.myozee-contact100 {
    position: relative;
    width: 100%;
    padding: 100px 20px;
    overflow: hidden;
    background: #061d2d;
    font-family: Arial, sans-serif;
}

.myozee-contact-bg101 {
    position: absolute;
    width: 500px;
    height: 500px;
    right: -180px;
    top: -180px;
    border-radius: 50%;
    background: rgba(97, 195, 208, 0.08);
    filter: blur(10px);
    animation: myozeeContactFloat131 7s ease-in-out infinite;
}

.myozee-contact-bg101::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    left: -600px;
    top: 500px;
    border-radius: 50%;
    background: rgba(211, 70, 145, 0.10);
}

.myozee-contact-container102 {
    position: relative;
    max-width: 1250px;
    margin: auto;
}


/* ==============================
   HEADING
============================== */

.myozee-contact-heading103 {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.myozee-contact-mini104 {
    display: inline-block;
    margin-bottom: 16px;
    color: #61c3d0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.myozee-contact-heading103 h2 {
    margin: 0;
    color: #ffffff;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1px;
}

.myozee-contact-heading103 h2 span {
    color: #d34691;
    font-style: italic;
}

.myozee-contact-heading103 p {
    max-width: 650px;
    margin: 22px auto 0;
    color: rgba(255,255,255,0.65);
    font-size: 15px;
    line-height: 1.8;
}


/* ==============================
   MAIN GRID
============================== */

.myozee-contact-grid105 {
    display: grid;
    grid-template-columns: 0.85fr 1.35fr;
    gap: 35px;
    align-items: stretch;
}


/* ==============================
   LEFT INFO
============================== */

.myozee-contact-info106 {
    position: relative;
    padding: 48px 40px;
    border-radius: 25px;
    overflow: hidden;
    background: linear-gradient(
        145deg,
        #0b3043,
        #082536
    );
    border: 1px solid rgba(97,195,208,0.18);
}

.myozee-contact-info-top107 > span {
    color: #f49a31;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
}

.myozee-contact-info-top107 h3 {
    margin: 14px 0 40px;
    color: #ffffff;
    font-size: 39px;
    line-height: 1.05;
}

.myozee-contact-info-top107 h3 strong {
    color: #61c3d0;
    font-weight: 800;
}


/* ==============================
   CONTACT ITEMS
============================== */

.myozee-contact-items108 {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.myozee-contact-item109 {
    display: flex;
    align-items: center;
    gap: 17px;
    text-decoration: none;
    color: #ffffff;
    transition: 0.35s ease;
}

.myozee-contact-item109:hover {
    transform: translateX(7px);
}

.myozee-contact-icon110 {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: #061d2d;
    font-size: 20px;
    font-weight: bold;
}

.myozee-icon-cyan111 {
    background: #61c3d0;
}

.myozee-icon-pink112 {
    background: #d34691;
}

.myozee-icon-orange113 {
    background: #f49a31;
}

.myozee-contact-item109 small {
    display: block;
    margin-bottom: 5px;
    color: rgba(255,255,255,0.48);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.myozee-contact-item109 strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}


/* ==============================
   HIGHLIGHT BOX
============================== */

.myozee-contact-highlight114 {
    position: relative;
    margin-top: 45px;
    padding: 25px;
    min-height: 145px;
    overflow: hidden;
    border-radius: 18px;
    background: #061d2d;
    border-left: 3px solid #d34691;
}

.myozee-contact-highlight-circle115 {
    position: absolute;
    width: 130px;
    height: 130px;
    right: -45px;
    top: -45px;
    border-radius: 50%;
    border: 25px solid rgba(97,195,208,0.08);
}

.myozee-contact-highlight114 > span {
    position: relative;
    color: #61c3d0;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.myozee-contact-highlight114 h4 {
    position: relative;
    margin: 9px 0 15px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.05;
}

.myozee-contact-line116 {
    display: flex;
    gap: 5px;
}

.myozee-contact-line116 i {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 10px;
}

.myozee-contact-line116 i:nth-child(1) {
    background: #61c3d0;
}

.myozee-contact-line116 i:nth-child(2) {
    background: #d34691;
}

.myozee-contact-line116 i:nth-child(3) {
    background: #f49a31;
}


/* ==============================
   FORM WRAPPER
============================== */

.myozee-contact-form-wrapper117 {
    padding: 48px;
    border-radius: 25px;
    background: #ffffff;
    box-shadow: 0 30px 70px rgba(0,0,0,0.22);
}

.myozee-contact-form-top118 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 35px;
}

.myozee-contact-form-top118 span {
    color: #d34691;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.myozee-contact-form-top118 h3 {
    margin: 8px 0 0;
    color: #061d2d;
    font-size: 31px;
}

.myozee-contact-number119 {
    color: #61c3d0;
    font-size: 45px;
    line-height: 1;
    font-weight: 900;
    opacity: 0.5;
}


/* ==============================
   FORM
============================== */

.myozee-contact-form120 {
    width: 100%;
}

.myozee-form-row122 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.myozee-form-group123 {
    margin-bottom: 22px;
}

.myozee-form-group123 label {
    display: block;
    margin-bottom: 9px;
    color: #71808a;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.myozee-form-group123 input,
.myozee-form-group123 select,
.myozee-form-group123 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e8eb;
    outline: none;
    border-radius: 10px;
    padding: 15px 16px;
    background: #f8fafb;
    color: #061d2d;
    font-family: inherit;
    font-size: 14px;
    transition: 0.3s ease;
}

.myozee-form-group123 input,
.myozee-form-group123 select {
    height: 52px;
}

.myozee-form-group123 textarea {
    min-height: 115px;
    resize: vertical;
}

.myozee-form-group123 input:focus,
.myozee-form-group123 select:focus,
.myozee-form-group123 textarea:focus {
    border-color: #61c3d0;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(97,195,208,0.10);
}

.myozee-message128 {
    margin-bottom: 25px;
}


/* ==============================
   BUTTON
============================== */

.myozee-contact-submit130 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 58px;
    padding: 0 9px 0 24px;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
    background: #061d2d;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: 0.35s ease;
}

.myozee-contact-submit130::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(
        90deg,
        #61c3d0,
        #d34691
    );
    transition: 0.45s ease;
    z-index: 0;
}

.myozee-contact-submit130 span,
.myozee-contact-submit130 b {
    position: relative;
    z-index: 1;
}

.myozee-contact-submit130 b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: #f49a31;
    color: #061d2d;
    font-size: 19px;
    transition: 0.35s ease;
}

.myozee-contact-submit130:hover::before {
    width: 100%;
}

.myozee-contact-submit130:hover b {
    transform: rotate(45deg);
}


/* ==============================
   ANIMATION
============================== */

@keyframes myozeeContactFloat131 {
    0%, 100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(-25px,25px);
    }
}


/* ==============================
   MOBILE
============================== */

@media (max-width: 768px) {

    .myozee-contact100 {
        padding: 70px 16px;
    }

    .myozee-contact-heading103 {
        margin-bottom: 40px;
    }

    .myozee-contact-heading103 h2 {
        font-size: 36px;
    }

    .myozee-contact-heading103 p {
        font-size: 14px;
    }

    .myozee-contact-grid105 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .myozee-contact-info106 {
        padding: 35px 25px;
    }

    .myozee-contact-info-top107 h3 {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .myozee-contact-form-wrapper117 {
        padding: 28px 20px;
    }

    .myozee-contact-form-top118 h3 {
        font-size: 25px;
    }

    .myozee-contact-number119 {
        font-size: 32px;
    }

    .myozee-form-row122 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .myozee-contact-highlight114 {
        margin-top: 35px;
    }
}


/* ==============================
   LARGE DESKTOP
============================== */

@media (min-width: 1440px) {

    .myozee-contact-container102 {
        max-width: 1380px;
    }

    .myozee-contact-heading103 h2 {
        font-size: 60px;
    }

    .myozee-contact-grid105 {
        gap: 45px;
    }

    .myozee-contact-info106 {
        padding: 55px 48px;
    }

    .myozee-contact-form-wrapper117 {
        padding: 55px;
    }
}