:root{

    --color-blue: #002469;

    --color-red: #E1091D;

    --color-black: #000000;

    --color-white: #FFFFFF;

    --bg-grey-light: #F0F0F0;

    --bg-grey-mid: #E5E5E5;

    --bg-grey-middark: #D9D9D9;

    --bg-grey-dark: #D2D2D2;

}



body{

    font-family: 'Arial', sans-serif;

    font-size: 20px;

    line-height: 30px;

    color: var(--color-black);

}



/* OVERRIDE */

.container-fluid{max-width: 1440px;}

/* OVERRIDE - END */





/* GENERAL */

img{

    max-width: 100%;

    height: auto;

}

.noselect {

    -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

    -khtml-user-select: none; /* Konqueror HTML */

    -moz-user-select: none; /* Old versions of Firefox */

    -ms-user-select: none; /* Internet Explorer/Edge */

    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}

.tab{

    display: inline-block;

    width: 24px;

}



.custom-slick-wrapper{

    position: relative;

}

.custom-slick-arrows{

    font-size:0;

}

.custom-slick-arrows .custom-slick-arrow{

    position:absolute;

    left: 0;

    top: 0;

    display: block;

    width: 40px;

    height: 100%;

    background: url('../images/slick-arrows@2x.png') no-repeat 4px center;

    background-size: 64px 140px;

    cursor:pointer;

    z-index: 9;

    transition: 300ms all ease-in-out;

    -o-transition: 300ms all ease-in-out;

    -ms-transition: 300ms all ease-in-out;

    -moz-transition: 300ms all ease-in-out;

    -webkit-transition: 300ms all ease-in-out;

}

.custom-slick-arrows .custom-slick-arrow.custom-slick-arrow-next{

    left: auto;

    right: 0;

    background-position: -28px center;

}

/* GENERAL - END */





/* ICONS */

/* Building */

.icon-lib{

    display: inline-block;

    text-decoration: none;

    vertical-align: middle;

}

.icon-building{

    width: 80px;

    height: 80px;

    background: transparent url('../images/icons-building-type@2x.png') no-repeat 0 0;

    background-size: 320px 160px;

}

.icon-building.icon-building-retail{background-position: 0 0;}

.icon-building.icon-building-restaurant{background-position: -80px 0;}

.icon-building.icon-building-office{background-position: -160px 0;}

.icon-building.icon-building-others{background-position: -240px 0;}

.icon-building.icon-building-retail.selected{background-position: 0 -80px;}

.icon-building.icon-building-restaurant.selected{background-position: -80px -80px;}

.icon-building.icon-building-office.selected{background-position: -160px -80px;}

.icon-building.icon-building-others.selected{background-position: -240px -80px;}



/* PDF */

.icon-pdf{

    width: 80px;

    height: 80px;

    background: transparent url('../images/icon-pdf@2x.png') no-repeat 0 0;

    background-size: 80px 160px;

}



/* BUTTON */

.btn-lib{

    display: inline-block;

    width: auto;

    min-width: 180px;

    padding: 8px 25px;

    background-color: var(--color-blue);

    border: none;

    font-size: 20px;

    line-height: 30px;

    color: var(--color-white);

    text-align: center;

    text-decoration: none;

    appearance: none;

    cursor: pointer;

}

.btn-lib:hover,

.btn-lib:focus,

.btn-lib:active{

    color: var(--color-white);

    text-decoration: none;

}

.btn-lib.btn-lib-alt{

    background-color: var(--color-red);

}

.btn-w-icon{

    display: inline-block;

    font-size: 12px;

    line-height: 1.1;

    color: var(--color-black);

    text-decoration: none;

}

.btn-w-icon i{

    display: block;

    margin-bottom: 8px;

}

.btn-lib-link{

    display: inline-block;

    color: var(--color-black);

}

.btn-lib-link.btn-lib-link-nou{text-decoration: none;}

.btn-lib-link-block{

    display: block;

    margin-bottom: 10px;

    color: var(--color-black);

    text-decoration: none;

}

/* BUTTON - END */



/* JQUERY-UI SLIDER */

.ui-slider{

    height: 8px;

    background-color: var(--color-white);

    border: solid 1px #888;

    border-radius: 50px;

    box-shadow: 0 0 4px #888 inset;

}

.ui-slider-horizontal .ui-slider-handle{

    top: 50%;

    transform: translateY(-50%);

    width: 30px;

    height: 30px;

    margin-left: -4px;

    background-color: var(--bg-grey-light);

    background: linear-gradient(

        0deg,

        rgba(180,180,180,1) 0%,

        rgba(240,240,240,1) 100%

    );

    border-radius: 100%;

    box-shadow: 0 1px 3px #888;

}

.ui-slider-horizontal .ui-slider-handle::after{

    content: "";

    position: absolute;

    top: 4px;

    bottom: 4px;

    left: 4px;

    right: 4px;

    background-color: var(--bg-grey-light);

    background: linear-gradient(

        0deg,

        rgba(220,220,220,1) 0%,

        rgba(240,240,240,1) 100%

    );

    border-radius: 100%;

}

.ui-slider-range{

    background: rgb(120,120,120);

    background: linear-gradient(

        0deg,

        rgba(120,120,120,.85) 0%,

        rgba(240,240,240,.85) 100%

    );

}

/* JQUERY-UI SLIDER - END */



/* FORM */

.form-question{position: relative;}

.control-label{

    display: block;

    font-size: 20px;

    line-height: 30px;

    color: var(--color-black);

}

.input-datepicker{

    padding-right: 36px;

    background-image: url('../images/icon-calendar@2x.png');

    background-repeat: no-repeat;

    background-position: 96% center;

    background-size: 32px 32px;

}

/* FORM - END */



/* CUSTOM RADIO OPTION */

.custom-radio-wrapper{

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

    font-size: 0;

    line-height: inherit;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */

      -webkit-user-select: none; /* Safari */

       -khtml-user-select: none; /* Konqueror HTML */

         -moz-user-select: none; /* Old versions of Firefox */

          -ms-user-select: none; /* Internet Explorer/Edge */

              user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}

.custom-radio-wrapper .opt-yes,

.custom-radio-wrapper .opt-no{

    display: inline-block;

    min-width: 50px;

    font-size: 20px;

    color: var(--color-black);

    vertical-align: middle;

    cursor: pointer;

}

.custom-radio-wrapper.yes .opt-yes,

.custom-radio-wrapper.no .opt-no{

    font-weight: 700;

    color: var(--color-red);

}

.custom-radio-wrapper .custom-radio-option{

    position: relative;

    display: inline-block;

    width: 64px;

    height: 30px;

    margin: 0 5px;

    background-color: #88878C;

    border-radius: 50px;

    box-shadow: 0 0 4px #555 inset;

    vertical-align: middle;

}

.custom-radio-wrapper .custom-radio-option::before{

    content: "";

    position: absolute;

    top: 2px;

    bottom: 2px;

    left: 2px;

    right: 2px;

    border-radius: 50px;

    background-color: #FFF;

    background: linear-gradient(0deg, #969696 0%, #C8C8C8 30%, #DCDCDC 45%, #FFFFFF 100%);

    background: -o-linear-gradient(top,  #969696 0%,#C8C8C8 30%,#DCDCDC 45%,#FFFFFF 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #969696 0%,#C8C8C8 30%,#DCDCDC 45%,#FFFFFF 100%); /* IE10+ */

    background: -moz-linear-gradient(top,  #969696 0%, #C8C8C8 30%, #DCDCDC 45%, #FFFFFF 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(30%,#C8C8C8), color-stop(45%,#DCDCDC), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #969696 0%,#C8C8C8 30%,#DCDCDC 45%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */

    width: 38px;

    box-shadow: 0 1px 3px #555;

    transition: all 100ms ease-in-out;

    -o-transition: all 100ms ease-in-out;

    -ms-transition: all 100ms ease-in-out;

    -moz-transition: all 100ms ease-in-out;

    -webkit-transition: all 100ms ease-in-out;

}

.custom-radio-wrapper.no .custom-radio-option::before{

    left: 24px;

}

/* CUSTOM RADIO OPTION - END */





/* GENERAL SECTIONS */

.section-header{

    padding: 15px 0;

    border-bottom: 6px solid var(--color-blue);

}



.section-title{

    padding: 30px 0;

}

.section-title h1{

    font-weight: 700;

    font-size: 48px;

    line-height: 60px;

    color: var(--color-blue);

}



.section-footer{

    padding: 15px 0;

    border-top: solid 2px var(--bg-grey-dark);

    font-size: 13px;

    line-height: 16px;

}

.section-footer a{

    display: inline-block;

    color: inherit;

    text-decoration: none;

}

.section-footer .col-md-10 a{

    padding: 0 4px;

}

.section-footer .pidm-clause{

    max-width: 720px;

    margin: 15px auto 0;

    padding: 0 15px;

    font-size: 11px;

    line-height: 14px;

}

.section-footer .pidm-clause a{padding: 0;}

/* GENERAL SECTIONS - END */





/* MAIN CONTENT SECTIONS */

.section-progress{

    padding: 20px 0;

    background-color: var(--bg-grey-light);

}

.section-progress h2{

    margin: 0;

    font-weight: 700;

    font-size: 36px;

    color: var(--color-blue);

}

.section-progress h2 small{

    display: block;

    font-weight: 400;

    font-size: 55%;

    line-height: 1.5;

}



.step-dots{

    margin: 0;

    padding: 0;

    font-size: 0;

    line-height: 0;

}

.step-dots li{

    display: inline-block;

    margin: 0 4px;

}

.step-dots li a{

    display: block;

    width: 16px;

    height: 16px;

    border: solid 1px var(--color-black);

    border-radius: 100%;

    font-size: 0;

    text-decoration: none;

}

.step-dots li a.active{

    background-color: var(--color-black);

}



.section-main{

    position: relative;

    background-color: var(--bg-grey-dark);

}

.section-main .container{position: relative;}



[class*="step-"] .left,

[class*="step-"] .mid,

[class*="step-"] .right{

    padding-top: 20px;

    padding-bottom: 20px;

}



/* STEP 1 */

.step-1{text-align: center;}

.step-1 .left,

.step-1 .mid,

.step-1 .right{

    padding-left: 50px;

    padding-right: 50px;

}

.step-1 .custom-radio-wrapper .opt-yes,

.step-1 .custom-radio-wrapper .opt-no{width: 70px;}

.step-1 .mid{background-color: var(--bg-grey-mid);}

.step-1 .custom-radio-blocks{

    max-width: 200px;

    margin: 0 auto;

    font-size: 0;

}

.step-1 .custom-radio-blocks .custom-radio-block{

    position: relative;

    display: inline-block;

    margin: 0 10px 20px;

    font-size: 14px;

    cursor: pointer;

}

.step-1 .custom-radio-blocks .custom-radio-block .icon-lib{

    display: block;

    margin-bottom: 3px;

}

.step-1 .custom-radio-blocks .custom-radio-block input[type='radio']{

    position: absolute;

    top: 0;

    left: 0;

    visibility: hidden;

    opacity: 0;

}



/* STEP 2 */

.step-2::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 50%;

    height: 100%;

    z-index: 0;

    background-color: var(--bg-grey-mid);

}

.step-2 .left .form-question .col-md-5{

    text-align: right;

}

.step-2 #floor-space,

.step-2 #fire-extinguishers{

    display: inline-block;

    width: 100px;

}



/* STEP 3 */

.step-3::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 80%;

    height: 100%;

    z-index: 0;

    background-color: var(--bg-grey-mid);

}

.step-3 .link-see-more{

    color: var(--color-black);

    text-decoration: none;

}

.step-3 .remaining-items{display:none;}

/* STEP 3 - END */



/* STEP 4 */

.page-4 .plans-wrapper .plans-list{

    position: relative;

    z-index: 1;

}

.page-4 .plans-wrapper .plans-list::before,

.page-4 .plans-wrapper .plans-list::after{

    content: "";

    position: absolute;

    display: block;

    top: 0;

    width: 10%;

    height: 100%;

    z-index: 1;

}

.page-4 .plans-wrapper .plans-list::before{

    left: 0;

    background: linear-gradient(

        -90deg,

        rgba(240,240,240,0) 0%,

        rgba(240,240,240,1) 50%,

        rgba(240,240,240,1) 100%

    );

}

.page-4 .plans-wrapper .plans-list::after{

    right: 0;

    background: linear-gradient(

        90deg,

        rgba(240,240,240,0) 0%,

        rgba(240,240,240,1) 50%,

        rgba(240,240,240,1) 100%

    );

}

.page-4 .plans-wrapper .block-plan{

    position: relative;

    margin: 0 30px;

    padding: 30px;

    background-color: var(--bg-grey-dark);

    font-size: 16px;

    line-height: 1.5;

    color: var(--color-blue);

}

.page-4 .plans-wrapper .block-plan.active{

    background-color: var(--color-blue);

    color: var(--color-white);

}

.page-4 .plans-wrapper .block-plan h3{

    font-weight: 700;

    margin-bottom: 20px;

}

.page-4 .plans-wrapper .block-plan input[type='radio'] {

    position: absolute;

    top: 0;

    left: 0;

    visibility: hidden;

    opacity: 0;

}

.page-4 .plans-wrapper .block-plan.active .btn-lib{

    background-color: var(--color-red);

}



/* Information */

.icon-info{

    position: relative;

    display: inline-block;

    width: 16px;

    height: 16px;

    border-radius: 100%;

    background-color: var(--color-blue);

    font-weight: 700;

    font-size: 12px;

    line-height: 16px;

    color: var(--color-white);

    text-align: center;

    font-style: normal;

    text-decoration: none;

    vertical-align: middle;

}

.icon-info:hover{

    text-decoration: none;

    color: var(--color-white);

}

.page-4 .plans-wrapper .block-plan.active .icon-info,

.page-4 .plans-wrapper .block-plan.active .icon-info:hover{

    background-color: var(--color-white);

    color: var(--color-blue);

}



.page-4 .mid h3{

    font-weight: 700;

    font-size: 30px;

    line-height: 1.5;

    color: var(--color-blue);

}

.page-4 .addons-wrapper .block-addon{

    position: relative;

    margin: 0 15px;

    padding: 30px;

    background-color: var(--color-blue);

    font-size: 16px;

    line-height: 1.5;

    color: var(--color-white);

}

.page-4 .addons-wrapper .block-addon h4{

    font-weight: 700;

    margin-bottom: 20px;

}

.page-4 .addons-wrapper .block-addon input[type='radio'] {

    position: absolute;

    top: 0;

    left: 0;

    visibility: hidden;

    opacity: 0;

}

.page-4 .addons-wrapper .block-addon ul li{

    font-size: 12px;

    line-height: 1.5;

}

.page-4 .addons-wrapper .block-addon .btn-lib{

    background-color: var(--color-red);

}

/* STEP 4 - END */



/* STEP 5 */

.step-5::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 55%;

    height: 100%;

    z-index: 0;

    background-color: var(--bg-grey-mid);

}

.quotation-head{

    margin-bottom: 20px;

    font-weight: 700;

    font-size: 24px;

    color: var(--color-blue);

}

.payable-summary{

    max-width: 400px;

    margin: 0 auto;

    padding: 30px;

    border-radius: 8px;

    background-color: var(--color-blue);

    color: var(--color-white);

    box-shadow: 0 1px 3px #999;

}

.payable-summary h4{font-weight: 700;}

.payable-summary .summary-details{

    font-size: 18px;

}

.promo-code-wrapper{

    padding: 0 30px;

}

/* STEP 5 - END */



/* STEP 6 */

.quotation-wrapper{

    max-width: 600px;

    border-radius: 5px;

    padding: 1rem;

    background-color: var(--color-blue);

    color: var(--color-white);

}

.quotation-wrapper h2,

.quotation-wrapper .price{

    margin: 0;

    font-weight: 700;

    font-size: 36px;

    line-height: 1.2;

    color: var(--color-white);

}

.quotation-wrapper .view-quotation-summary{

    font-size: 18px;

    line-height: 1.2;

    color: var(--color-white);

    text-decoration: none;

}



.step-6::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    width: 50%;

    height: 100%;

    z-index: 0;

    background-color: var(--bg-grey-mid);

}

.step-6 .left{padding-right: 5%}

.step-6 .right{padding-left: 5%}

.payment-options-wrapper{

    padding: 30px 0;

    background-color: var(--bg-grey-middark);

}

.payment-options-wrapper h2{

    font-weight: 700;

    font-size: 36px;

    color: var(--color-blue);

}

.payment-options-wrapper .form-check-inline{padding-left: 0;}

.payment-options-wrapper .form-check-inline .form-check-label{display:block;}

.payment-options-wrapper .form-check-inline .form-check-input{float:none;margin-left: 0;}



[class*='popup-'].active{display: block;}

.popup-layer{

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    display: none;

    z-index: 99;

    background-color: rgba(0,0,0,.65);

}

.popup-lib{

    position: fixed;

    top: 50%;

    left: 50%;

    z-index: 101;

    display: none;

    width: 96%;

    height: 90%;

    transform: translate(-50%, -50%);

    border-radius: 8px;

    background-color: var(--color-white);

    box-shadow: 0 4px 24px -6px var(--color-black);

}

.popup-lib .head{

    position: relative;

    padding: 1rem;

    border-bottom: solid 1px var(--bg-grey-mid);

    font-weight: 700;

    font-size: 24px;

    line-height: 1.2;

}

.popup-lib .head .close-popup{

    position: absolute;

    top: 50%;

    right: 1rem;

    display: block;

    width: 30px;

    height: 30px;

    transform: translateY(-50%);

    font-size: 30px;

    line-height: 30px;

    color: var(--color-black);

    text-align: center;

    text-decoration: none;

    transition: 300ms all ease-in-out;

    -o-transition: 300ms all ease-in-out;

    -ms-transition: 300ms all ease-in-out;

    -moz-transition: 300ms all ease-in-out;

    -webkit-transition: 300ms all ease-in-out;

}

.popup-lib .head .close-popup:hover{

    background-color: var(--bg-grey-light);

}

.popup-lib .body{

    overflow: auto;

    max-height: calc(100% - 60px);

    padding: 1rem;

    font-size: 16px;

}

.popup-quotation{

    max-width: 560px;

    max-height: 70%;

}

.popup-quotation .payable-summary{margin: 0 0 0 auto;}

/* STEP 6 - END */





.section-actionbar{

    padding: 20px 0;

    background-color: var(--bg-grey-light);

    text-align: right;

}

.section-actionbar .btn-lib{margin-left: 10px;}



.section-message{

    padding: 150px 0 80px;

    text-align: center;

}

.section-message h1{

    font-weight: 700;

    font-size: 40px;

    line-height: 48px;

    color: var(--color-blue);

}

.section-message h4{

    font-size: 24px;

    line-height: 1.5;

    color: var(--color-black);

}

.section-message .btn-w-icon:hover .icon-pdf{background-position: 0 -80px;}

.section-message .form-contact{

    max-width: 640px;

    margin: 0 auto;

}

/* MAIN CONTENT SECTIONS - END */





/* RESPONSIVE OVERRIDES */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .container, .container-md, .container-sm{max-width: 96%;}

}

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

    body{

        font-size: 18px;

        line-height: 26px;

    }



    .control-label{

        font-size: 18px;

        line-height: 26px;

    }

    .input-datepicker{

        padding-right: 28px;

        background-position: 98% center;

        background-size: 24px 24px;

    }



    .ui-slider{

        max-width: 280px;

        margin: 0 auto 2rem;

    }



    .custom-radio-wrapper .custom-radio-option{

        height: 26px;

        width: 56px;

    }

    .custom-radio-wrapper .opt-yes,

    .custom-radio-wrapper .opt-no{

        font-size: 18px;

        line-height: 26px;

    }

    .custom-radio-wrapper .custom-radio-option::before{width: 32px;}

    .custom-radio-wrapper.no .custom-radio-option::before{left: 22px;}



    .icon-building{

        width: 64px;

        height: 64px;

        background-size: 256px 128px;

    }

    .icon-building.icon-building-retail{background-position: 0 0;}

    .icon-building.icon-building-restaurant{background-position: -64px 0;}

    .icon-building.icon-building-office{background-position: -128px 0;}

    .icon-building.icon-building-others{background-position: -192px 0;}

    .icon-building.icon-building-retail.selected{background-position: 0 -64px;}

    .icon-building.icon-building-restaurant.selected{background-position: -64px -64px;}

    .icon-building.icon-building-office.selected{background-position: -128px -64px;}

    .icon-building.icon-building-others.selected{background-position: -192px -64px;}



    .section-title{

        padding-bottom: 10px;

        text-align: center;

    }

    .section-title h1{

        font-size: 24px;

        line-height: 32px;

        text-transform: uppercase;

    }



    .section-progress{background-color: var(--color-white);}

    .section-progress h2{font-size: 20px;text-align: center;}

    .section-progress h2 small{font-size: 14px;}



    .section-actionbar{

        padding: 30px 0;

        background-color: var(--color-white);

        text-align: center;

    }



    .section-footer{font-size: 12px;}



    .step-1 .left,

    .step-1 .mid,

    .step-1 .right{

        padding-left: 15px;

        padding-right: 15px;

    }

    .step-1 .mid{background-color: var(--color-white);}

    .step-1 .custom-radio-blocks{max-width: 100%;}

    .step-1 .custom-radio-blocks .custom-radio-block{

        margin: 0 8px 10px;

        font-size: 12px;

    }



    .step-2::before{display: none;}

    .step-2 .left .form-question .col-12,

    .step-2 .right .form-question{text-align: center;}

    .step-2 .left .form-question .control-label{margin-bottom: 1rem!important;}



    .step-3::before{width: 100%;}

    .step-3 .form-question::after{

        content: "";

        position: absolute;

        top: 100%;

        left: 50%;

        width: calc(100% - var(--bs-gutter-x));

        height: 1px;

        margin-top: 1.5rem;

        background-color: #D0D0D0;

        transform: translateX(-50%);

    }

    .step-3 .form-question:last-child::after{display: none;}



    .page-4 .plans-wrapper,

    .page-4 .mid{

        margin-left: -15px;

        margin-right: -15px;

        background-color: var(--bg-grey-light);

    }

    .page-4 .plans-wrapper .block-plan{margin: 0 40px;}

    .page-4 .mid h3{

        font-size: 20px;

        text-align: center;

    }

    .page-4 .addons-wrapper .block-addon{margin: 0 55px;}



    .step-5{background-color: var(--bg-grey-mid);}

    .step-5::before{display: none;}

    .consent-wrapper{font-size: 16px;line-height: 1.5;}



    .quotation-wrapper h2{text-align: left;}

    .quotation-wrapper .price{

        font-size: 20px;

        text-align: right;

    }

    .quotation-wrapper .view-quotation-summary{font-size: 14px;}

    .step-6{background: none;}

    .step-6::before{display: none;}

    .step-6 .left{padding-right: 15px;}

    .step-6 .right{

        padding-left: 15px;

        background-color: var(--bg-grey-dark);

    }

    .step-6 .dates-wrapper [class*='col-']:first-child{padding-right: 0;}

    .step-6 .dates-wrapper [class*='col-']:last-child{padding-left: 0;}

    .payment-options-wrapper{

        background-color: var(--bg-grey-light);

        text-align: center;

    }

    .payment-options-wrapper h2{

        font-size: 20px;

        text-align: center;

    }

    .payment-options-wrapper  .payment-cc{width: 120px;}

    .payment-options-wrapper  .payment-fpx{width: 90px;}

    .payment-options-wrapper .col-12.text-center{margin-top: 2rem;}

    .payment-options-wrapper .form-label{display: block;}



    .section-message{padding: 50px 0;}

    .section-message h1{

        font-size: 24px;

        line-height: 32px;

    }

    .section-message h4{font-size: 20px;}

}