.font_playfair {
        font-family: Playfair Display, serif;
    }

    .font_inter{
        font-family: Inter,sans-serif;

    }

    .showroom_container{
        max-width: 1400px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .text-center {
        text-align: center;
    }
    
    .text_xl{
        font-size: 28px;
        line-height: 1.4;
        color: #FAFAFA;
        font-weight: 400;
    }

   
/* banner_section----start */
    .banner_section {
       	background-size: cover; 
    	background-position: top center;
        width: 100%;
        height: 100%;
        padding: 96px 0;
        font-weight: 300;
        background-position: top center;
    }
    .banner_h1 {
        font-size: 72px;
        line-height: 1;
        color: #FAFAFA;
        font-weight: 300;
        letter-spacing: -1.8px;
        margin-bottom: 32px;
        text-transform: unset;
    }

    .banner_p_wrp {
        width: 100%;
        max-width: 896px;
        margin: 0 auto;
    }

    .banner_p{
        opacity: 0.9;
    }
    .banner_p_span{
        display: inline-block;
        margin-top: 20px;
    }

/* banner_section----end */

/* book_section----start */
    .book_section {
        padding: 80px 0;
        background:  linear-gradient(180deg, hsl(0 0% 99%), hsl(0 0% 96%));
    }

    .book_section .book_h2 {
        font-size: 36px;
        line-height: 1.11;
        color: #171717;
        font-weight: 500;
        margin-bottom: 48px;
    }
    .book_wrp{
        max-width: 1152px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .book_content{
        width: 100%;
        max-width: 50%;
        padding-right: 24px;
    }

    .book_content_box {
        border: 1px solid #e6e6e6;
        padding: 32px;
        background: #ffffff;
        margin-bottom: 32px;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    }
    .book_content_box:last-child{
        margin: 0;
    }

    .book_content_h3{
        font-size: 20px;
        line-height: 1.4;
        color: #000000;
        font-weight: 500;
    }

    .book_content_p{
        font-size: 16px;
        line-height: 1.625;
        color: #737373;
        font-weight: 400;
        margin-top: 16px;
        margin-bottom: 24px;
    }
    .book_content_a {
        font-size: 14px;
        line-height: 1.428;
        color: #fff;
        font-weight: 500;
        width: 100%;
        padding: 11px;
        border-radius: 4px;
        border: 1px solid transparent;
        display: flex;
        gap: 8px;
        align-items: center;
        text-align: center;
        justify-content: center;
        background: #171717;
        box-shadow: 0 4px 20px -2px hsl(0 0% 0% / .1);
    }

    .book_content_a:hover {
        color: #171717;
        background: unset;
        border: 1px solid transparent;
        border-color: #171717;
        box-shadow: unset;
    }

    .book_content_a.border_black{
        color: #171717;
        background: #fff;
        border: 1px solid transparent;
        border-color: #171717;
        box-shadow: unset;
    }
    .book_content_a.border_black:hover{
        color: #ffffff;
        background: #171717;
        border: 1px solid transparent;
        box-shadow: 0 4px 20px -2px hsl(0 0% 0% / .1);
    }

    .book_content_a .book_content_a_span{
        display: inline-block;
        width: 16px;
        height: auto;
    }

    .book_form{
        width: 100%;
        max-width: 50%;
        padding-left: 24px;

    }
    .book_form_smoll {
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 2px dashed #73737333;
        border-radius: 4px;
    }
    .book_form_p{
        font-size: 16px;
        line-height: 1.625;
        color: #737373;
        font-weight: 400;
    }
    span.book_form_p_span {
        font-size: 14px;
        line-height: 1.21;
        margin-top: 5px;
        display: block;
    }

    /* book_section----end */

    /* woollahra_section----start */
    .woollahra_section{
        padding: 80px 0;
    }
    .woollahra_title{
        width: 100%;
        max-width: 896px;
        margin: 0 auto;
    }
    .woollahra_title_h2 {
        font-size: 36px;
        line-height: 1.11;
        color: #171717;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 24px;
    }
    .woollahra_title_h2 .woollahra_title_h2_span {
        width: 100%;
        max-width: 24px;
        height: auto;
        margin-right: 8px;
    }
    .woollahra_title_p {
        font-size: 18px;
        line-height: 1.66;
        color: #737373;
        text-align: center;
        margin-bottom: 32px;
    }
    .woollahra_title_a {
        font-size: 14px;
        line-height: 1.42;
        color: #fff;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 9px 32px;
        background: #171717;
        width: max-content;
        margin: 0 auto;
        gap: 8px;
        border: 1px solid transparent;
        box-shadow: 0 4px 20px -2px hsl(0 0% 0% / .1);
    }
     .woollahra_title_a:hover{
        border: 1px solid transparent;
        border-color: #171717;
        color: #171717;
        background: #fff;
        box-shadow: unset;
     }

    .woollahra_title_a .woollahra_title_a_span {
        width: 100%;
        max-width: 16px;
        height: auto;
    }
   .woollahra_image {
        width: 100%;
        margin-top: 64px;
        border-radius: 4px;
        overflow: hidden;
    }
    .woollahra_image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* woollahra_section----end */

    /* visiting_section----start */
    .visiting_section{
        padding: 80px 0;
        background: linear-gradient(180deg, hsl(0 0% 99%), hsl(0 0% 96%));
    }

    .visiting_wrp {
        max-width: 1152px;
        margin: 0 auto;
    }

    .visiting_title{
        margin-bottom: 48px;
    }

    .visiting_title_h2 {
        font-size: 36px;
        line-height: 1.4;
        color: #171717;
        text-align: center;
        margin-bottom: 24px;
    }

    p.visiting_title_p.font_inter {
        font-size: 18px;
        line-height: 1.625;
        color: #737373;
        max-width: 768px;
        margin: 0 auto;
        text-align: center;
        font-weight: 500;
    }

    .visiting_sider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        margin-bottom: 64px;
        max-width: 896px;
        margin: 0 auto 64px auto;
    }

    .visiting_box_wrp {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
        row-gap: 24px;
    }

    .visiting_box {
        width: 100%;
        max-width: 33.33%;
        padding: 0 12px;
    }
    
    .visiting_box_a {
        font-size: 18px;
        line-height: 1.555;
        color: #171717;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background: #ffffff;
        padding: 23px;
        border: 1px solid transparent;
        border-color: #e6e6e6;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        border-radius: 4px;
    }
     .visiting_box_a:hover{
        border: 1px solid transparent;
        box-shadow:0 4px 20px -2px #0000001a;
    }

    .visiting_box_a_span{
        width: 100%;
        max-width: 16px;
        height: auto;
    }

    .v_sider{
        width: 100%;
    }

    .v_sider .slick-slide {
        padding: 0 10px;
    }
    .visiting_sider_img img {
        border-radius: 4px;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    .v_sider .slick-prev {
        left: -48px;
        background: #FCFCFC !important;
        width: 100%;
        max-width: 32px;
        min-width: 32px;
        height: 32px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #e6e6e6;
    }

    .v_sider .slick-prev svg{
        width: 100%;
        max-width: 16px;
        height: auto;
    }

    .v_sider .slick-next {
        right: -48px;
        background: #FCFCFC !important;
        width: 100%;
        max-width: 32px;
        min-width: 32px;
        height: 32px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        border: 1px solid #e6e6e6;
    }

    .v_sider .slick-next svg{
        width: 100%;
        max-width: 16px;
        height: auto;
    }
    /* Default button style */
    .book_content_a {
        background-color: white; /* Default white color */
        color: black; /* Text color */
        border: 1px solid black;
    }

    /* If the button controller is active (True), set black background */
    .book_content_a.black-button {
        background-color: black;
        color: white;
    }

    /* If the button controller is inactive (False), set white background */
    .book_content_a.white-button {
        background-color: white;
        color: black;
    }

    /* visiting_section----end */

    .book_form_smoll .calendly-inline-widget {
        min-width: 100% !important;
        width: 100%;
        height: 100% !important;
    }


    .book_form_smoll .calendly-inline-widget iframe {
        width: 100% !important;
    }


    .book_form_smoll {
        padding: 10px !important;
    }
    .book_wrp {
        align-items: stretch;
    }
    .book_form_smoll {
        height: 100%;
    }
    @media (max-width: 1023px){
        .book_form_smoll .calendly-inline-widget iframe{
            height: 500px;
        }
    }

    /* Responsive-----start */
    @media (max-width: 1023px){
        .v_sider .slick-prev {
            left: -30px;
        }
        .v_sider .slick-next {
            right: -30px;
        }

         .banner_h1 {
            font-size: 60px;
            letter-spacing: -1.5px;
        }
        .book_wrp {
            flex-direction: column;
            row-gap: 48px;
        }
        .book_content {
            width: 100%;
            max-width: 100%;
            padding-right: 0;
        }
        .book_form {
            width: 100%;
            max-width: 100%;
            padding-left: 0;
        }
        .visiting_box {
            width: 100%;
            max-width: 50%;
            padding: 0 12px;
        }
        .v_sider {
            width: 100%;
            padding: 0 30px;
        }
        .v_sider .slick-prev {
            left: -10px;
        }
        .v_sider .slick-next {
            right: -10px;
        }
    }
    @media (max-width: 767px){
        .banner_section {
            background-position: center center;
        }

        .book_h2 {
            font-size: 30px;
            line-height: 1.2;
        }

        .text_xl {
            font-size: 18px;
            line-height: 1.625;
        }

        .banner_h1 {
            font-size: 36px;
            line-height: 1.11;
            letter-spacing: -0.9px;
        }

        .book_section .book_h2 {
            font-size: 30px;
            line-height: 1.2;
            margin-bottom: 48px;
        }
        .woollahra_title_h2 {
            font-size: 30px;
            line-height: 1.2;
        }

        .visiting_title_h2 {
            font-size: 30px;
            line-height: 1.2;
        }

        .visiting_box_wrp {
            margin: 0;
        }

        .visiting_box {
            max-width: 100%;
            padding: 0;
        }
        
    }