body.page-template-location-page {
	background: #ffffff;
    section.book-now {
    overflow: hidden;

        div.content {
            padding-left: 60px;


            @media screen and (max-width: 810px) {
                padding-left: 0;
            }

             .row {
                display: flex;
                border-bottom: 1px solid #EFEFEF;
                padding: 10px 0;

                @media screen and (max-width: 810px) {
                    flex-direction: column;
                    border-bottom: none;
                }

                @media screen and (max-width: 810px) {
                    &.locations-row {
                        flex-direction: column-reverse;
                    }
                }


                .col-4 {
                    flex: 1 1 45%;
                    max-width: 45%;

                    @media screen and (max-width: 810px) {
                        flex: 1 1 100%;
                        max-width: 100%;
                    }

                    div.intro {
                        padding: 60px 0;
                        padding-right: 20px;
                        
                        @media screen and (max-width: 810px) {
                            padding: 30px 40px;
                            border-bottom: none;
                        }

                        h1 {
                            color: #333;
                            font-family: "Open Sans" ,sans-serif;
                            font-size: 32px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 32px; /* 100% */
                            margin-bottom: 30px;
                        }

                        p {
                           color: #676767;
                            font-family: "Open Sans" ,sans-serif;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 26px; /* 185.714% */
                        }

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

                        div.ctas {
                            display: flex;
                            align-items: center;
                            gap: 20px;

                            @media screen and (max-width: 1300px) {
                                flex-direction: column;
                                align-items: flex-start;
                            }

                            a.cta.book-now {
                                color: #FFF;
                                text-align: center;
                                font-family: "Open Sans" ,sans-serif;
                                font-size: 14px;
                                font-style: normal;
                                font-weight: 600;
                                line-height: 24px;
                                text-decoration: none;
                                padding: 15px 35px;
                                border-radius: 5px;
                                font-size: 14px;
                                line-height: 1;
                                text-align: center;
                                border-radius: 5px;
                                background: #F55D3E;
                                border: none;
                            }

                            a.cta.book-now:hover {
                                background: #00b5e2;
                                color: #ffffff;
                            }
                        }
                    }
                

                    div.location {
                        padding: 60px 0;
                        padding-right: 20px;

                        @media screen and (max-width: 810px) {
                           padding-inline: 40px;
                           padding-top: 40px;
                           padding-bottom: 40px;
                        }

                        h2 {
                            color: #333;
                            font-family: "Open Sans", sans-serif;
                            font-size: 22px;
                            font-style: normal;
                            font-weight: 500;
                            line-height: 32px;
                        }

                        div.address,
                        div.phone {
                            display: flex;
                            align-items: center;
                            gap: 20px;
                            margin-bottom: 15px;

                            p,
                            a {
                                color: #676767;
                                font-family: "Open Sans", sans-serif;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: 32px; /* 200% */
                                padding-bottom: 0;
                                margin-bottom: 0;
                            }
                        }


                        &:last-of-type {
                            border-bottom: none;
                        }
                    }
                }

                .col-8 {
                    flex: 1 1 55%;
                    max-width: 55%;

                    @media screen and (max-width: 810px) {
                        flex: 1 1 100%;
                        max-width: 100%;
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    img {
                        @media screen and (max-width: 810px) {
                            display: none;
                        }
                    }

                     div.iframe {

                        &:last-of-type {
                            padding-top: 10px;
                        }
                        iframe {
                            width: 100%;
                            max-height: 325px;
                        }
                    }
                }
            }
        }
   }
}