@media screen and (max-width: 1440px){

    /* home */
    
    .member_info_main {
        column-gap: 435px;
    }
}
@media screen and (max-width: 1300px){

    /* home */


    .member_info_main {
        column-gap: 330px;
    }
    .how_work_right_main {
        padding: 50px 55px 50px 55px;
    }
    .footer_btm {
        padding-top: 110px;
    }
    .hero_btm:after {
        width: 540px;
        height: 434px;
    }
}
@media screen and (max-width: 1200px){

    /* cmn */

    h1, .title_h1 {
        font-size: 58px;
        line-height: 62px;
    }
    .pad_both {
        padding: 120px 0;
    }
    .cmn_title {
        gap: 18px;
    }
    .pad_btm {
        padding-bottom: 120px;
    }

    .title_h1_big {
        font-size: 66px;
        line-height: 75px;
    }

    /* home */

    .hero_main .hero_top {
        gap: 20px;
    }

    .hero_main {
        gap: 60px;
    }

    .how_work_right_main {
        padding: 40px;
    }

    .how_work_right_main .how_work_right_box {
        padding: 20px;
    }

    .how_work_left_top {
        gap: 14px;
    }

    .built_btm_otr .built_btm_left .built_btm_box {
        padding: 30px 36px 30px 24px;
        border-radius: 20px;
    }

    .built_btm_otr {
        border-radius: 36px;
    }

    .built_btm_otr .built_btm_right .built_bg img {
        border-radius: 24px;
    }

    .member_section .cmn_title {
        padding-bottom: 50px;
    }

    .member_info_main {
        column-gap: 160px;
    }

    .member_info_otr .member_info_center_img {
        max-width: 806px;
    }

    .footer_top {
        gap: 30px;
    }

    .footer_btm {
        padding-top: 70px;
    }
    .hero_btm:after {
        width: 440px;
        height: 364px;
    }
}
@media screen and (max-width: 1024px){

    /* cmn */

    .container {
        padding: 0px 40px;
    }
    .cmn_title h2 {
        font-size: 50px;
    }
    .twenty_p p {
        font-size: 18px;
    }

    /* home */

    .hero_main {
        padding-top: 70px;
    }

    .hero_btm .hero_btm_center {
        width: 36%;
    }

    .member_info_main {
        column-gap: 20px;
        row-gap: 20px;
        justify-content: center;
        flex-direction: column;
    }

    .member_info_main .member_info_box:nth-child(1) {
        top: 0;
    }

    .member_info_main .member_info_box:nth-child(3) {
        margin: 0;
        top: 0;
    }

    .member_info_main .member_info_box:nth-child(2) {
        inset: 0;
    }

    .member_info_main .member_info_box:nth-child(4) {
        inset: 0;
    }

    .member_info_otr .member_info_center_img {
        max-width: 90%;
        margin-left: auto;
        left: 55%;
    }

    .member_info_otr .member_info_center_img img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .footer_btm .footer_btm_left {
        width: 52%;
    }
    .built_btm_otr .built_btm_left .built_btm_box {
        padding: 26px 17px 26px 17px;
    }

    .built_btm_otr .built_btm_right .build_right_img_main {
        height: 100%;
    }

    .built_btm_otr .built_btm_right .build_right_img_main .built_img {
        height: 100%;
    }

    .built_img img {
        object-fit: cover;
    }
    .hero_btm:after {
        width: 390px;
        height: 324px;
    }
}
@media screen and (max-width: 900px){

	
     /************* mobile menu **************/

    .mobileIcon {
        display: block;
    }

    .mobileIcon {
        height: 30px;
        cursor: pointer;
        z-index: 99999;
        position: relative;
        display: flex;
        align-items: center;
        min-width: 30px;
        justify-content: flex-end;
    }

    .mobileIcon span {
        width: 55px;
        height: 7px;
        border-radius: 0;
        display: inline-block;
        background: #000;
        position: relative;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .mobileIcon span:before {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        top: -12px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .mobileIcon span:after {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: #000;
        bottom: -8px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .menu-open .mobileIcon span {
        background: rgb(255 255 255 / 0%);
    }

    .menu-open .mobileIcon span:before {
        transform: rotate(45deg);
        top: -1px;
        background: #000;
    }

    .menu-open .mobileIcon span:after {
        transform: rotate(-45deg);
        top: -1px;
        background: #000;
    }

    .mobileIcon span:before {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #000;
        left: 0;
        top: -8px;
    }

    .mobileIcon span, .mobileIcon span:after {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #000;
        left: 0;
    }

    .right_menu {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        transition: transform 300ms ease, opacity 300ms ease;
        transform: translate3d(-100%, 0, 0);
        transition: transform 300ms ease, opacity 300ms ease;
        padding: 140px 30px 30px;
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 23%);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        max-width: 100%;
        border-radius: 0;
        background: var(--bodycolor);
        gap: 30px;
    }

    .menu-open .header_links {
        flex-direction: column;
    }

    .menu-open .right_menu {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        backface-visibility: hidden;
        transition: transform 300ms ease, opacity 300ms ease;
        display: flex;
        overflow: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .menu-open {
        overflow: hidden;
    }

    .menu-open ul.header_menu {
        justify-content: center;
        flex-direction: column;
        padding-top: 40px;
        gap: 0;
        width: 100%;
    }

    .menu-open .right_menu_btn {
        justify-content: center;
        padding-top: 30px;
    }

    .menu-open .header_center {
        position: relative;
        z-index: 9999;
    }
	.header_main {
        display: none;
    }

    .mobile_header {
        display: flex;
    }

    .mobile_header .header_center {
        position: relative;
        inset: 0;
        transform: unset;
    }
    .header_menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
	.header_menu {
		width: 100%;
	}

	.header_menu ul li {
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid var(--black);
	}

	.header_menu ul li a {
		font-size: 20px;
		width: 100%;
		display: block;
	}
	.header_btn .btn {
		font-size: 18px;
	}

	.header_btn_second .tranparent_btn {
		font-size: 18px;
	}
	
    /* cmn */

    .container {
        padding: 0px 30px;
    }
    h2, .title_h2 {
        font-size: 44px;
        line-height: 48px;
    }
    h1, .title_h1 {
        font-size: 52px;
        line-height: 58px;
    }
    .cmn_title h2 {
        font-size: 44px;
    }

    p {
        font-size: 19px;
        line-height: 26px;
    }
    .title_h1_big {
        font-size: 58px;
        line-height: 64px;
    }

    .pad_both {
        padding: 100px 0;
    }
    .pad_btm {
        padding-bottom: 100px;
    }


   /* home */

    .hero_main .hero_top {
        gap: 16px;
    }

    .hero_main {
        padding-top: 50px;
        border-radius: 40px;
        gap: 50px;
    }

    .hero_btm .hero_btm_center {
        width: 45%;
    }

    .how_work_main {
        flex-direction: column;
        padding: 12px;
        gap: 30px;
    }

    .how_work_main .how_work_left {
        width: 100%;
        padding: 20px 24px;
    }

    .how_work_right_main .how_work_right_box {
        width: 100%;
        max-width: 100%;
    }
    .how_work_left_btm {
        max-width: 100%;
        display: none !important;
    }
    .how_work_left_btm_mobile {
        display: none !important;
    }
    .how_work_left_btm_mobile.active {
        display: block !important;
    }
    .member_info_otr {
        padding: 90px 0;
    }
    .built_btm_otr {
        flex-direction: column;
    }

    .built_btm_otr .built_btm_left {
        width: 100%;
        gap: 24px;
    }
    .built_btm_otr {
        display: none;
    }

    .built_btm_otr_mobile {
        display: flex;
    }
    .built_btm_otr_mobile {
        display: flex;
        background: transparent;
    }
    .built_left_mobile_main {
        padding: 16px;
    }
    .built_btm_otr .built_btm_right {
        display: none;
    }

    .built_left_mobile_main.active {
        background: var(--sectionbg);
        border-radius: 32px;
    }

    .built_left_mobile_main.active .built_btm_right {
        display: block;
    }

    .built_left_mobile_main.active >  .built_btm_right .built_img {display: flex;opacity: 1;width: 100%;}

    .built_left_mobile_main.active .built_btm_right .build_right_img_main {
        display: block;
    }
    .built_btm_otr .built_btm_right .built_bg {
        position: relative;
        z-index: 1;
    }

    .built_btm_otr .built_btm_left .built_btm_box {
        padding: 20px 0;
    }

   .built_left_mobile_main {
        padding: 16px 16px;
        background: var(--sectionbg);
        border-radius: 20px;
    }
    .built_btm_otr .built_btm_right .built_bg img {
        border-radius: 24px 0 0 24px;
    }
    .member_section .container {
        padding-right: 0;
    }

    .member_section .cmn_title {
        padding-right: 30px;
    }

    .member_info_otr .member_info_center_img img {
        border-radius: 48px 0 0 48px;
    }

    /* new 03-11 */

    .hero_btm .hero_center_slider {
        width: 33%;
    }
    .why_choose_sec:after {
        width: 230px;
    }

    .why_choose_sec:before {
        width: 226px;
        background-size: 100%;
        background-position: center center;
    }
    .hero_btm:after {
        width: 360px;
        height: 314px;
    }
	
	
	.why_choose_box {
		max-width: 40%;
	}

	.why_choose_slide_box {
		max-width: unset;
	}

	.slider_btn .btn {
		width: 100%;
	}

}
@media screen and (max-width: 767px){

    /* cmn */

    .container {
        padding: 0px 20px;
    }

    h1, .title_h1 {
        font-size: 49px;
        line-height: 55px;
    }
    
    h2, .title_h2 {
        font-size: 40px;
        line-height: 44px;
    }
    .cmn_title h2 {
        font-size: 40px;
    }
    
    h3, .title_h3 {
        font-size: 28px;
    }
    .cmn_title {
        gap: 24px;
    }
    
    .title_h1_big {
        font-size: 55px;
        line-height: 60px;
    }

    /* home */

    .hero_main .hero_top {
        gap: 24px;
    }

    .hero_main {
        gap: 40px;
    }

    .how_work_left_top {
        gap: 24px;
    }

    .how_work_left_top .how_work_left_tabs {
        margin-top: 8px;
    }

    .how_work_main {
        gap: 20px;
    }

    .how_work_right_main {
        padding: 32px 16px;
    }

    .how_work_right_main .how_work_right_box {
        border-radius: 24px;
    }

    .why_choose_slider_otr {
        padding-top: 32px;
    }

    .built_btm_otr_mobile {
        margin-top: 32px;
    }

    .member_section .cmn_title {
        padding-right: 20px;
        padding-bottom: 40px;
    }
    .built_left_mobile_main.active .built_btm_right .built_bg {
        padding-top: 72%;
    }

    .built_left_mobile_main.active .built_btm_right .built_bg img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .footer_top {
        gap: 48px;
    }

    .footer_top p {
        font-size: 20px;
    }

    .footer_top_btns .footer_sale_btn {
        display: none;
        width: 47% !important;
    }

    .footer_top_btns {
        justify-content: center;
        width: 100%;
    }

    .footer_top_btns .footer_trial_btn {
        width: 46%;
    }

    .footer_top_btns .footer_book_btn {
        width: 46%;
    }

    .footer_top_btns .footer_trial_btn .btn {
        width: 100%;
    }

    .footer_top_btns .footer_book_btn .btn {
        width: 100%;
    }

    .footer_top .footer_menu {
        display: none;
        width: 100%;
    }

    .footer_btm {
        flex-direction: column;
        padding-top: 48px;
        align-items: flex-start;
        gap: 48px;
    }

    .footer_btm .footer_btm_left {
        width: 100%;
    }

    .footer_btm .footer_btm_right {
        display: block;
    }
	.right_menu {
		padding: 140px 20px 30px;
	}

    /* new 03-11 */

    .hero_btm .hero_center_slider {
        width: 40%;
    }
    .why_choose_sec:before, .why_choose_sec:after {
        display: none;
    }
    .hero_btm:after {
        width: 340px;
        height: 334px;
    }
	
	.why_choose_box {
        max-width: 60%;
    }
}
@media screen and (max-width: 600px){

    /* cmn */

    .title_h1_big {
        font-size: 51px;
        line-height: 56px;
    }
    .container {
        padding: 0px 16px;
    }
    h1, .title_h1 {
        font-size: 44px;
        line-height: 50px;
    }

    h2, .title_h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .cmn_title h2 {
        font-size: 36px;
    }

    header {
        padding: 16px 0 24px;
    }

    .hero_main {
        padding: 32px 24px 0 24px;
        position: relative;
        z-index: 2;
    }

    .hero_btm .hero_btm_center {
        width: 100%;
        margin: 0 auto;
    }

    .hero_btm .hero_btm_left {
        display: none;
    }

    .hero_btm .hero_btm_right {
        display: none;
    }

    /* .hero_main:after {
        content: '';
        background: url(/wp-content/uploads/2025/10/banner-mobile-bg-2.svg);
        background-repeat: no-repeat;
        bottom: 0;
        position: absolute;
        height: 178px;
        width: 100%;
        left: 0;
        background-size: 100%;
        z-index: 0;
        background-position: bottom;
    }
    .hero_main:before {
        content: '';
        background: url(/wp-content/uploads/2025/10/banner-mobile-blur.svg);
        background-repeat: no-repeat;
        position: absolute;
        height: 237px;
        width: 571px;
        bottom: 90px;
        left: -60px;
        z-index: 1;
        background-position: center;
    } */

    .hero_btm {
        position: relative;
        z-index: 1;
        width: 100%;
    }
    .hero_btm .hero_center_slider {
        width: 100%;
        margin-bottom: -85%;
		border-radius: 30px;
    }

    .hero_btm .hero_center_slider .swiper-slide img {
        width: 100%;
    }
    .hero_btm .hero_btm_center img {
        width: 100%;
    }

    .how_work_main {
        padding: 0;
        gap: 16px;
    }

    .how_work_main .how_work_left {
        padding: 36px 20px 24px 20px;
    }

    .how_work_left_top .how_work_left_tabs {
        width: 100%;
    }

    .how_work_left_top .how_work_left_tabs .btn {
        width: 50%;
    }

    .built_left_mobile_main.active .built_btm_right .built_bg {
        padding-top: 118%;
    }

    .built_left_mobile_main.active .built_btm_right .built_bg img {
        object-fit: cover;
        object-position: center;
        border-radius: 24px;
    }

    .member_info_otr .member_info_center_img img {
        object-position: left;
    }

    .member_info_main .member_info_box .member_info_content p:first-child {
        display: none;
    }

    .member_info_main .member_info_box .member_info_content p:last-child {
        font-style: italic;
    }

    .member_info_main {
        padding-left: 12px;
    }

    .member_info_otr .member_info_center_img {
        max-width: 80%;
        left: 60%;
    }

    footer {
        padding: 54px 0 50px;
    }
    .why_choose_slider_main {
        padding-bottom: 55px !important;
    }

	.footer_top_btns .footer_trial_btn {
		width: 100%;
	}

	.footer_top_btns .footer_book_btn {
		width: 100%;
	}
	.right_menu {
		padding: 140px 16px 30px;
	}
	.right_menu {
		padding: 140px 16px 30px;
	}
    .hero_btm:after {
        display: none;
    }
	.why_choose_box {
        max-width: 75%;
    }
	.title_h1 br {
        display: none;
    }
	.built_btm_otr .built_btm_left {
        gap: 8px;
    }
	.why_choose_box.swiper-slide-active .why_choose_slide_box {
		box-shadow: 
    0 40px 15px 0 rgba(0, 0, 0, 0),
    0 25px 12px 0 rgba(0, 0, 0, 0.02),
    0 15px 10px 0 rgba(0, 0, 0, 0.06),
    0 8px 8px 0 rgba(0, 0, 0, 0.08),
    0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

}
@media screen and (max-width: 479px){

    .member_info_main .member_info_box {
        width: 319px;
    }

    .member_info_main .member_info_box .member_info_content p:last-child {
        line-height: 23px;
    }

    .footer_top_btns .footer_sale_btn {
        width: 45% !important;
    }

    .built_btm_otr .built_btm_left .built_btm_box .built_btm_icon {
        width: 24px;
    }

    .built_btm_content {
        flex: 1;
    }
    .built_btm_otr_mobile {
        padding: 16px 0;
    }

    .built_left_mobile_main.active .built_btm_right .built_bg {
        padding-top: 145%;
    }

    .built_btm_otr .built_btm_right .built_bg img {
        border-radius: 22px 0 0 22px;
    }
    .why_choose_box {
        max-width: unset;
        height: 100%;
    }
    .why_choose_slide_box {
        height: 100%;
    }
    .why_choose_image {
        position: relative;
        padding-top: 111%;
    }

    .why_choose_image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
}
@media screen and (max-width: 374px){

    /* home */

    .member_info_main .member_info_box {
        width: 265px;
    }

    .footer_top_btns .footer_book_btn {
        width: 45%;
    }

    .footer_top_btns .footer_book_btn .btn {
        padding: 10px 14px;
    }

    .footer_top .footer_menu ul {
        gap: 15px;
    }

    .footer_top .footer_menu ul li a {
        font-size: 14px;
    }
    .how_work_main .how_work_left {
        padding: 36px 15px 24px 15px;
    }

    .how_work_left_top .how_work_left_tabs .btn {
        padding: 10px 11px;
    }
    .hero_main {
        padding: 32px 20px 0 20px;
    }
	.header_menu ul li a {
		font-size: 18px;
	}

	.header_btn .btn {
		font-size: 16px;
	}

	.header_btn_second .tranparent_btn {
		font-size: 16px;
	}
}