/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */h1,h2,h3,h4,h5,h6,p{margin:0}*,::after,::before{box-sizing:border-box}a{text-decoration:none}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{background-color:transparent;font-family:inherit;margin:0;border:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.os-theme-dark{--os-size:6px!important;--os-padding-perpendicular:1px!important;--os-padding-axis:2px!important;--os-track-border-radius:10px!important;--os-track-bg:none!important;--os-track-bg-hover:#202020!important;--os-track-bg-active:#202020!important;--os-handle-border-radius:10px!important;--os-handle-bg:#303030!important;--os-handle-bg-hover:#606060!important;--os-handle-bg-active:#606060!important;--os-handle-min-size:20px!important;--os-handle-max-size:none!important;--os-handle-interactive-area-offset:4px!important}@keyframes grey-color-pulse{0%{background-color:#202020}50%{background-color:#303030}100%{background-color:#202020}}.animations__pulse-animation{animation:grey-color-pulse 1s infinite}.container__base{padding:12px;border:solid 1px #303030;border-radius:10px;background-color:#0e0c0c}.toggle-show{display:flex!important}.primary-divider{width:100%;border:solid .5px #303030;margin:0}.scrollbar-padding{padding-right:12px!important}.form-primary,.form-primary--container{display:flex;flex-direction:column;gap:8px}.form-primary__row--single{display:flex;flex-direction:column;gap:4px;width:100%;font:500 16px inter,sans-serif}.form-primary__title{color:#fff;font:500 16px inter,sans-serif}.form-primary__input--email,.form-primary__input--text{font:400 14px inter,sans-serif;width:100%;color:#fff;border-radius:8px;border:solid 2px #303030;background-color:#0e0c0c;padding:6px}.form-primary__title--optional{font:400 12px inter,sans-serif;color:#ababab;padding-left:4px}.form-primary__row--multi{display:flex;align-items:flex-start;gap:8px;width:100%}.form-primary__navigation-container{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:20px}.form-primary__divider{margin:0;color:#303030;border:1px solid #303030;width:100%}.form__notification--text{color:#ababab;font:500 12px inter,sans-serif}.form__notification--input{border-color:#d70000!important}.form__notification--container{position:relative}.form__notification--window{display:flex;align-items:flex-start;padding:8px;gap:8px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.3);justify-content:space-between;background-color:#d70000;position:absolute}.form__notification--window button{display:flex;cursor:pointer;align-items:center}.form__notification--window button img{-o-object-fit:contain;object-fit:contain;width:14px;height:14px}.form__notification--window img{-o-object-fit:contain;object-fit:contain;width:16px;height:16px}.form__notification--window p{width:100%;font:500 16px inter,sans-serif;line-height:16px;color:#fff}.container__primary{display:flex;flex-direction:column;gap:12px;background-color:#0e0c0c;padding:10px;border-radius:8px;border:solid 2px #303030}.container__secondary{display:flex;flex-direction:column;gap:8px;background-color:#171515;padding:10px;border-radius:8px;border:solid 2px #303030}.maintenance__container--head{display:flex;gap:8px;align-items:center;justify-content:flex-start;font:600 24px inter,sans-serif;color:#fff}.maintenance__container--head img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:28px;height:28px}.maintenance__container--head-button{display:flex;align-items:center;justify-content:space-between}.maintenance__container--head-button .maintenance__container--title{display:flex;gap:8px;align-items:center;justify-content:flex-start;font:600 24px inter,sans-serif;color:#fff}.maintenance__container--head-button .maintenance__container--title img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:28px;height:28px}.maintenance__button{display:flex;gap:8px;padding:6px 6px;font:400 16px inter,sans-serif;color:#fff;background-color:#0e0c0c;border-radius:8px;border:solid 2px #303030}.maintenance__button:hover{background-color:#d70000;border-color:#d70000;transition:all .1s}.maintenance__button img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:16px}.maintenance__container--body{display:flex;gap:12px}.maintenance__container-body--left{display:flex;flex-direction:column;gap:8px;flex-basis:320px;flex-grow:1;flex-shrink:0;max-width:400px}.maintenance__container-body--right{display:flex;flex-direction:column;gap:8px;flex-basis:386px;flex-grow:10}.maintenance__body{display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/wp-content/themes/saanro/maintenance/images/saanro_bently.webp);}.maintenance__header--container{max-width:1025px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;height:600px}.maintenance__header--title{font:700 100px inter,sans-serif;text-shadow:rgba(0,0,0,.5) 0 0 7px;text-align:center}.maintenance__header--desc{font:600 30px inter,sans-serif;text-shadow:rgba(0,0,0,.5) 0 0 7px;text-align:center}@media (max-width:1013px){.maintenance__header--title{font:700 70px inter,sans-serif}.maintenance__header--desc{font:600 24px inter,sans-serif}}@media (max-width:782px){.maintenance__header--title{font:700 50px inter,sans-serif}.maintenance__header--desc{font:600 20px inter,sans-serif}}@media (max-width:471px){.maintenance__header--title{font:700 40px inter,sans-serif}.maintenance__header--desc{font:600 16px inter,sans-serif}}.maintenance__main{display:flex;flex-direction:column;gap:20px;max-width:1500px;width:100%;padding: 0 12px}.maintenance__details--controls{display:none;gap:12px}.maintenance__details--controls button{display:flex;gap:8px;align-items:center;justify-content:center;background-color:#171515;border:solid 2px #303030;border-radius:8px;width:100%;padding:6px;font:400 16px inter,sans-serif;color:#fff}.maintenance__details--controls button img{-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain;width:16px}.maintenance__details--controls button:hover{cursor:pointer;background-color:#d70000;border-color:#d70000;transition:all .1s}.maintenance__details--controls button.active{cursor:default;background-color:#d70000;border-color:#d70000;transition:all .1s}@media (max-width:782px){.maintenance__details--controls{display:flex}.maintenance__details-body--details{max-width:100%}.display-active{display:flex}.display-inactive{display:none}}.maintenance__details--contact{height:100%}.maintenance__contact-body{height:100%}.maintenance__form--message-body{height:100%}.maintenance__message-body--input{color:#fff;min-width:0;min-height:80px;height:100%;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.maintenance__message-body--input:empty:before{content:"Please describe your enquiry in detail";color:#ababab}.maintenance__contact-form--button{padding:6px;background-color:#d70000;color:#fff;font:400 16px inter,sans-serif;border-radius:8px}.maintenance__contact-form--button:hover{cursor:pointer;background-color:red;transition:all .1s}.form-primary__input--text:invalid{border:2px solid #d70000}.maintenance__opening-table{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr repeat(7,28px);gap:8px;color:#fff;font:400 16px inter,sans-serif}.maintenance__opening-table--header{display:grid;grid-column:1/3;grid-row:1/2;padding:8px;border-radius:8px;font:600 18px inter,sans-serif;grid-template-columns:subgrid;background-color:#d70000}.maintenance__table-body--title{padding-left:8px}.maintenance__table-body--time{display:flex;gap:4px;align-items:center}.maintenance__table-body--time .maintenance__table-time--icon{display:flex;padding:6px;background-color:#d70000;border-radius:6px}.maintenance__table-body--time .maintenance__table-time--icon img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:16px;height:16px}.maintenance__table-body--time .maintenance__table--time{display:flex;gap:4px}#closed{background-color:#303030}.maintenance__map--body{height:100%;border:solid 2px #303030;border-radius:8px}.info-detail__container{display:flex;flex-direction:column;gap:8px}.info-detail__container-single{display:flex;flex-direction:column;gap:4px}.info-detail__head{display:flex;justify-content:space-between;align-items:center}.info-detail__head .info-detail__head--title{font:600 16px inter,sans-serif;color:#fff}.info-detail__head--button-container{display:flex;align-items:center;gap:4px}.info-detail__head--button{display:flex;align-items:center;justify-content:center;border:solid 2px #303030;background-color:#0e0c0c;padding:4px;border-radius:8px}.info-detail__head--button img{-o-object-position:center;object-position:center;-o-object-fit:contain;object-fit:contain;width:14px;height:14px}.info-detail__head--button:hover{background-color:#d70000;border-color:#d70000;cursor:pointer;transition:all .1s}.info-detail__input{font:400 16px inter,sans-serif;color:#fff;padding:4px 6px;border:solid 2px #303030;background-color:#0e0c0c;border-radius:8px}

.fade-toggle {
    display:none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 100ms ease-in-out, visibility 100ms ease-in-out;
}
.fade-toggle.show {
    opacity: 1;
    visibility: visible;
}

.header-wrapper {
    display: flex;
    width: 100%;
    align-content: center;
    justify-content: center;
    background-color:#0E0C0C;
    border-bottom:#303030;
    padding: 16px 12px 16px 12px;
}

.header {
    width: 100%;
    max-width: 1920px;
    display:flex;
    align-content:center;
    justify-content:space-between;
}

.coming_soon {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 10px 14px;
    font:500 16px inter,sans-serif;
    color:white;
    border: 2px solid #303030;
    border-radius:8px;
}
@media (max-width: 450px) {
    .saanro_logo img {
        width: 200px;
    }
    .coming_soon {
        padding: 6px 10px;
        font: 500 14px inter,sans-serif;
    }
}



.image_title_wrapper {
    display: flex;
    width: 100%;
    max-width:1920px;
    padding: calc(20vh) 30px calc(35vh) 30px;
    justify-content: flex-start;
}

@media (max-width: 1300px) {
    .image_title_wrapper {
        padding: calc(20vh) 30px calc(35vh) 30px;
    }
}
@media (max-width: 1000px) {
    .image_title_wrapper {
        padding: calc(15vh) 30px calc(30vh) 30px;
    }
}
@media (max-width: 500px) {
    .image_title_wrapper {
        padding: calc(15vh) 30px calc(15vh) 30px;
    }
}


.title-wrapper {
    background-color: #00000066;
    padding:15px 40px;
    border-radius: 10px;
    transform: skew(-30deg);
}
.title_description {
    transform: skew(30deg);
}
.title_description_title {
    color:white;
    font:800 35px inter,sans-serif;
    letter-spacing: 1.5px;
}
@media (max-width: 1000px) {
    .title_description_title {
        font:700 30px inter,sans-serif;
        letter-spacing: 1.5px;
    }
}
@media (max-width: 500px) {
    .title-wrapper {
        background-color: #00000066;
        padding:10px 35px 15px 35px;
        border-radius: 10px;
        transform: skew(-30deg);
    }
    .title_description_title {
        font:700 20px inter,sans-serif;
        letter-spacing: 1px;
    }
}

.title_description_description {
    color:white;
    font:600 20px inter,sans-serif;
}
@media (max-width: 1000px) {
    .title_description_description {
        font:500 18px inter,sans-serif;
    }
}
@media (max-width: 500px) {
    .title_description_description {
        font:500 12px inter,sans-serif;
    }
}


.button_wrapper {
    padding: 4px 0;
    max-width: 502px;
    width:100%;
    display: flex;
    align-content: center;
    justify-content: end;
    border-radius: 10px;
    transform: skew(-30deg);
    background-color: white;
}
.title_button {
    color:black;
    font:600 25px inter,sans-serif;
    transform: skew(30deg);
    padding-right: 30px;
}
@media (max-width: 1000px) {
    .title_button {
        font:700 20px inter,sans-serif;
    }
}