:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-82a4b81 *//* =========================================================
   ROLLICE
   ABOUT US PAGE
   ========================================================= */

.rollice-about-page {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #f3ede3;

    color: #35322d;

    box-sizing: border-box;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.rollice-about-hero {
    width: 100% !important;

    height: 520px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    box-sizing: border-box;
}


.rollice-about-hero img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    object-position: center !important;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.rollice-about-container {
    width: 100% !important;

    max-width: 1100px !important;

    margin: 0 auto !important;

    padding: 90px 30px 100px !important;

    box-sizing: border-box;
}


/* =========================================================
   INTRO
   ========================================================= */

.rollice-about-intro {
    max-width: 850px;

    margin: 0 auto 100px !important;

    padding: 0 !important;

    text-align: center;
}


/* =========================================================
   LABEL
   ========================================================= */

.rollice-about-label {
    display: block;

    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #64675a !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.3;

    letter-spacing: 3px;

    text-transform: uppercase;
}


/* =========================================================
   MAIN PAGE HEADING
   ========================================================= */

.rollice-about-intro h1 {
    margin: 0 0 25px !important;
    padding: 0 !important;

    color: #35322d !important;

    font-size: 54px !important;

    font-weight: 500 !important;

    line-height: 1.1 !important;

    letter-spacing: -1.5px;
}


/* =========================================================
   WELCOME HEADING
   ========================================================= */

.rollice-about-intro h2 {
    margin: 0 0 22px !important;
    padding: 0 !important;

    color: #4b4740 !important;

    font-size: 25px !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;
}


/* =========================================================
   INTRO PARAGRAPHS
   ========================================================= */

.rollice-about-intro p {
    max-width: 780px;

    margin: 0 auto 18px !important;
    padding: 0 !important;

    color: #706b63 !important;

    font-size: 16px !important;

    line-height: 1.8 !important;
}


/* =========================================================
   CONTENT BLOCK
   ========================================================= */

.rollice-about-block {
    width: 100%;

    display: grid;

    grid-template-columns: 70px 1fr;

    gap: 35px;

    margin: 0 !important;
    padding: 55px 0 !important;

    border-top: 1px solid #d8cebf;

    box-sizing: border-box;
}


/* =========================================================
   SECTION NUMBER
   ========================================================= */

.rollice-section-number {
    padding-top: 7px;

    color: #999083 !important;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2px;
}


/* =========================================================
   CONTENT HEADINGS
   ========================================================= */

.rollice-about-block h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #35322d !important;

    font-size: 30px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: -0.5px;
}


/* =========================================================
   CONTENT PARAGRAPHS
   ========================================================= */

.rollice-about-block p {
    max-width: 820px;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #706b63 !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;
}


.rollice-about-block p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   STRONG TEXT
   ========================================================= */

.rollice-about-page strong {
    color: #4d4942 !important;

    font-weight: 600;
}


/* =========================================================
   CONTACT SECTION
   ========================================================= */

.rollice-about-contact {
    margin: 20px 0 0 !important;

    padding: 65px !important;

    background: #ebe3d6;

    border-radius: 4px;

    box-sizing: border-box;
}


/* =========================================================
   CONTACT HEADING
   ========================================================= */

.rollice-about-contact h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #35322d !important;

    font-size: 38px !important;

    font-weight: 500 !important;

    line-height: 1.15 !important;
}


/* =========================================================
   CONTACT INTRO
   ========================================================= */

.rollice-about-contact > p {
    max-width: 760px;

    margin: 0 0 35px !important;
    padding: 0 !important;

    color: #706b63 !important;

    font-size: 15px !important;

    line-height: 1.8 !important;
}


/* =========================================================
   CONTACT DETAILS
   ========================================================= */

.rollice-contact-details {
    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 50px;

    row-gap: 28px;
}


/* =========================================================
   CONTACT DETAIL
   ========================================================= */

.rollice-contact-details > div {
    display: flex;

    flex-direction: column;

    gap: 7px;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CONTACT LABEL
   ========================================================= */

.rollice-contact-details span {
    color: #8b8377 !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


/* =========================================================
   CONTACT VALUE
   ========================================================= */

.rollice-contact-details strong,
.rollice-contact-details a {
    color: #4e4a43 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    line-height: 1.6;

    text-decoration: none !important;
}


.rollice-contact-details a:hover {
    color: #64675a !important;
}


/* =========================================================
   CLOSING TEXT
   ========================================================= */

.rollice-about-closing {
    max-width: 800px;

    margin: 70px auto 0 !important;

    padding: 0 !important;

    text-align: center;
}


.rollice-about-closing p {
    margin: 0 !important;
    padding: 0 !important;

    color: #706b63 !important;

    font-size: 15px !important;

    line-height: 1.8 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .rollice-about-hero {
        height: 440px;
    }

    .rollice-about-container {
        padding: 75px 25px 80px !important;
    }

    .rollice-about-intro {
        margin-bottom: 75px !important;
    }

    .rollice-about-intro h1 {
        font-size: 46px !important;
    }

    .rollice-about-block {
        grid-template-columns: 55px 1fr;

        gap: 25px;

        padding: 45px 0 !important;
    }

    .rollice-about-contact {
        padding: 50px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .rollice-about-hero {
        height: 350px;
    }

    .rollice-about-container {
        padding: 55px 18px 65px !important;
    }

    .rollice-about-intro {
        margin-bottom: 55px !important;
    }

    .rollice-about-label {
        font-size: 9px !important;

        letter-spacing: 2.5px;
    }

    .rollice-about-intro h1 {
        font-size: 38px !important;

        letter-spacing: -1px;
    }

    .rollice-about-intro h2 {
        font-size: 22px !important;
    }

    .rollice-about-intro p {
        font-size: 14px !important;

        line-height: 1.75 !important;
    }

    .rollice-about-block {
        display: block;

        padding: 40px 0 !important;
    }

    .rollice-section-number {
        display: block;

        margin-bottom: 14px !important;

        padding: 0 !important;
    }

    .rollice-about-block h2 {
        font-size: 27px !important;
    }

    .rollice-about-block p {
        font-size: 14px !important;

        line-height: 1.75 !important;
    }

    .rollice-about-contact {
        margin-top: 10px !important;

        padding: 35px 25px !important;
    }

    .rollice-about-contact h2 {
        font-size: 32px !important;
    }

    .rollice-about-contact > p {
        font-size: 14px !important;
    }

    .rollice-contact-details {
        grid-template-columns: 1fr;

        row-gap: 23px;
    }

    .rollice-about-closing {
        margin-top: 50px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .rollice-about-hero {
        height: 290px;
    }

    .rollice-about-container {
        padding: 45px 14px 55px !important;
    }

    .rollice-about-intro h1 {
        font-size: 32px !important;
    }

    .rollice-about-intro h2 {
        font-size: 20px !important;
    }

    .rollice-about-block h2 {
        font-size: 25px !important;
    }

    .rollice-about-contact {
        padding: 30px 20px !important;
    }

    .rollice-about-contact h2 {
        font-size: 29px !important;
    }

    .rollice-contact-details strong,
    .rollice-contact-details a {
        font-size: 13px !important;
    }
}/* End custom CSS */