/*
Theme Name: Hybrid Gym
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/*========================== COMMON DETAILS START ==========================*/
.common-btn a {
    background: linear-gradient(111deg, rgb(255, 197, 18) 34.21%, #FFFFAF 70.18%, rgb(255, 197, 18) 88.6%) !important;
    transition: all 0.7s ease-in-out !important;
    -webkit-transition: all 0.7s ease-in-out !important;
    -moz-transition: all 0.7s ease-in-out !important;
    -ms-transition: all 0.7s ease-in-out !important;
    -o-transition: all 0.7s ease-in-out !important;
}

.common-btn a:hover {
    background: linear-gradient(222deg, rgb(255, 197, 18) 34.21%, #FFFFAF 70.18%, rgb(255, 197, 18) 88.6%) !important;
}

.white-btn a:hover {
    background: linear-gradient(222deg, rgb(255, 197, 18) 34.21%, #FFFFAF 70.18%, rgb(255, 197, 18) 88.6%) !important;
}

/*========================== COMMON DETAILS END ==========================*/

/*========================== HEAER START ==========================*/
.menu-icon svg {
    cursor: pointer !important;
}

.menu-icon svg path {
    transition: all 0.5s ease-in-out !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
}

.menu-icon:hover svg path {
    fill: #FFC512 !important;
}

.header-menu-block {
    backdrop-filter: blur(12px);
}

/*========================== HEAER END ==========================*/

/*========================== OVER ONS PAGE START ==========================*/
.common-bg-right-img {
    height: 100% !important;
    width: 100% !important;
}

/* .banner-box-wrapper::after {
    content: '' !important;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #191631;
    background: linear-gradient(90deg, #181530 57.27%, rgba(24, 21, 48, 0) 100%) no-repeat;
    opacity: 0.6;
    z-index: 1;
    pointer-events: none !important;
} */

/*========================== OVER ONS PAGE END ==========================*/

/*========================== OVER ONS PAGE HYBRID WAY SECTION START ==========================*/
.hybrid-way-video-icon a.elementor-icon svg rect {
    transition: all 0.5s ease-in-out !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
}

.hybrid-way-video-icon a.elementor-icon:hover svg rect {
    fill: #FFFFFF;
}

/*========================== OVER ONS PAGE HYBRID WAY SECTION END ==========================*/

/*========================== OVER ONS PAGE JOIN HYBRID GYM SECTION START ==========================*/
.join-hybrid-gym-logo-img img {
    filter: drop-shadow(0px 0px 36px black) !important;
    -webkit-filter: drop-shadow(0px 0px 36px black) !important;
}

/*========================== OVER ONS PAGE JOIN HYBRID GYM SECTION END ==========================*/

/*========================== MEDIA QUERIES START ==========================*/
@media(min-width: 1367px) and (max-width: 1760px) {
    .join-hybrid-gym-group-img img {
        height: clamp(400px, calc(-169.7px + 41.9vw), 564px) !important;
    }

    .join-hybrid-gym-h-character-img img {
        width: clamp(424px, -236.89px + 48.35vw, 614px) !important;
        height: clamp(470px, 52.60px + 30.53vw, 590px) !important;
    }

    .join-hybrid-gym-inner-wrapper {
        padding-top: clamp(100px, calc(-187.7px + 21.8vw), 183px) !important;
        padding-bottom: clamp(100px, calc(-187.7px + 21.8vw), 183px) !important;
    }

    .join-hybrid-gym-logo-img {
        right: clamp(67px, calc(-37.1px + 7.6vw), 97px) !important;
    }

    .join-hybrid-gym-logo-img img {
        width: 134px !important;
        height: 134px !important;
    }
}

@media(max-width: 1366px) {
    .hybrid-way-video-icon {
        bottom: unset !important;
        top: 20px !important;
    }
}

@media(max-width: 1024px) {
    .hybrid-way-video-icon {
        top: unset !important;
        left: unset !important;
        right: 20px !important;
        bottom: 20px !important;
    }
}

/* @media(max-width: 880px) {
    .join-hybrid-gym-logo-img { top: unset !important; bottom: clamp(130px, calc(0.625vw - 350px), 200px) !important; }
} */

@media(max-width: 767px) {

    .join-hybrid-gym-group-img,
    .join-hybrid-gym-h-character-img {
        right: 50% !important;
        transform: translateX(50%) !important;
        -webkit-transform: translateX(50%) !important;
        -moz-transform: translateX(50%) !important;
        -ms-transform: translateX(50%) !important;
        -o-transform: translateX(50%) !important;
    }

    .join-hybrid-gym-logo-img {
        /* bottom: 120px !important;
        right: 35% !important;
        transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -webkit-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -moz-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -ms-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -o-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important; */
        top: unset !important;
        bottom: 190px !important;
        right: clamp(20px, -176.19px + 49.05vw, 200px) !important;
        /* transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -webkit-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -moz-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -ms-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important;
        -o-transform: translateX(clamp(90%, calc(158.6% - 8.95vw), 130%)) !important; */
    }

    /* .common-bg-right-img {
        height: 50% !important;
        width: 100% !important;
    } */
}

@media(max-width: 575px) {
    .common-width-100 {
        width: 100% !important;
    }

    .our-offer-item-box {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }
}

@media(max-width: 400px) {
    .join-hybrid-gym-group-img img {
        height: 100% !important;
    }

    .join-hybrid-gym-h-character-img img {
        width: 90% !important;
    }

    .join-hybrid-gym-logo-img {
        right: clamp(10px, -30.00px + 12.50vw, 20px) !important;
    }

    .join-hybrid-gym-logo-img {
        bottom: clamp(120px, -160.00px + 87.50vw, 190px) !important;
    }
}

/*========================== MEDIA QUERIES END ==========================*/