@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400&display=swap");

@font-face {
    font-family: "SVN-Segoe Script";
    src: url("/assets/fonts/SVN-SegoeScript.woff2") format("woff2"), url("/assets/fonts/SVN-SegoeScript.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibri";
    src: url("/assets/fonts/Calibri.woff2") format("woff2"), url("/assets/fonts/Calibri.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/**
   * @param $direction: horizontal vertical both
   example : @include center(both) || @include center(horizontal) || @include center(vertical)
   */
form input:focus, form input:hover {
    outline: none;
    box-shadow: none !important;
}

.form-group label {
    padding-left: 10px;
}

.form-control {
    height: 2.75rem;
    border: 3px solid #2f528f;
    border-radius: 6px;
}

    .form-control.rounded-sm {
        height: 1.5rem;
    }

    .form-control.rounded-md {
        height: 2rem;
    }

    .form-control:focus, .form-control:hover {
        border-color: #0b38ac;
    }

    .form-control::placeholder {
        color: #b4c7e7;
    }

    .form-control.border-white.bg-transparent {
        color: #b4c7e7;
    }

.form-control-silver {
    background: #d0cece;
    border-color: transparent;
}

    .form-control-silver:focus {
        background: #d0cece;
        border-color: #d0cece;
    }

    .form-control-silver::placeholder {
        color: #000000;
    }

.form-control-dark {
    color: #b4c7e7;
}

    .form-control-dark:focus {
        color: #b4c7e7;
    }

    .form-control-dark::placeholder {
        color: #b4c7e7;
    }

.form-control.border-secondary {
    border-color: #000000 !important;
}

    .form-control.border-secondary::placeholder {
        color: #959191;
    }

textarea.form-control {
    height: 10rem;
}

    textarea.form-control:focus, textarea.form-control:hover {
        border-color: #0b38ac;
        box-shadow: none;
    }

.form-check-radio {
    height: 2.625rem;
}

    .form-check-radio label {
        padding: 0 10px;
        min-width: 16rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1.125rem;
    }

    .form-check-radio .form-check-input + img {
        display: none;
    }

    .form-check-radio .form-check-input:checked + img {
        display: block;
    }

.form-checkbox img {
    width: 25px;
    height: 23px;
}

.form-checkbox-input:checked + .form-checkbox-label::after {
    background: #fba019;
}

.form-checkbox-label {
    font-size: 1rem;
}

    .form-checkbox-label::after {
        content: "";
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        background: #ffffff;
    }

.form-login {
    padding: 0.9rem 0.5rem;
    background: #8d949a;
}

    .form-login .form-control {
        font-size: 0.875rem;
        height: 2rem;
        background: #c6c7cb;
        color: #3b3838;
        border-color: transparent;
    }

        .form-login .form-control::placeholder {
            color: #3b3838;
        }

    .form-login .btn {
        background: #fba019;
    }

        .form-login .btn:focus {
            box-shadow: none;
        }

.forgot,
.register {
    position: relative;
    padding-left: 40px;
    color: #0070c0;
    font-size: 1.25rem;
}

    .forgot:hover,
    .register:hover {
        color: #96b0f3;
    }

    .forgot::after,
    .register::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: block;
        width: 23px;
        height: 23px;
        background: url(/assets/images/icons/ico-clone.png);
        background-position: center;
        background-size: cover;
    }

input[type="date"] {
    position: relative;
}

    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        width: 100%;
        opacity: 0;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.btn {
    border: 0;
}

    .btn.btn-primary, .btn.btn-orange, .btn.btn-outline-primary {
        min-width: 89px;
        height: 32px;
        color: #ffffff;
    }

    .btn.shadow {
        box-shadow: rgba(22, 22, 22, 0.5) -2px 2px 3px !important;
    }

    .btn.active {
        background-color: #fba019 !important;
    }

    .btn.btn-primary {
        border: none;
    }

        .btn.btn-primary, .btn.btn-primary:focus {
            background-color: #2f5597;
        }

            .btn.btn-primary:hover {
                background-color: black;
                box-shadow: 0 2px 4px rgba(49, 50, 51, 0.2);
            }

            .btn.btn-primary:active {
                background-color: white;
            }

            .btn.btn-primary:disabled, .btn.btn-primary.disabled {
                background-color: grey;
            }

    .btn.btn-dark {
        border: none;
    }

        .btn.btn-dark, .btn.btn-dark:focus {
            background-color: #3b3838;
        }

            .btn.btn-dark:hover {
                background-color: black;
                box-shadow: 0 2px 4px rgba(49, 50, 51, 0.2);
            }

            .btn.btn-dark:disabled, .btn.btn-dark.disabled {
                background-color: grey;
            }

    .btn.btn-orange {
        border: none;
    }

        .btn.btn-orange, .btn.btn-orange:focus {
            background-color: #ed7d31;
        }

            .btn.btn-orange:hover {
                background-color: black;
                box-shadow: 0 2px 4px rgba(49, 50, 51, 0.2);
            }

            .btn.btn-orange:disabled, .btn.btn-orange.disabled {
                background-color: grey;
            }

    .btn.btn-3xl {
        width: 150px;
        height: 70px;
        font-size: 1.5rem;
        line-height: 1.75rem;
        border-radius: 10px;
    }

    .btn.btn-2xl {
        min-width: 300px;
        height: 56px;
        font-size: 1.4rem;
        border-radius: 0.4rem;
        box-shadow: -2px 3px 4px 0px #9c9696;
    }

    .btn.btn-xl {
        min-width: 210px;
        height: 46px;
        font-size: 1.5rem;
        box-shadow: -2px 3px 4px 0px #9c9696;
    }

        .btn.btn-xl.h-8 {
            height: 70px;
        }

    .btn.btn-lg {
        min-width: 210px;
        height: 44px;
        box-shadow: -2px 3px 4px 0px #9c9696;
    }

    .btn.btn-md {
        min-width: 150px;
        height: 45px;
        font-size: 1.3rem;
        box-shadow: -2px 3px 4px 0px #9c9696;
    }

    .btn.btn-sm {
        min-width: 100px;
        height: 27px;
        font-size: 0.75rem;
    }

    .btn.btn-xs {
        min-width: 96px;
        height: 25px;
        font-size: 0.75rem;
    }

    .btn.btn-2xs {
        min-width: 53px;
        height: 22px;
        font-size: 0.75rem;
        margin-bottom: 5px;
    }

    .btn.justify-content-start {
        min-width: 210px;
        height: 35px;
        font-size: 1.25rem;
    }

.btn-file {
    line-height: 1;
}

a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.custom-select {
    position: relative;
    padding-left: 7px;
    border: 3px solid #2f5597;
    border-radius: 0.5rem;
    background-color: #ffffff;
    color: #2f5597;
    text-align: left;
    width: 100%;
    height: 2.75rem;
    font-size: 1.2rem;
    background-image: url("/assets/images/icons/ico-down.png");
    background-size: 18px;
    line-height: 1;
}

.custom-select-silver {
    background-image: url("/assets/images/icons/ico-down-black.png");
    background-color: #d0cece;
    color: #000000;
    border: 0;
}

.custom-select-black {
    background-image: url("/assets/images/icons/ico-down-white.png");
    background-color: #3b3838;
    border-color: #ffffff;
    border: 3px solid white;
    color: #ffffff;
}

.custom-select-none {
    background-image: url("/assets/images/icons/ico-down-white.png");
    background-color: #3b3838;
    border-color: #ffffff;
    border: 0;
    color: #ffffff;
    background-position-x: 190px;
}

    .custom-select-none:focus {
        box-shadow: none;
    }

.custom-select-square {
    background-image: url("/assets/images/icons/ico-down-black.png");
    background-color: #ffffff;
    border-color: #000000;
    border: 2px solid black;
    border-radius: 0;
    color: #000000;
}

.dropdown button span {
    font-size: 1.2rem;
}

.dropdown .dropdown-toggle-primary {
    position: relative;
    padding-left: 7px;
    border: 3px solid #2f5597;
    border-radius: 0.5rem;
    background-color: #ffffff;
    color: #2f5597;
    text-align: left;
    width: 100%;
    height: 2.75rem;
}

    .dropdown .dropdown-toggle-primary::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -8px 5px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-down.png");
        background-repeat: no-repeat;
        transition: transform 250ms ease 0s;
        transform: none;
    }

.dropdown .dropdown-toggle-silver {
    position: relative;
    border: 0;
    border-radius: 6px;
    background-color: #d0cece;
    color: #000000;
    text-align: left;
    padding-left: 7px;
    width: 100%;
    height: 2.75rem;
}

    .dropdown .dropdown-toggle-silver + .dropdown-menu {
        background-color: #d0cece;
        color: #ffffff;
    }

        .dropdown .dropdown-toggle-silver + .dropdown-menu .dropdown-item {
            color: #3b3838;
        }

        .dropdown .dropdown-toggle-silver + .dropdown-menu :hover {
            color: #000000;
        }

        .dropdown .dropdown-toggle-silver + .dropdown-menu :focus {
            color: #000000;
        }

    .dropdown .dropdown-toggle-silver::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -6px 0px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-down-black.png");
        background-repeat: no-repeat;
        transition: transform 250ms ease 0s;
        transform: none;
    }

    .dropdown .dropdown-toggle-silver.dropdown-sm {
        height: 2rem;
        font-size: 16px;
    }

.dropdown .dropdown-toggle-black {
    position: relative;
    padding-left: 7px;
    border-color: #ffffff;
    border: 3px solid;
    border-radius: 0.5rem;
    background-color: #3b3838;
    color: #ffffff;
    text-align: left;
    width: 100%;
    height: 2.75rem;
}

    .dropdown .dropdown-toggle-black + .dropdown-menu {
        background-color: #3b3838;
        color: #ffffff;
    }

        .dropdown .dropdown-toggle-black + .dropdown-menu .dropdown-item {
            color: white;
        }

        .dropdown .dropdown-toggle-black + .dropdown-menu :hover {
            color: black;
        }

        .dropdown .dropdown-toggle-black + .dropdown-menu :focus {
            color: #ffffff;
        }

    .dropdown .dropdown-toggle-black::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -6px 0px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-down-white.png");
        background-repeat: no-repeat;
        transition: transform 250ms ease 0s;
        transform: none;
    }

.dropdown .dropdown-toggle-none {
    position: relative;
    padding-left: 7px;
    border: 0;
    border-radius: 8px;
    background-color: #3b3838;
    color: #ffffff;
    text-align: left;
    width: 100%;
    height: 2.75rem;
}

    .dropdown .dropdown-toggle-none + .dropdown-menu {
        background-color: #3b3838;
        color: #ffffff;
    }

        .dropdown .dropdown-toggle-none + .dropdown-menu .dropdown-item {
            color: white;
        }

        .dropdown .dropdown-toggle-none + .dropdown-menu :hover {
            color: black;
        }

        .dropdown .dropdown-toggle-none + .dropdown-menu :focus {
            color: #ffffff;
        }

    .dropdown .dropdown-toggle-none::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -6px 0px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-down-white.png");
        background-repeat: no-repeat;
        transition: transform 250ms ease 0s;
        transform: none;
    }

.dropdown .dropdown-toggle-square {
    position: relative;
    padding-left: 7px;
    border: 2px solid black;
    border-radius: 0;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    width: 100%;
    height: 2.75rem;
}

    .dropdown .dropdown-toggle-square::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -6px 0px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-down-black.png");
        background-repeat: no-repeat;
        transition: transform 250ms ease 0s;
        transform: none;
    }

.dropdown .dropdown-menu {
    width: 100%;
}

    .dropdown .dropdown-menu :focus {
        background-color: unset;
        color: #000000;
    }

    .dropdown .dropdown-menu.dropdown-menu-sm {
        min-height: 1.5rem;
        font-size: 16px;
    }

.accordion .accordion-header {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.25rem;
    background-color: white;
}

    .accordion .accordion-header:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -6px 5px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-minus-1.png");
        background-repeat: no-repeat;
    }

    .accordion .accordion-header.collapsed:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        margin: -9px 5px 0 0;
        border: 0;
        width: 1.5rem;
        height: 1.5rem;
        background-image: url("/assets/images/icons/ico-plus-1.png");
        background-repeat: no-repeat;
    }

.accordion .accordion-body {
    padding: 15px 1rem;
    background-color: #fafafa;
    color: #a5a5a5;
}

.accordion-top {
    padding: 10px 20px;
    background: #ffbc27;
    color: white;
    font-size: 1.5rem;
    font-weight: unset;
    text-align: center;
}

.card {
    width: 260px;
    height: 360px;
    margin: 8px 0px;
    border: 2px solid #2f528f !important;
}

    .card.shadow {
        box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px !important;
    }

.carousel-control-next, .carousel-control-prev {
    width: 7%;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 35px;
}

.carousel-control-prev-icon {
    background-image: url(/assets/images/icons/ico-angle-left.png) !important;
}

.carousel-control-next-icon {
    background-image: url(/assets/images/icons/ico-angle-right.png) !important;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 1 !important;
}

.carousel-item img {
    width: 100%;
}

.box-shadow {
    box-shadow: rgba(22, 22, 22, 0.5) -2px 2px 3px !important;
}

.table th, .table td {
    padding: 0.25rem;
    vertical-align: middle;
}

.table tr, .table td {
    font-size: 1.2rem;
}

.td-summary{
    width:57% !important;
}
    .table thead tr td, .table tr.group td, .table.table-borderless td {
        padding-left: 1.5rem;
    }

.table.border-top {
    border-width: 3px !important;
    border-color: #3b3838 !important;
}

.tablesummary th, .tablesummary td {
    border-top: none;
    margin-bottom: 0.1rem;
}

.table tr td {
    padding-left: 2.5rem;
}

    .table tr td:last-child {
        padding-right: 1rem;
        text-align: right;
    }

.table tr.group td {
    font-weight: 700;
}

.table thead tr {
    background-color: #a5a5a5;
    color: white;
    border-bottom: 4px solid white;
}

    .table thead tr td {
        font-weight: 500;
    }

.table.table-borderless {
    background-color: #ededed;
}

    .table.table-borderless th, .table.table-borderless td {
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        border: 0 !important;
    }

    .table.table-borderless tr {
        background-color: transparent !important;
    }

        .table.table-borderless tr td {
            text-align: left;
        }

        .table.table-borderless tr:first-child td {
            padding-top: 0.5rem;
        }

        .table.table-borderless tr:last-child td {
            padding-bottom: 0.5rem;
        }

.table.table-bordered th, .table.table-bordered td {
    border: 2px solid white;
}

.table.table-bordered .table-borderless {
    margin-bottom: 0;
    background-color: transparent;
}

    .table.table-bordered .table-borderless tr td {
        padding-top: 0;
        padding-bottom: 0;
    }

        .table.table-bordered .table-borderless tr td:first-child {
            width: 17%;
            border-right: 2px solid white !important;
        }

        .table.table-bordered .table-borderless tr td:last-child {
            padding-left: 0.5rem;
        }

.table.table-striped tbody tr:nth-of-type(odd) {
    background: #e1e1e1;
}

.table.table-striped tbody tr:nth-of-type(even) {
    background: #f0f0f0;
}

.table-xs td {
    padding-top: 0;
    padding-bottom: 0;
}

.table-md td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.border-bottom.border-orange-bottom {
    border-bottom: 4px solid orange !important;
}

.border-bottom.border-orange-thicker {
    border-bottom: 5px solid orange !important;
}

.border-orange {
    border: 2px solid #fba019;
}

.border-3 {
    border: 3px solid #2f5597;
}

.scrollbar::-webkit-scrollbar {
    width: 25px;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #ffffff;
    border: 2px solid #d0cece;
}

.scrollbar::-webkit-scrollbar-track {
    background: #d0cece;
}

.bg-transparent {
    background: transparent !important;
}

.bg-dark {
    background: #3b3838 !important;
}

.bg-secondary {
    background: #d0cece !important;
}

.bg-warning {
    background: #fba019 !important;
}

.bg-silver-lighter {
    background: #eeeeee !important;
}

.bg-gray-lighter {
    background: #e1e1e1 !important;
}

.bg-gray-lightest {
    background: #ededed !important;
}

.text-black {
    color: black !important;
}

.text-warning {
    color: #ffb22d !important;
}

.text-danger {
    color: #ff0000 !important;
}

.text-blue-lighter {
    color: #bccdea !important;
}

.text-primary-lighter {
    color: #00b0f0 !important;
}

.text-primary-lightest {
    color: #b4c7e7 !important;
}

.text-secondary {
    color: #959191 !important;
}

.text-green {
    color: #608d55;
}

.text-white {
    color: #ffffff;
}

.text-black {
    color: #000000 !important;
}

.border-secondary {
    border-color: #959191 !important;
}

.border-warning {
    border-color: #fba019 !important;
}

.bg-silver-lighter {
    background-color: #f0f0f0;
}

.bottom-0 {
    bottom: 0;
}

.right-3 {
    right: 2rem;
}

.right-2 {
    right: 1.5rem;
}

.w-1 {
    width: 1%;
}

.w-5 {
    width: 5%;
}

.w-8 {
    width: 8%;
}

.w-10 {
    width: 10%;
}

.w-12 {
    width: 12%;
}

.w-15 {
    width: 15%;
}

.w-16 {
    width: 16%;
}

.w-17 {
    width: 17%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-42 {
    width: 42%;
}

.w-45 {
    width: 45%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-85 {
    width: 85%;
}

.w-86 {
    width: 86%;
}

.w-200 {
    width: 200% !important;
}

.min-w-16 {
    min-width: 16rem;
}

.min-w-70 {
    min-width: 70px;
}

.min-w-140 {
    min-width: 140px !important;
}

.min-w-170 {
    min-width: 170px !important;
}

.min-h-200 {
    min-height: 200px;
}

.min-h-230 {
    min-height: 230px;
}

.min-w-1 {
    min-width: 1rem !important;
}

.min-w-2 {
    min-width: 1.5rem !important;
}

.min-w-3 {
    min-width: 2rem !important;
}

.min-w-4 {
    min-width: 2.5rem !important;
}

.min-w-5 {
    min-width: 3rem !important;
}

.min-w-6 {
    min-width: 3.5rem !important;
}

.min-w-7 {
    min-width: 4rem !important;
}

.min-w-8 {
    min-width: 4.5rem !important;
}

.min-w-9 {
    min-width: 5rem !important;
}

.min-w-10 {
    min-width: 5.5rem !important;
}

.min-w-11 {
    min-width: 6rem !important;
}

.min-w-12 {
    min-width: 6.5rem !important;
}

.min-w-13 {
    min-width: 7rem !important;
}

.min-w-14 {
    min-width: 7.5rem !important;
}

.min-w-15 {
    min-width: 8rem !important;
}

.h-800 {
    height: 800px;
}

.h-150 {
    height: 150px;
}

.h-230 {
    height: 230px;
}

.h-300 {
    height: 300px;
}

.h-1 {
    height: 1rem;
}

.h-2 {
    height: 1.5rem;
}

.h-3 {
    height: 2rem;
}

.h-4 {
    height: 2.5rem;
}

.h-5 {
    height: 3rem;
}

.h-6 {
    height: 3.5rem;
}

.h-7 {
    height: 4rem;
}

.h-8 {
    height: 4.5rem;
}

.h-9 {
    height: 5rem;
}

.h-10 {
    height: 5.5rem;
}

.h-24 {
    height: 12.5rem;
}

.min-h-1 {
    min-height: 1rem;
}

.min-h-2 {
    min-height: 1.5rem;
}

.min-h-3 {
    min-height: 2rem;
}

.min-h-4 {
    min-height: 2.5rem;
}

.min-h-5 {
    min-height: 3rem;
}

.min-h-6 {
    min-height: 3.5rem;
}

.min-h-7 {
    min-height: 4rem;
}

.min-h-8 {
    min-height: 4.5rem;
}

.min-h-9 {
    min-height: 5rem;
}

.min-h-10 {
    min-height: 5.5rem;
}

.min-h-41 {
    min-height: 21rem;
}

.min-h-46 {
    min-height: 23.5rem;
}

.max-h-19 {
    max-height: 10rem;
}

.mt-3xl {
    margin-top: 6rem;
}

.mt-xxl {
    margin-top: 4rem;
}

.mt-xl {
    margin-top: 3rem;
}

.mt-lg {
    margin-top: 2.25rem;
}

.mt-md {
    margin-top: 1.5rem;
}

.mt {
    margin-top: 1rem;
}

.mt-sm {
    margin-top: 0.875rem;
}

.mt-xs {
    margin-top: 0.75rem;
}

.mt-6 {
    margin-top: 3.5rem;
}

.mt-7 {
    margin-top: 4rem;
}

.mt-8 {
    margin-top: 4.5rem;
}

.mt-9 {
    margin-top: 5rem;
}

.mt-10 {
    margin-top: 5.5rem;
}

.mt-11 {
    margin-top: 6rem;
}

.mt-12 {
    margin-top: 6.5rem;
}

.mt-13 {
    margin-top: 7rem;
}

.mt-20 {
    margin-top: 10.5rem;
}

.me-3xl {
    margin-right: 6rem;
}

.me-xxl {
    margin-right: 4rem;
}

.me-xl {
    margin-right: 3rem;
}

.me-lg {
    margin-right: 2.25rem;
}

.me-md {
    margin-right: 1.5rem;
}

.me {
    margin-right: 1rem;
}

.me-sm {
    margin-right: 0.875rem;
}

.me-xs {
    margin-right: 0.75rem;
}

.me-6 {
    margin-right: 3.5rem;
}

.me-7 {
    margin-right: 4rem;
}

.me-8 {
    margin-right: 4.5rem;
}

.me-9 {
    margin-right: 5rem;
}

.me-10 {
    margin-right: 5.5rem;
}

.me-11 {
    margin-right: 6rem;
}

.me-12 {
    margin-right: 6.5rem;
}

.me-13 {
    margin-right: 7rem;
}

.mb-3xl {
    margin-bottom: 6rem;
}

.mb-xxl {
    margin-bottom: 4rem;
}

.mb-xl {
    margin-bottom: 3rem;
}

.mb-lg {
    margin-bottom: 2.25rem;
}

.mb-md {
    margin-bottom: 1.5rem;
}

.mb {
    margin-bottom: 1rem;
}

.mb-sm {
    margin-bottom: 0.875rem;
}

.mb-xs {
    margin-bottom: 0.75rem;
}

.mb-0-125 {
    margin-bottom: 0.125rem;
}

.mb-6 {
    margin-bottom: 3.5rem;
}

.mb-7 {
    margin-bottom: 4rem;
}

.mb-8 {
    margin-bottom: 4.5rem;
}

.mb-9 {
    margin-bottom: 5rem;
}

.mb-10 {
    margin-bottom: 5.5rem;
}

.mb-11 {
    margin-bottom: 6rem;
}

.mb-12 {
    margin-bottom: 6.5rem;
}

.mb-13 {
    margin-bottom: 7rem;
}

.ms-3xl {
    margin-left: 6rem;
}

.ms-xxl {
    margin-left: 4rem;
}

.ms-xl {
    margin-left: 3rem;
}

.ms-lg {
    margin-left: 2.25rem;
}

.ms-md {
    margin-left: 1.5rem;
}

.ms {
    margin-left: 1rem;
}

.ms-sm {
    margin-left: 0.875rem;
}

.ms-xs {
    margin-left: 0.75rem;
}

.ms-6 {
    margin-left: 3.5rem;
}

.ms-7 {
    margin-left: 4rem;
}

.ms-8 {
    margin-left: 4.5rem;
}

.ms-9 {
    margin-left: 5rem;
}

.ms-10 {
    margin-left: 5.5rem;
}

.ms-11 {
    margin-left: 6rem;
}

.ms-12 {
    margin-left: 6.5rem;
}

.ms-13 {
    margin-left: 7rem;
}

.mx-3xl {
    margin-right: 6rem;
    margin-left: 6rem;
}

.mx-xxl {
    margin-right: 4rem;
    margin-left: 4rem;
}

.mx-xl {
    margin-right: 3rem;
    margin-left: 3rem;
}

.mx-lg {
    margin-right: 2.25rem;
    margin-left: 2.25rem;
}

.mx-md {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

.mx {
    margin-right: 1rem;
    margin-left: 1rem;
}

.mx-sm {
    margin-right: 0.875rem;
    margin-left: 0.875rem;
}

.mx-xs {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}

.mx-6 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
}

.mx-8 {
    margin-right: 4rem;
    margin-left: 4rem;
}

.mx-8 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
}

.mx-9 {
    margin-right: 5rem;
    margin-left: 5rem;
}

.mx-10 {
    margin-right: 5.5rem;
    margin-left: 5.5rem;
}

.mx-11 {
    margin-right: 6rem;
    margin-left: 6rem;
}

.mx-12 {
    margin-right: 6.5rem;
    margin-left: 6.5rem;
}

.mx-13 {
    margin-right: 7rem;
    margin-left: 7rem;
}

.mx-14 {
    margin-right: 7.5rem;
    margin-left: 7.5rem;
}

.mx-15 {
    margin-right: 8rem;
    margin-left: 8rem;
}

.mx-16 {
    margin-right: 8.5rem;
    margin-left: 8.5rem;
}

.mx-17 {
    margin-right: 9rem;
    margin-left: 8rem;
}

.mx-18 {
    margin-right: 9.5rem;
    margin-left: 9.5rem;
}

.mx-19 {
    margin-right: 10rem;
    margin-left: 10rem;
}

.mx-20 {
    margin-right: 10.5rem;
    margin-left: 10.5rem;
}

.p-3xl {
    padding: 6rem;
}

.p-xxl {
    padding: 4rem;
}

.p-xl {
    padding: 3rem;
}

.p-lg {
    padding: 2.25rem;
}

.p-md {
    padding: 1.5rem;
}

.p-spacing {
    padding: 1rem;
}

.p-sm {
    padding: 0.875rem;
}

.p-xs {
    padding: 0.75rem;
}

.p-9 {
    padding: 5rem;
}

.pt-3xl {
    padding-top: 6rem;
}

.pt-xxl {
    padding-top: 4rem;
}

.pt-xl {
    padding-top: 3rem;
}

.pt-lg {
    padding-top: 2.25rem;
}

.pt-md {
    padding-top: 1.5rem;
}

.pt {
    padding-top: 1rem;
}

.pt-sm {
    padding-top: 0.875rem;
}

.pt-xs {
    padding-top: 0.75rem;
}

.pt-6 {
    padding-top: 3.5rem;
}

.pt-7 {
    padding-top: 4rem;
}

.pt-8 {
    padding-top: 4.5rem;
}

.pt-9 {
    padding-top: 5rem;
}

.pt-10 {
    padding-top: 5.5rem;
}

.pt-11 {
    padding-top: 6rem;
}

.pe-3xl {
    padding-right: 6rem;
}

.pe-xxl {
    padding-right: 4rem;
}

.pe-xl {
    padding-right: 3rem;
}

.pe-lg {
    padding-right: 2.25rem;
}

.pe-md {
    padding-right: 1.5rem;
}

.pe {
    padding-right: 1rem;
}

.pe-sm {
    padding-right: 0.875rem;
}

.pe-xs {
    padding-right: 0.75rem;
}

.pe-6 {
    padding-right: 3.5rem;
}

.pe-7 {
    padding-right: 4rem;
}

.pe-8 {
    padding-right: 4.5rem;
}

.pe-9 {
    padding-right: 5rem;
}

.pe-10 {
    padding-right: 5.5rem;
}

.pe-11 {
    padding-right: 6rem;
}

.pe-12 {
    padding-right: 6.5rem;
}

.pe-13 {
    padding-right: 7rem;
}

.pe-14 {
    padding-right: 7.5rem;
}

.pe-15 {
    padding-right: 8rem;
}

.pe-16 {
    padding-right: 8.5rem;
}

.pe-17 {
    padding-right: 9rem;
}

.pe-18 {
    padding-right: 9.5rem;
}

.pe-19 {
    padding-right: 10rem;
}

.pe-20 {
    padding-right: 10.5rem;
}

.pb-3xl {
    padding-bottom: 6rem;
}

.pb-xxl {
    padding-bottom: 4rem;
}

.pb-xl {
    padding-bottom: 3rem;
}

.pb-lg {
    padding-bottom: 2.25rem;
}

.pb-md {
    padding-bottom: 1.5rem;
}

.pb {
    padding-bottom: 1rem;
}

.pb-sm {
    padding-bottom: 0.875rem;
}

.pb-xs {
    padding-bottom: 0.75rem;
}

.pb-11 {
    padding-bottom: 6rem;
}

.pb-12 {
    padding-bottom: 6.5rem;
}

.pb-19 {
    padding-bottom: 10rem;
}

.ps-3xl {
    padding-left: 6rem;
}

.ps-xxl {
    padding-left: 4rem;
}

.ps-xl {
    padding-left: 3rem;
}

.ps-lg {
    padding-left: 2.25rem;
}

.ps-md {
    padding-left: 1.5rem;
}

.ps {
    padding-left: 1rem;
}

.ps-sm {
    padding-left: 0.875rem;
}

.ps-xs {
    padding-left: 0.75rem;
}

.ps-3 {
    padding-left: 2rem;
}

.ps-6 {
    padding-left: 3.5rem;
}

.ps-11 {
    padding-left: 6rem;
}

.py-3xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-xxl {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-xl {
    padding-left: 3rem;
    padding-bottom: 3rem;
}

.py-lg {
    padding-left: 2.25rem;
    padding-bottom: 2.25rem;
}

.py-md {
    padding-left: 1.5rem;
    padding-bottom: 1.5rem;
}

.py {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.py-sm {
    padding-left: 0.875rem;
    padding-bottom: 0.875rem;
}

.py-xs {
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-6 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.py-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-8 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.py-9 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-10 {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}

.px-3xl {
    padding-right: 6rem;
    padding-left: 6rem;
}

.px-xxl {
    padding-right: 4rem;
    padding-left: 4rem;
}

.px-xl {
    padding-right: 3rem;
    padding-left: 3rem;
}

.px-lg {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
}

.px-md {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.px {
    padding-right: 1rem;
    padding-left: 1rem;
}

.px-sm {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
}

.px-xs {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.px-6 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}

.px-8 {
    padding-right: 4rem;
    padding-left: 4rem;
}

.px-8 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
}

.px-9 {
    padding-right: 5rem;
    padding-left: 5rem;
}

.px-10 {
    padding-right: 5.5rem;
    padding-left: 5.5rem;
}

.px-11 {
    padding-right: 6rem;
    padding-left: 6rem;
}

.px-12 {
    padding-right: 6.5rem;
    padding-left: 6.5rem;
}

.px-13 {
    padding-right: 7rem;
    padding-left: 7rem;
}

.px-14 {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
}

.px-15 {
    padding-right: 8rem;
    padding-left: 8rem;
}

.px-16 {
    padding-right: 8.5rem;
    padding-left: 8.5rem;
}

.px-17 {
    padding-right: 9rem;
    padding-left: 8rem;
}

.px-18 {
    padding-right: 9.5rem;
    padding-left: 9.5rem;
}

.px-19 {
    padding-right: 10rem;
    padding-left: 10rem;
}

.px-20 {
    padding-right: 10.5rem;
    padding-left: 10.5rem;
}

.font-raleway {
    font-family: "Raleway", sans-serif !important;
}

.font-segoe {
    font-family: "SVN-Segoe Script" !important;
}

.font-calibri {
    font-family: "Calibri" !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.display-3 {
    font-size: 4.125rem !important;
}

.display-4 {
    font-size: 2rem !important;
}

.display-5 {
    font-size: 1.5rem !important;
}

.display-6 {
    font-size: 1rem !important;
}

.display-7 {
    font-size: 1.2rem !important;
}

label,
p,
.form-control,
ol {
    font-size: 1.2rem;
}

label {
    margin-bottom: 0.25rem;
}

p {
    color: #000000;
}

.fs-xs {
    font-size: 0.75rem;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-regular {
    font-weight: 400 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.lh-sm {
    line-height: 1.25rem;
}

.shadow {
    box-shadow: -2px 3px 4px 0px #9c9696 !important;
}

.rounded-xl {
    border-radius: 0.7rem !important;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #d0cece;
}

.badges {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 32px;
    font-size: 1.5rem;
    background-color: #3b3838;
    color: #fba019;
    text-align: center;
    border: 1px solid #2f5597;
}

.section-primary {
    padding: 0.7rem 1rem 0.5rem 1rem;
    font-family: "Calibri";
    background: #3b3838;
    color: #fba019;
}

.section-secondary {
    padding: 0.5rem 1rem;
    background: #d0cece;
    font-weight: normal;
}

.companyName-section {
    padding: 1.7rem 2.4rem 1.4rem 1rem;
    white-space: nowrap;
    text-align: center;
    max-width: 70%;
    color: #ffb22d !important;
}

.companyName-section3D {
    color: #ffcc00 !important;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: Arial !important; 
    font-weight: 700 !important;
    font-style: italic !important;
    text-align: center;
    max-width: 65%;
    padding: 1.9rem 2.4rem 1.4rem 1rem;
    transition: 0.3s;
    -webkit-text-stroke: 0.2px #FFFFFF;
    text-shadow: 1px 1px 1px #FFFFFF, 1px 1.5px 1px #FFFFFF,
        /*1px 2px 1px #3b3838,*/         
    1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4);
}

.companyName-section .companyNameRegular {
    font-size: 1em !important;
}

.companyName-section .companyNameSmall {
    font-size: 0.9em !important;
}

.companyName-section .companyNameLarge {
    font-size: 1.2em !important;
}

.companyName-section .companyNameXLarge {
    font-size: 1.5em !important;
}


.companyName-section3D .companyNameRegular {
    font-size: 1em !important;
}

.companyName-section3D .companyNameSmall {
    font-size: 0.9em !important;
}

.companyName-section3D .companyNameLarge {
    font-size: 1.2em !important;
}

.companyName-section3D .companyNameXLarge {
    font-size: 1.8em !important;
}


.sidebar-left {
    font-family: "Raleway", sans-serif;
    background: #3b3838;
    width: 100%;
    padding: 0 15px;
    position: fixed;
    left: 0;
    z-index: 999;
    height: auto;
}

    .sidebar-left .logo-section {
        max-width: 20%;
        max-height: 80%;
        padding: 8px 10px 8px 10px;
        border-bottom: 0px;
    }

        .sidebar-left .logo-section p {
            text-align: center !important;
            padding-left: 0 !important;
        }

        .sidebar-left .logo-section .logoSectionSquare img {
            max-width: 120%;
        }
                        
        .sidebar-left .logo-section .logoSectionRectangle img {
            max-width: 170%; 
        }

    .sidebar-left .nav {
        background: #3b3838;
        min-width: 200px;
        height: 100%;
        padding: 1rem 0;
        position: fixed;
        top: 78px;
        border-top: 5px solid #fba019;
        left: 0;
        transition: all 0.4s ease-in-out;
        transform: translateX(-100%);
    }

        .sidebar-left .nav.active {
            transform: translateX(0);
        }

        .sidebar-left .nav a {
            display: block;
            color: #ffb22d;
            transition: all 0.2s ease-in;
            padding: 10px 15px;
            font-size: 0.75rem;
        }

            .sidebar-left .nav a:hover {
                background: #000000;
            }

        .sidebar-left .nav ul {
            overflow: auto !important;
            margin-bottom: 0;
            /* max-height: 100vh; */
        }

            .sidebar-left .nav ul li:last-child a:hover {
                background: initial;
            }

    .sidebar-left .banner {
        width: 100%;
        bottom: 1%;
        left: 0;
    }

        .sidebar-left .banner img {
            max-width: 100%;
        }

.main {
    width: 100%;
    padding-top: 6rem;
}

.sidebar-right {
    width: 100%;
}

    .sidebar-right ul {
        /* max-height: 65rem; */
        max-height: initial;
        overflow: hidden;
        flex-wrap: nowrap !important;
    }

        .sidebar-right ul li a {
            box-shadow: none;
        }

            .sidebar-right ul li a img {
                width: initial;
                height: initial;
            }

        .sidebar-right ul li:first-child {
            height: 10%;
            font-size: 3rem;
            color: #ffbc27;
        }

html,
body {
    font-family: "Calibri";
    font-size: 0.875rem;
    color: #000000;
    /* height: 100vh; */
}

.wrapper.active {
    height: 100vh;
    overflow: hidden;
}

a:hover {
    text-decoration: none;
}

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    height: 3px;
    width: 100%;
    background: #000000;
}

.hr-summary {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    height: 2px;
    width: 100%;
    background: #000000;
}

ul {
    list-style: none;
}

    ul a {
        color: #0070c0;
        font-size: 1.25rem;
    }

        ul a:hover {
            color: #bccdea;
        }

table.table {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[class*=-page] {
    display: flex;
    flex-direction: column;
}

.section-primary.mb-2 {
    margin-bottom: 0.3rem !important;
}

.sidebar-left + .px-lg-2 {
    width: 100%;
    padding-top: 6rem;
}

.section-primary {
    text-align: center;
}

.section-secondary {
    text-align: center;
}

.btn-lg {
    font-size: 1.1rem;
}

.btn.btn-2xl {
    font-size: 1.2rem;
}

.form-control {
    height: 2.5rem;
}

.section-secondary {
    font-size: 1.3rem;
}

.list-disc {
    list-style: disc;
}

.list-roman {
    list-style-type: lower-roman;
    margin-left: -2px;
}

    .list-roman:first-child ::marker {
        padding-right: 5px;
    }

    .list-roman li {
        position: relative;
        padding-left: 1rem;
    }

        .list-roman li::before {
            content: ")";
            position: absolute;
            left: -10px;
        }

        .list-roman li:first-child {
            padding-left: 1.2rem;
            margin-left: -3px;
        }

.fa-user {
    width: 3rem;
    height: 3rem;
    background: #ffbc27;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .fa-user::before {
        color: #ffffff;
        font-size: 1rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

.home-page-title {
    border-bottom: 4px solid #000000;
}

    .home-page-title h1 {
        transform: skewX(-7deg);
    }

        .home-page-title h1 span, .home-page-title h1 b {
            line-height: 1;
        }

/* .home-page-content {
    padding: 3.8rem 0;
} */

.home-page .btn-orange {
    background: #fba019 !important;
}

    .home-page .btn-orange span {
        transition: all 0.3s ease-in-out;
    }

    .home-page .btn-orange:hover {
        box-shadow: -2px 3px 4px 0px #cbc5c5;
    }

        .home-page .btn-orange:hover span {
            animation: fadeInRight 0.8s infinite both;
        }

.home-page .btn-orange-left:hover span {
    animation-name: fadeInleft;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    z-index: 99;
    opacity: 0.6;
    display: none;
}

    .overlay.active {
        display: block;
    }

.bars {
    font-size: 2rem;
    color: #fba019;
    cursor: pointer;
}

    .bars .fa-times {
        display: none;
    }

    .bars.active .fa-times {
        display: block;
    }

    .bars.active .fa-bars {
        display: none;
    }

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(-5px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInleft {
    from {
        opacity: 0;
        transform: translate3d(0px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(-5px, 0, 0);
    }
}

.admin-page .container.position-absolute {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .admin-page .container.position-absolute .col-4 {
        margin-top: 0 !important;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .admin-page .container.position-absolute + img {
        min-height: 350px;
        object-fit: cover;
    }

.about-us-page .px-5.text-justify {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.claim-notification-page .section-secondary {
    text-align: left !important;
}

.claim-notification-page form {
    padding-left: 8px;
}

    .claim-notification-page form.mt-3 {
        margin-top: 0.5rem !important;
    }

.claim-notification-page .table {
    background: transparent;
    overflow: hidden;
}

    .claim-notification-page .table tr th {
        white-space: nowrap;
        padding: 5px 10px !important;
    }

    .claim-notification-page .table .btn {
        font-size: 0.875rem;
        width: 100%;
    }

        .claim-notification-page .table .btn:last-child {
            margin-top: 1rem;
        }

.claim-notification-page .form-control.w-30 {
    width: 100%;
}

.claim-thanks-page {
    overflow: hidden;
}

    .claim-thanks-page .table-responsive {
        padding-left: 1rem;
    }

    .claim-thanks-page .table tr th {
        white-space: nowrap;
    }

    .claim-thanks-page .btn {
        margin-bottom: 1rem;
        font-size: 1.2rem;
    }

.contact-us-page .mt-4.mb-5.px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contact-us-page .table h5 {
    white-space: nowrap;
}

.contact-us-page .table tbody tr:last-child p {
    white-space: nowrap;
}

.contact-us-page .container {
    max-width: 100% !important;
    margin-bottom: 2rem;
}

    .contact-us-page .container .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto !important;
    }

.contact-us-page .table {
    width: 100%;
    margin: 0 auto !important;
}

    .contact-us-page .table h5 {
        padding-right: 3rem;
    }

.help-car-accident-page .form-control, .help-car-breakdown-page .form-control, .help-car-stolen-page .form-control, .help-windscreen-page .form-control {
    height: 2.5rem;
}

.help-car-accident-page .dropdown .dropdown-toggle-primary, .help-car-breakdown-page .dropdown .dropdown-toggle-primary, .help-car-stolen-page .dropdown .dropdown-toggle-primary, .help-windscreen-page .dropdown .dropdown-toggle-primary {
    height: 100%;
}

.help-car-accident-page h3, .help-car-breakdown-page h3, .help-car-stolen-page h3, .help-windscreen-page h3 {
    font-size: 1.2rem;
}

.help-car-accident-page .px-5.pt-3.h-15, .help-car-breakdown-page .px-5.pt-3.h-15, .help-car-stolen-page .px-5.pt-3.h-15, .help-windscreen-page .px-5.pt-3.h-15 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
}

.help-car-accident-page .badges, .help-car-breakdown-page .badges, .help-car-stolen-page .badges, .help-windscreen-page .badges {
    width: 28px;
    height: 28px;
    line-height: 1.8rem;
    font-size: 1rem;
}

.help-car-accident-page .form-group, .help-car-breakdown-page .form-group, .help-car-stolen-page .form-group, .help-windscreen-page .form-group {
    flex-wrap: nowrap;
}

    .help-car-accident-page .form-group .w-50, .help-car-breakdown-page .form-group .w-50, .help-car-stolen-page .form-group .w-50, .help-windscreen-page .form-group .w-50 {
        width: 80% !important;
    }

    .help-car-accident-page .form-group .input-group-append, .help-car-breakdown-page .form-group .input-group-append, .help-car-stolen-page .form-group .input-group-append, .help-windscreen-page .form-group .input-group-append {
        width: 20%;
    }

        .help-car-accident-page .form-group .input-group-append.ml-3, .help-car-breakdown-page .form-group .input-group-append.ml-3, .help-car-stolen-page .form-group .input-group-append.ml-3, .help-windscreen-page .form-group .input-group-append.ml-3 {
            margin-left: 0 !important;
            padding-left: 1rem;
        }

        .help-car-accident-page .form-group .input-group-append .btn, .help-car-breakdown-page .form-group .input-group-append .btn, .help-car-stolen-page .form-group .input-group-append .btn, .help-windscreen-page .form-group .input-group-append .btn {
            height: 2.5rem;
            width: 100%;
            min-width: initial;
        }

.list-group-contacts {
    padding-left: 0rem;
}

    .list-group-contacts li {
        width: 100%;
        margin: 1.5rem 0;
        display: flex;
        justify-content: center;
    }

        .list-group-contacts li a img {
            max-width: 12.5rem;
        }

        .list-group-contacts li a b {
            padding-left: 1rem;
            color: #000000;
            white-space: nowrap;
        }

        .list-group-contacts li:nth-child(even) {
            padding-left: 1rem;
        }

            .list-group-contacts li:nth-child(even) img {
                max-width: 3.375rem;
                margin: 0 4rem;
            }

        .list-group-contacts li:nth-child(3) img {
            max-width: 9.375rem;
            margin-left: 28px;
        }

        .list-group-contacts li:nth-child(3) b {
            padding-left: 2.4rem;
        }

        .list-group-contacts li:last-child {
            width: 100%;
        }

            .list-group-contacts li:last-child img {
                max-width: 11.5rem;
                margin: 0;
            }

.helpdesk-list-page ul.w-35 {
    width: 100%;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-bottom: 2rem;
}

.helpdesk-login .btn {
    margin-bottom: 1rem;
}

.helpdesk-login .w-85 {
    width: 100%;
}

.helpdesk-login .w-35 {
    width: 100%;
}

.helpdesk-login .form-group.mb-5 {
    margin-bottom: 0rem !important;
}

.helpdesk-login .mx-5.px-5 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.helpdesk-login .my-5.py-4 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.helpdesk-login .mt-10 {
    margin-top: 3.5rem;
}

.list-square {
    list-style: none;
}

    .list-square li {
        position: relative;
        margin-bottom: 0.75rem;
        padding-left: 1.5rem;
    }

        .list-square li::before {
            content: "\25AA";
            position: absolute;
            top: 14px;
            left: 0;
            margin: -1.2rem 0 0 0;
            color: #0070c0;
            font-weight: 700;
            display: inline-block;
            width: 1em;
            font-size: 1.5rem;
        }

    .list-square ul a {
        padding-left: 0rem;
    }

.link-page ul {
    margin: 0 auto;
    padding-left: 0.5rem;
}

.product-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 6rem;
    width: 100%;
}

    .product-page .section-secondary + .p-4 {
        padding: 0.5rem !important;
    }

    .product-page article.mb-5 {
        margin-bottom: 2rem !important;
    }

    .product-page .row {
        margin: 0;
    }

        .product-page .row .col-6:first-child {
            padding-left: 0;
        }

.receipt-page .pl-3.mt-2 {
    padding-left: 0 !important;
}

.receipt-page .table.table-borderless td {
    padding-left: 1rem;
}

.receipt-page .text-right.mb-3.mt-4 {
    text-align: center !important;
}

.detail-purchase-page .pb-2.text-warning, .detail-vehicle-page .pb-2.text-warning, .detail-policy-page .pb-2.text-warning, .invoice-insurance-payment-page .pb-2.text-warning {
    white-space: nowrap;
}

.detail-purchase-page .table th, .detail-purchase-page .table a, .detail-vehicle-page .table th, .detail-vehicle-page .table a, .detail-policy-page .table th, .detail-policy-page .table a, .invoice-insurance-payment-page .table th, .invoice-insurance-payment-page .table a {
    white-space: nowrap;
}

.detail-purchase-page .row .col .btn, .detail-vehicle-page .row .col .btn, .detail-policy-page .row .col .btn, .invoice-insurance-payment-page .row .col .btn {
    margin-bottom: 1rem;
}

.detail-purchase-page .btn.btn-dark.btn-3xl.text-left, .detail-vehicle-page .btn.btn-dark.btn-3xl.text-left, .detail-policy-page .btn.btn-dark.btn-3xl.text-left, .invoice-insurance-payment-page .btn.btn-dark.btn-3xl.text-left {
    width: 110px;
    height: 56px;
    font-size: 1.2rem;
    line-height: 1.7rem;
    display: inline-flex;
    align-items: center;
}

.car-ins-page .border-bottom.border-orange-thicker {
    display: flex;
}

    .car-ins-page .border-bottom.border-orange-thicker .btn.btn-dark {
        margin: 0 1px;
        text-transform: uppercase;
    }

.car-ins-page .btn-group-sum {
    margin: 0.5rem 0;
}

.car-ins-page .w-60 {
    width: 100%;
}

.car-ins-page .w-40 {
    width: 100%;
}

.car-ins-page .btn-group-sum input {
    min-width: 78px;
}

.car-ins-page .w-55 {
    width: 100%;
}

.car-ins-page .min-h-46.bg-dark .btn-primary {
    max-width: 150px;
    line-height: 1.2;
}

.car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td {
        white-space: unset !important;
        vertical-align: middle !important;
    }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td:nth-child(odd) {
            width: 40% !important;
        }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td:nth-child(even) {
            width: 60% !important;
        }

.car-ins-page .py-3.bg-dark .table.table-borderless.bg-transparent tr td:nth-child(odd) {
    width: 40% !important;
}

.car-ins-page .bg-dark.min-h-200 .table.table-borderless.bg-transparent tr td.w-50 {
    width: 40% !important;
}

.car-ins-page .bg-dark.min-h-200 .table.table-borderless.bg-transparent tr td.text-nowrap {
    white-space: unset !important;
}

.tab-content {
    display: none;
}

    .tab-content.active {
        display: block;
    }

.min-h-46.bg-dark.d-flex.flex-column .tab-content {
    display: block;
}

#nav-private.tab-pane.active, #nav-company.tab-pane.active {
    display: flex;
    flex-direction: column;
    min-height: 23.5rem;
}

.online-banking-payment-page .py-2.px-4 {
    text-align: center;
}

.online-banking-payment-page .w-30 {
    width: 45%;
}

.my-policy-submit-page .container {
    min-width: 100% !important;
    padding: 0;
}

    .my-policy-submit-page .container .text-right .btn:last-child {
        margin-right: 10px;
    }

.my-policy-submit-page .text-black.p-0 {
    white-space: nowrap;
    padding: 1px 5px !important;
}

.my-policy-submit-page .table tr td {
    padding: 5px 10px !important;
}

    .my-policy-submit-page .table tr td:first-child {
        white-space: nowrap;
        padding-right: 10px !important;
    }

.my-policy-submit-page .col-3 {
    padding-right: 0;
}

.my-policy-thanks-page .btn {
    margin-bottom: 1rem;
}

.my-policy-thanks-page .table h5 {
    white-space: nowrap;
    padding-right: 10px;
}

.my-policy-login-page .mt-2.mb-5.px-5 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.my-policy-trans-page .overflow-auto.h-800.scrollbar {
    overflow-x: hidden !important;
}

.my-policy-trans-page .form-group.d-flex.align-items-center.align-content-center.col-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.my-policy-trans-page .table .border-bottom.border-orange-bottom {
    border-bottom: 0px solid orange !important;
}

.my-policy-trans-page .table-responsive {
    padding-bottom: 0.8rem;
    margin-bottom: 0.2rem;
}

    .my-policy-trans-page .table-responsive .table {
        margin-bottom: 0;
    }

.my-policy-trans-page .row.display-6 {
    font-size: 1.1rem !important;
    border-bottom: 4px solid #fba019;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

    .my-policy-trans-page .row.display-6 .btn, .my-policy-trans-page .row.display-6 .custom-select {
        font-size: 1.1rem !important;
        min-width: initial !important;
        height: 37px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0;
        margin-bottom: 6px !important;
    }

    .my-policy-trans-page .row.display-6 .col-xl-7.px-1 {
        padding: 0 2px !important;
    }

    .my-policy-trans-page .row.display-6 .col-lg-6.mx-auto {
        width: max-content;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center img {
        max-width: 125px;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 {
        height: 34px;
    }

        .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 img {
            position: absolute;
            width: 100%;
            left: 0;
            height: 100%;
            object-fit: contain;
            left: 50%;
            transform: translateX(-50%);
            max-width: 100px;
            min-width: 100px;
        }

.my-policy-trans-page .overflow-auto.h-800.scrollbar {
    height: initial;
}

.office-payment-page .mt-4.pl-5 {
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

.office-payment-page article.mt-4.pl-5 {
    padding-left: 1rem !important;
    padding-right: 1rem;
}

.office-payment-page .d-flex.align-items-center.pt-1.pl-4 {
    flex-wrap: wrap;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
}

    .office-payment-page .d-flex.align-items-center.pt-1.pl-4 h5 {
        margin-right: 3rem !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

.office-payment-page .btn.btn-lg {
    min-width: 162px;
}

.office-payment-page .btn.btn-orange.ml-5 {
    margin-left: 0rem !important;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.car-addon-content .form-checkbox-label {
    font-size: 1.1rem;
}

.car-addon-content .bg-dark {
    position: relative;
    padding-left: 0rem !important;
}

    .car-addon-content .bg-dark .overflow-auto {
        padding-top: 1.3rem !important;
    }

        .car-addon-content .bg-dark .overflow-auto h5 {
            margin: 0;
            padding: 0.5rem 0;
            padding-left: 4.8rem !important;
            position: absolute;
            width: 100%;
            background: #3b3838;
            left: 0;
            top: 0;
            z-index: 99;
        }

.car-addon-content .car-addon-title + div {
    background: #3b3838;
}

.car-addon-content .table.table-borderless.bg-dark.mb-0 {
    width: 100%;
}

.car-addon-content .bg-dark.d-flex.justify-content-between {
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0.5rem 1rem !important;
}

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:first-child {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:nth-child(2) {
        width: 100%;
        margin: 1rem 0rem;
        transform: translateX(0px);
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:last-child {
        width: 100%;
        margin: 1rem 0rem;
        transform: translateX(0px);
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div.border-orange.p-2 {
        padding: 1rem !important;
    }

        .car-addon-content .bg-dark.d-flex.justify-content-between > div.border-orange.p-2 .overflow-auto.mr-3 {
            margin: 0 !important;
        }

.car-addon-content .btn {
    margin: 0.5rem 0 0.5rem 0.5rem;
}

    .car-addon-content .btn.btn-orange {
        min-width: 150px !important;
        height: 36px;
        font-size: 1.25rem;
    }

.car-addon-content .text-right.pt-2 {
    text-align: center !important;
    margin-bottom: 0.5rem;
}

.car-company-page .text-right.pt-lg-5.pt-3.pb-3, .car-private-page .text-right.pt-lg-5.pt-3.pb-3 {
    margin-right: 0rem;
    text-align: center !important;
}

.car-company-page .btn, .car-private-page .btn {
    margin: 0.2rem;
    line-height: 1.2;
}

.car-company-page .form-check-radio .form-check-input:checked + img, .car-private-page .form-check-radio .form-check-input:checked + img {
    max-width: 40px;
    width: initial;
}

.car-company-page .section-secondary + .container, .car-private-page .section-secondary + .container {
    min-width: 100% !important;
}

.car-company-page .container-none.container-lg.min-h-46, .car-private-page .container-none.container-lg.min-h-46 {
    min-height: initial;
}

    .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr, .car-private-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr {
        display: flex;
        flex-direction: column;
    }

        .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td, .car-private-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td {
            width: 100%;
            padding-left: 0rem;
        }

            .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td:last-child, .car-private-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td:last-child {
                padding-right: 0rem;
            }

    .car-company-page .container-none.container-lg.min-h-46 .col-12.position-absolute.text-right, .car-private-page .container-none.container-lg.min-h-46 .col-12.position-absolute.text-right {
        position: initial !important;
        padding-bottom: 1rem;
        text-align: center !important;
    }

.car-company-page .border-bottom.border-orange-thicker .btn, .car-private-page .border-bottom.border-orange-thicker .btn {
    height: 40px;
    font-size: 1.2rem;
    line-height: 1.7;
}

.invoice-insurance-payment-page .container .row.justify-content-between .col.px-1 {
    margin: 0.5rem 0;
}

    .invoice-insurance-payment-page .container .row.justify-content-between .col.px-1 div, .invoice-insurance-payment-page .container .row.justify-content-between .col.px-1 table {
        height: 100%;
        margin-bottom: 0;
    }

    .invoice-insurance-payment-page .container .row.justify-content-between .col.px-1 .btn {
        margin-top: 1rem;
    }

.invoice-insurance-payment-page .dropdown-item {
    background-color: #d0cece;
}

.payment-summary-page .d-flex.justify-content-end.pr-5 .btn {
    margin-bottom: 1rem;
}

.payment-summary-page .d-flex.justify-content-end.pr-5 {
    justify-content: center !important;
    padding-right: 0rem !important;
}

    .payment-summary-page .d-flex.justify-content-end.pr-5 .btn {
        min-width: 160px;
    }

.payment-summary-page .mt-20 {
    margin-top: 5.5rem;
}

.payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 {
    flex-wrap: wrap;
}

    .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0.5rem;
    }

        .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 .table {
            margin-bottom: 0;
        }

            .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 .table .dropdown-toggle-silver {
                white-space: nowrap;
            }

        .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 .pt-2.pb-4.pr-2.text-right {
            margin-top: 0.5rem;
        }

.quotation-page .row div {
    font-size: 19px !important;
}

    .quotation-page .row div p {
        font-size: 19px !important;
    }

    .quotation-page .row div[class*=col-] {
        position: relative;
    }

        .quotation-page .row div[class*=col-] span {
            position: absolute;
            left: 5px;
        }

.quotation-page .my-4.text-right {
    text-align: center !important;
}

.quotation-page .pt-5.pl-4 {
    padding-top: 1rem !important;
}

.car-insurer-page .card {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    border: none !important;
    box-shadow: none !important;
}

    .car-insurer-page .card .btn.min-h-4.px-4.btn-primary {
        min-width: initial;
        width: 100%;
        padding: 0 !important;
    }

    .car-insurer-page .card .btn.btn-md.btn-orange {
        white-space: nowrap;
        overflow: hidden;
        min-width: initial;
        width: 90%;
    }

    .car-insurer-page .card .table.table-borderless.bg-transparent td.p-0:first-child {
        width: 28%;
    }

    .car-insurer-page .card .table.table-borderless.bg-transparent td.p-0:last-child {
        width: 100%;
        display: flex;
        align-items: center;
    }

        .car-insurer-page .card .table.table-borderless.bg-transparent td.p-0:last-child .btn {
            flex: 1;
        }

.car-insurer-page .card-body {
    box-shadow: 0 0 10px 0px #000000bd;
    border: 2px solid #2f528f !important;
}

    .car-insurer-page .card-body .min-h-230 > .text-center {
        height: 60px;
        margin-bottom: 2rem;
    }

        .car-insurer-page .card-body .min-h-230 > .text-center img {
            margin-bottom: 0;
            max-height: 100%;
            object-fit: contain;
        }

.car-private-page .dropdown-toggle-black p {
    margin-bottom: 0;
}

.car-private-page .table.table-borderless.bg-transparent tr {
    display: flex;
    flex-wrap: wrap;
}

.car-private-page .table.table-borderless.bg-transparent td {
    width: 100%;
}

    .car-private-page .table.table-borderless.bg-transparent td.px-4.py-3 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

.renewal-page .section-secondary + .px-2.pt-2 {
    padding-left: 1rem !important;
    width: 100%;
    margin: 0 auto !important;
}

.renewal-page .table h5 {
    white-space: nowrap;
    padding-right: 10px;
}

.renewal-page .table .my-4.mx-4 {
    margin: 1rem 0 0 0.5rem !important;
}

.renewal-page .btn.btn-xl.h-8 {
    height: 50px;
    font-size: 1.2rem;
}

.home-page-content {
    padding: 4rem 0;
}

.collapsible {
  background-color:#ffffff;
  color: black;
  cursor: pointer;
  padding: 13px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: bold;
}

.collapsibleActive, .collapsible:hover {
  background-color: #ffffff;
}

.collapsibleContent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.faqCategoryName-section {
  padding: 0 18px; 
  font-weight: bold;
  font-size: 20px;
}

@media (max-width: 1400px) {
    .quotation-page .table.table-borderless.bg-transparent {
        font-size: 0.8rem;
    }

        .quotation-page .table.table-borderless.bg-transparent tr td {
            padding: 5px 10px !important;
        }

    .quotation-page .table.table-borderless.border-top.mb-0-125 tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .quotation-page .table.table-borderless.border-top.mb-0-125 tr td {
            padding: 5px 15px !important;
            white-space: unset !important;
            position: relative;
        }

            .quotation-page .table.table-borderless.border-top.mb-0-125 tr td:nth-child(odd) {
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
            }

            .quotation-page .table.table-borderless.border-top.mb-0-125 tr td span {
                position: absolute;
                left: 5px;
            }
}

@media (max-width: 576px) {
    .home-page-title {
        height: 132px;
    }

        .home-page-title h1 {
            font-size: 2rem;
        }

            .home-page-title h1 .display-1 {
                font-size: 2rem;
            }

        .home-page-title h3 {
            font-size: 1rem;
        }

    .home-page-content h2 {
        font-size: 1.4rem;
    }

    .home-page-content .btn {
        min-width: initial;
        font-size: 14px;
    }

    .btn.btn-3xl {
        max-width: 120px;
        height: 60px;
    }

    .car-company-page .table tr {
        display: flex;
        flex-wrap: wrap;
    }

        .car-company-page .table tr td {
            width: 46%;
            padding: 5px 10px !important;
        }

            .car-company-page .table tr td b {
                white-space: nowrap !important;
            }

        .car-company-page .table tr:last-child td.pl-2 {
            flex-grow: 1;
        }

    .car-company-page .table.table-borderless.bg-transparent.mb-5 tr {
        display: inherit;
    }

        .car-company-page .table.table-borderless.bg-transparent.mb-5 tr td {
            width: inherit;
        }

    .quotation-page .row div {
        font-size: 17px !important;
    }

        .quotation-page .row div p {
            font-size: 17px !important;
        }

    .quotation-page .table.table-borderless.bg-transparent {
        font-size: 0.8rem;
    }

        .quotation-page .table.table-borderless.bg-transparent tr td {
            padding: 5px 10px !important;
        }

    .quotation-page .table.table-borderless.border-top.mb-0-125 tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .quotation-page .table.table-borderless.border-top.mb-0-125 tr td {
            padding: 5px 15px !important;
            white-space: unset !important;
            position: relative;
        }

            .quotation-page .table.table-borderless.border-top.mb-0-125 tr td:nth-child(odd) {
                flex: 0 0 50%;
                max-width: 50%;
            }

            .quotation-page .table.table-borderless.border-top.mb-0-125 tr td:nth-child(even) {
                flex: 0 0 50%;
                max-width: 50%;
            }

            .quotation-page .table.table-borderless.border-top.mb-0-125 tr td span {
                position: absolute;
                left: 5px;
            }

    .my-policy-trans-page .overflow-auto.h-800.scrollbar {
        overflow-x: hidden !important;
    }

    .my-policy-trans-page .row.display-6 {
        font-size: 1.1rem !important;
        border-bottom: 4px solid #fba019;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

        .my-policy-trans-page .row.display-6 .btn, .my-policy-trans-page .row.display-6 .custom-select {
            font-size: 1.1rem !important;
            min-width: initial !important;
            height: 37px;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 0;
            margin-bottom: 6px !important;
        }

        .my-policy-trans-page .row.display-6 .col-xl-7.px-1 {
            padding: 0 2px !important;
        }

        .my-policy-trans-page .row.display-6 .col-lg-6.mx-auto {
            width: max-content;
        }

        .my-policy-trans-page .row.display-6 .col-lg-2.text-center img {
            max-width: 125px;
        }

        .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 {
            height: 34px;
        }

            .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 img {
                position: initial;
                max-width: 100px;
                min-width: 90px;
            }
}

.payment-summary-page .col-3 {
    text-align: left;
    padding-left: 10px;
    flex: 0 0 50%;
    max-width: 50%;
}

.payment-summary-page .col-4 {
    padding-left: 0;
    text-align: left;
    flex: 0 0 50%;
    max-width: 50%;
}

.payment-summary-page .col-2 {
    text-align: left;
    padding-left: 0;
    flex: 0 0 40%;
    max-width: 40%;
}

.my-policy-submit-page .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
}

.my-policy-submit-page .text-right {
    text-align: center !important;
}

    .my-policy-submit-page .text-right .btn.btn-primary.btn-lg {
        min-width: 100px !important;
        height: inherit;
    }

.claim-notification-page div.mt-3.text-right {
    display: flex;
    flex-wrap: nowrap;
}

    .claim-notification-page div.mt-3.text-right .btn.btn-primary.btn-md {
        margin: 0;
        min-width: 80px;
    }

.my-policy-login-page .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
}

.my-policy-login-page .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
}

.my-policy-login-page .col-4 {
    flex: 0 0 100%;
    max-width: 50%;
}

.btn.btn-orange.btn-3xl {
    max-width: 120px;
    height: 60px;
}

.btn.btn-md {
    min-width: 120px;
    height: 36px;
    line-height: 1rem;
}

.btn.btn-primary.btn-xl {
    min-width: 150px !important;
    height: 36px;
    font-size: 1.25rem;
}

/*========================================= Dirty Fix ============================ */

/* Home */
.home-page-title h1 {
    color: #fba019 !important;
}

    .home-page-title h1 .display-1 {
        font-size: inherit;
        font-weight: bold;
        letter-spacing: 4px;
    }

    .home-page-title h3.mb-4.pb-2 {
        font-size: inherit;
    }

.home-page-content .img.flex-grow-1.d-flex.align-items-center.justify-content-center {
    /*justify-content: flex-end !important;*/
}

body {
    overflow: initial;
}

.wrapper {
    /* overflow: hidden; */
}

.sidebar-left {
    /* max-height: 100vh;
  overflow: hidden; */
}

    .sidebar-left .banner img {
        max-width: 50% !important;
        text-align: left !important;
    }

    .sidebar-left .banner {
        text-align: left !important;
    }

.main.d-flex.flex-column.px-lg-2 {
    max-height: initial;
    /* overflow: hidden; */
}

    .main.d-flex.flex-column.px-lg-2 .mx-auto.w-100.flex-grow-1 > div {
        /* height: 100%; */
    }

        .main.d-flex.flex-column.px-lg-2 .mx-auto.w-100.flex-grow-1 > div .home-page {
            height: 100%;
        }

            .main.d-flex.flex-column.px-lg-2 .mx-auto.w-100.flex-grow-1 > div .home-page .home-page-content {
                flex: 1;
                align-items: center;
                justify-content: center;
            }

.carousel-item img {
    max-height: 180px;
}

.sidebar-left .nav {
    max-height: initial;
    overflow: hidden;
    padding: 1rem 0;
}

    .sidebar-left .nav ul {
        /* overflow: hidden!important; */
    }

/* Track */
.sidebar-left ul::-webkit-scrollbar {
    width: 6px !important;
}

/* Handle */
.sidebar-left ul::-webkit-scrollbar-thumb {
    background: #fba019 !important;
}

/*========================================= Dirty Fix ============================ */

@media (min-width: 768px) {
    html,
    body {
        font-size: 1rem;
    }

    .section-secondary {
        font-size: 1.5rem;
    }

    .sidebar-left + .px-lg-2 {
        padding-top: 5.5rem;
    }

    .btn-lg {
        font-size: 1.25rem;
    }

    .form-control {
        height: 2.75rem;
    }

    .w-lg-25 {
        width: 25%;
    }

    .w-sm-75 {
        width: 75%;
    }

    .sidebar-left .nav {
        top: 82px;
    }

    .admin-page .container.position-absolute {
        width: 100%;
        max-width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .admin-page .container.position-absolute .col-4 {
            flex: 0 0 40%;
            max-width: 40%;
        }

    .claim-notification-page div.mt-3.text-right {
        display: block;
    }

        .claim-notification-page div.mt-3.text-right .btn.btn-primary.btn-md {
            min-width: 150px;
        }

            .claim-notification-page div.mt-3.text-right .btn.btn-primary.btn-md.mr-2 {
                margin-right: 16px;
            }

    .claim-notification-page .table .btn {
        width: initial;
        font-size: 1rem;
    }

        .claim-notification-page .table .btn:last-child {
            margin-top: 0;
        }

    .claim-notification-page form.mt-3 {
        margin-top: 1rem !important;
    }

    .my-policy-submit-page .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .my-policy-submit-page .text-right .btn.btn-primary.btn-lg {
        min-width: 170px !important;
        height: inherit;
    }

    .my-policy-login-page .col-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .my-policy-login-page .col-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .my-policy-trans-page .btn.btn-lg {
        min-width: 210px;
        height: 44px;
    }

    .help-hotline-page .list-group-contacts {
        padding-left: 0;
    }

        .help-hotline-page .list-group-contacts li {
            display: flex;
            justify-content: center;
        }

            .help-hotline-page .list-group-contacts li:nth-child(odd) {
                width: 50%;
            }

            .help-hotline-page .list-group-contacts li:nth-child(even) {
                width: 50%;
            }

                .help-hotline-page .list-group-contacts li:nth-child(even) img {
                    margin: 0;
                }

            .help-hotline-page .list-group-contacts li:last-child {
                padding-left: 0;
                width: 51%;
            }

    .contact-us-page .container .col-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .contact-us-page .table {
        width: 58%;
    }

    .help-car-accident-page h3,
    .help-car-breakdown-page h3,
    .help-car-stolen-page h3,
    .help-windscreen-page h3 {
        font-size: 1.75rem;
    }

    .help-car-accident-page .px-5.pt-3.h-15,
    .help-car-breakdown-page .px-5.pt-3.h-15,
    .help-car-stolen-page .px-5.pt-3.h-15,
    .help-windscreen-page .px-5.pt-3.h-15 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }

        .help-car-accident-page .px-5.pt-3.h-15 + .px-4,
        .help-car-breakdown-page .px-5.pt-3.h-15 + .px-4,
        .help-car-stolen-page .px-5.pt-3.h-15 + .px-4,
        .help-windscreen-page .px-5.pt-3.h-15 + .px-4 {
            padding-left: 7rem !important;
        }

    .help-car-accident-page .badges,
    .help-car-breakdown-page .badges,
    .help-car-stolen-page .badges,
    .help-windscreen-page .badges {
        width: 35px;
        height: 35px;
        line-height: 32px;
        font-size: 1.5rem;
    }

    .help-car-accident-page .input-group-append,
    .help-car-breakdown-page .input-group-append,
    .help-car-stolen-page .input-group-append,
    .help-windscreen-page .input-group-append {
        width: initial;
    }

    .help-car-accident-page .form-group .form-control,
    .help-car-breakdown-page .form-group .form-control,
    .help-car-stolen-page .form-group .form-control,
    .help-windscreen-page .form-group .form-control {
        height: 100%;
    }

    .help-car-accident-page .form-group .w-50,
    .help-car-breakdown-page .form-group .w-50,
    .help-car-stolen-page .form-group .w-50,
    .help-windscreen-page .form-group .w-50 {
        width: 50% !important;
    }

    .help-car-accident-page .form-group .input-group-append .btn,
    .help-car-breakdown-page .form-group .input-group-append .btn,
    .help-car-stolen-page .form-group .input-group-append .btn,
    .help-windscreen-page .form-group .input-group-append .btn {
        height: 2.75rem;
        min-width: 210px;
    }

    .help-car-accident-page .detail-purchase-page .min-h-41,
    .help-car-breakdown-page .detail-purchase-page .min-h-41,
    .help-car-stolen-page .detail-purchase-page .min-h-41,
    .help-windscreen-page .detail-purchase-page .min-h-41 {
        min-height: initial;
        padding-bottom: 1rem;
    }

    .helpdesk-list-page ul.w-35 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }

    .helpdesk-login .mx-5.px-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .product-page .section-secondary + .p-4 {
        padding: 1rem !important;
    }

    .payment-summary-page .col-2 {
        padding-right: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .payment-summary-page .col-3 {
        padding-left: 20px;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .payment-summary-page .col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .online-banking-payment-page .w-30 {
        width: 30%;
    }

    .office-payment-page .btn.btn-lg {
        min-width: 210px;
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:nth-child(2) {
        width: 100%;
        margin: 1rem 0rem;
        transform: translateX(0px);
    }

    .car-company-page .form-check-radio .form-check-input:checked + img {
        max-width: 50px;
    }

    .car-company-page .border-bottom.border-orange-thicker .btn {
        height: 46px;
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .detail-purchase-page .btn.btn-dark.btn-3xl.text-left, .detail-vehicle-page .btn.btn-dark.btn-3xl.text-left, .detail-policy-page .btn.btn-dark.btn-3xl.text-left, .invoice-insurance-payment-page .btn.btn-dark.btn-3xl.text-left {
        width: 150px;
        height: 70px;
        font-size: 1.5rem;
        line-height: 1.75rem;
        border-radius: 10px;
    }

    .car-insurer-page .card {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .car-private-page .table.table-borderless.bg-transparent td {
        width: 50%;
    }

        .car-private-page .table.table-borderless.bg-transparent td.px-4.py-3 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

    .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 {
        flex: 0 0 80%;
        max-width: 80%;
        margin: 0 auto;
    }

    .renewal-page .section-secondary + .px-2.pt-2 {
        width: 82%;
        margin: 0 auto;
    }

    .renewal-page .table .my-4.mx-4 {
        margin: 1.5rem !important;
    }

    .renewal-page .btn.btn-xl.h-8 {
        height: 70px;
    }

    .car-ins-page .btn.btn-dark {
        font-size: 1rem;
    }

    .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr {
        flex-wrap: nowrap;
    }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td {
            width: inherit !important;
        }

            .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td:nth-child(odd) {
                width: 25% !important;
            }

            .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td:nth-child(even) {
                width: inherit !important;
            }

            .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td:nth-child(2) {
                width: 25% !important;
                flex: 1;
            }

            .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr td.w-25 {
                width: 25% !important;
            }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:first-child td:nth-child(2), .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:nth-child(2) td:nth-child(2) {
            width: 25%;
        }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:first-child td:nth-child(3), .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:nth-child(2) td:nth-child(3) {
            width: 10% !important;
            white-space: nowrap;
        }

        .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:first-child td:nth-child(4), .car-ins-page .bg-dark.py-5 .table.table-borderless.table-md.bg-transparent.my-0 tr:nth-child(2) td:nth-child(4) {
            width: 40% !important;
        }

    .car-ins-page .py-3.bg-dark .table.table-borderless.bg-transparent tr td:nth-child(odd) {
        width: 25% !important;
    }

    .car-ins-page .bg-dark.min-h-200 .table.table-borderless.bg-transparent tr td.w-50 {
        width: 50% !important;
    }

    .car-ins-page .bg-dark.min-h-200 .table.table-borderless.bg-transparent tr td.text-nowrap {
        white-space: nowrap !important;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center img {
        max-width: 125px;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 {
        height: 34px;
    }

        .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 img {
            position: initial;
            max-width: 100px;
            min-width: 90px;
        }
}
/*for landscape mobile view*/
@media (min-width: 500px) {
    /*.sidebar-left .logo-section img{
        max-width: 35%;
    }*/
    .sidebar-left .logo-section .logoSectionSquare img {
            max-width: 45%;
        }

        .sidebar-left .logo-section .logoSectionRectangle img {
            max-width: 75%; 
        }
}

@media (min-width: 992px) {
    html,
    body {
        font-size: 1rem;
        /* overflow: hidden; */
    }

    .sidebar-left .nav {
        /* max-height: 80vh;
        overflow: hidden; */
        padding: 1rem 0;
    }

    .sidebar-right ul {
        max-height: 65rem;
        /* max-height: 100vh;
        overflow: hidden; */
        flex-wrap: nowrap !important;
    }

    .main.d-flex.flex-column.px-lg-2 {
        /* height: 100%; */
        /* max-height: 100vh;
        overflow: hidden; */
    }

    .section-primary.mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .section-primary {
        text-align: left;
    }

    .section-secondary {
        text-align: left;
    }

    .sidebar-left + .px-lg-2 {
        /* width: 60%; */
        padding-top: 0;
        flex: 1;
    }

    .btn.btn-2xl {
        font-size: 1.4rem;
    }

    .sidebar-left {
        /* width: 20%; */
        width: 260px;
        padding: 0;
        position: relative;
    }

        .sidebar-left.flex-wrapper {
            flex-direction: column;
            /* flex: 1; */
        }

        .sidebar-left .logo-section {
            height: 162px;
            max-width: initial;
            padding: 1.5rem 0.5rem 0.5rem;
            /*border-bottom: 6px solid #ffffff;*/
        }

        .sidebar-left .companyName-section {
            font-family: optima, sans-serif;
            max-width: initial;
            padding: 0rem 1rem 1.5rem;
            font-size: 0.9em;
            color: #ffb22d !important;
            /*border-bottom: 6px solid #ffffff;*/
        }

        .sidebar-left .companyName-section3D {
            color: #ffcc00 !important;
            text-transform: uppercase;
            font-family: Arial !important; 
            font-weight: 700;
            font-style: italic !important;
            max-width: initial;
            padding: 0rem 1rem 1.5rem;
            transition: 0.3s;
            -webkit-text-stroke: 0.2px #FFFFFF;
            text-shadow: 1px 1px 2px #FFFFFF, 1px 1.5px 2px #FFFFFF,
                /*1px 2px 1px #3b3838,
                1px 2px 1px #3b3838,*/
            1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4);
        }

        .sidebar-left .companyName-section3D:hover {
          transition: 0.3s;
          transform: scale(1.1)translate(0, 2%);
          text-shadow: 1px -1px 0 #FFFFFF, 1px -1.5px 0 #FFFFFF; /*1px -2px 0 #FFFFFF,
            1px -2px 0 #FFFFFF;*/ /*1px -5px 0 grey, 1px -6px 0 grey, 1px -7px 0 grey,
            1px -8px 0 grey, 5px -13px 15px black, 5px -13px 25px #808080;*/
        }

            /*.sidebar-left .logo-section img {
                max-width: 45%;
            }*/
            .sidebar-left .logo-section .logoSectionSquare img {
            max-width: 45%;
        }

        .sidebar-left .logo-section .logoSectionRectangle img {
            max-width: 45%; 
        }

            .sidebar-left .logo-section p {
                font-size: 0.75rem;
            }

        .sidebar-left .nav {
            min-width: initial;
            height: initial;
            position: initial;
            transform: none;
            border-top: none;
        }

            .sidebar-left .nav a {
                padding: 10px 20px;
                font-size: 0.75rem;
            }

        .sidebar-left .banner {
            padding: 0 20px;
        }

    .main {
        width: 60%;
        padding-top: 0;
    }

    .sidebar-right {
        width: 260px;
    }

        .sidebar-right ul li {
            padding: 5px 0;
        }

            .sidebar-right ul li a {
                box-shadow: -2px 3px 4px 0px #908585;
            }

                .sidebar-right ul li a img {
                    width: 100%;
                    height: 100%;
                }

            .sidebar-right ul li:first-child {
                height: 12%;
                font-size: 2rem;
            }

            .sidebar-right ul li:nth-child(2) {
                height: auto;
            }

            .sidebar-right ul li:nth-child(3) {
                height: auto;
            }

            .sidebar-right ul li:nth-child(4) {
                height: auto;
            }

            .sidebar-right ul li:nth-child(5) {
                height: auto;
            }

    .home-page-title {
        padding-top: 1.5em;
        height: inherit;
    }

        .home-page-title h1 {
            font-size: 3rem;
        }

        .home-page-title h3.mb-4.pb-2 {
            font-size: inherit;
        }

    .home-page-content {
        padding: 1rem 0;
    }

        .home-page-content .col-md-7 .pr-1.mb-3 {
            padding-right: 1rem !important;
        }

        .home-page-content .col-md-5 .pl-2.mb-3 {
            padding-left: 1rem !important;
        }

        .home-page-content .btn {
            min-width: 180px;
        }

    .form-login {
        padding: 1.5rem 0.5rem 1rem;
    }

    .admin-page .container.position-absolute {
        width: 100%;
        display: block;
    }

        .admin-page .container.position-absolute .col-4 {
            margin-top: 1.5rem !important;
            flex: 0 0 40%;
            max-width: 40%;
        }

    .contact-us-page .table {
        width: 100%;
        margin-left: 0;
    }

        .contact-us-page .table h5 {
            padding-right: 0;
        }

    .contact-us-page .container .col-7 {
        margin-left: 0 !important;
    }

    .help-car-accident-page .px-5.pt-3.h-15,
    .help-car-breakdown-page .px-5.pt-3.h-15,
    .help-car-stolen-page .px-5.pt-3.h-15,
    .help-windscreen-page .px-5.pt-3.h-15 {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }

        .help-car-accident-page .px-5.pt-3.h-15 + .px-4,
        .help-car-breakdown-page .px-5.pt-3.h-15 + .px-4,
        .help-car-stolen-page .px-5.pt-3.h-15 + .px-4,
        .help-windscreen-page .px-5.pt-3.h-15 + .px-4 {
            padding-left: 1.5rem !important;
        }

    .about-us-page .px-5.text-justify {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .claim-notification-page .form-control.w-30 {
        width: 50%;
    }

    .claim-thanks-page .btn {
        margin-bottom: 0;
        font-size: 1.25rem;
    }

    .help-hotline-page .list-group-contacts {
        padding-left: 0;
    }

        .help-hotline-page .list-group-contacts li {
            display: block;
            justify-content: flex-start;
        }

            .help-hotline-page .list-group-contacts li:nth-child(odd) {
                width: 60%;
            }

            .help-hotline-page .list-group-contacts li:nth-child(even) {
                width: 40%;
            }

                .help-hotline-page .list-group-contacts li:nth-child(even) img {
                    margin: 0;
                }

            .help-hotline-page .list-group-contacts li:last-child {
                width: 100%;
            }

    .helpdesk-list-page ul.w-35 {
        width: 35%;
        padding-left: 1.5rem !important;
    }

    .helpdesk-login .w-85 {
        width: 85%;
    }

    .helpdesk-login .w-35 {
        width: 35%;
    }

    .helpdesk-login .form-group.mb-5 {
        margin-bottom: 3rem !important;
    }

    .helpdesk-login .my-5.py-4 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .helpdesk-login .mt-10 {
        margin-top: 5.5rem;
    }

    .link-page ul {
        margin-left: 0;
        padding-left: 2.4rem;
    }

        .link-page ul li {
            padding-left: 2.5rem;
        }

    .product-page {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-top: 0;
        width: 60%;
    }

        .product-page .section-secondary + .p-4 {
            padding: 1.5rem !important;
        }

        .product-page article.mb-5 {
            margin-bottom: 3rem !important;
        }

    .receipt-page .pl-3.mt-2 {
        padding-left: 1rem !important;
    }

    .receipt-page .table.table-borderless td {
        padding-left: 1.5rem;
    }

    .receipt-page .text-right.mb-3.mt-4 {
        text-align: right !important;
    }

    .payment-summary-page .mt-20 {
        margin-top: 7.5rem;
    }

    .payment-summary-page .col-3 {
        padding-left: 15px;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .payment-summary-page .col-4 {
        padding-left: 0;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .payment-summary-page .col-2 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .online-banking-payment-page .py-2.px-4 {
        text-align: left;
    }

    .office-payment-page .mt-4.pl-5 {
        margin-left: 0;
    }

    .office-payment-page article.mt-4.pl-5 {
        padding-left: 3rem !important;
    }

    .office-payment-page .d-flex.align-items-center.pt-1.pl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .renewal-page .section-secondary + .px-2.pt-2 {
        /*width: initial;*/
        margin-left: 0 !important;
    }

    .car-insurer-page .card {
        padding: 0 5px;
    }

        .car-insurer-page .card .card-body {
            padding: 1rem;
        }

        .car-insurer-page .card .text-green.display-5 {
            font-size: 1.3rem !important;
        }

    .row.display-6 .col-lg-4 .col-xl-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row.display-6 .col-lg-4 .col-xl-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .my-policy-trans-page .col-lg-2.text-center img {
        max-width: 100%;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center img {
        max-width: 125px;
    }

    .my-policy-trans-page .row.display-6 .col-lg-2.text-center .position-relative.w-60 img {
        position: absolute;
    }

    .my-policy-trans-page .overflow-auto.h-800.scrollbar.px-3.m-0 {
        height: 800px;
    }
}

@media (min-width: 1200px) {
    .w-xl-60 {
        width: 60%;
    }

    .sidebar-left .logo-section {
        height: inherit;
    }

        .sidebar-left .logo-section p {
            font-size: 0.75rem;
        }

    .home-page-title h1 {
        font-size: 3.5rem;
    }

    .sidebar-left .nav a {
        padding: 10px 35px;
        font-size: 0.875rem;
        padding-left: 17%;
    }

    .sidebar-left .banner {
        padding: 0 35px;
        padding-left: 17%;
    }

    .sidebar-right ul li:first-child {
        font-size: 2.5rem;
        height: 12%;
    }

    .home-page-title {
        height: 170px;
    }

        /* .home-page-title h1 {
            font-size: 2rem;
        } */

        .home-page-title h1 .display-1 {
            font-size: 2rem;
        }

        .home-page-title h3.mb-4.pb-2 {
            font-size: 1.3rem;
        }

    .home-page-content {
        padding: 1rem 0;
    }

    .home-page .detail-purchase-page .min-h-41 {
        min-height: 21rem;
    }

    .claim-notification-page .form-control.w-30 {
        width: 30%;
    }

    .contact-us-page .mt-4.mb-5.px-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .contact-us-page .container .col-7 {
        margin-left: 1rem !important;
    }

    .help-hotline-page .list-group-contacts {
        padding-left: 2.4rem;
    }

        .help-hotline-page .list-group-contacts li {
            width: 50%;
        }

            .help-hotline-page .list-group-contacts li:nth-child(odd) {
                width: 50%;
            }

            .help-hotline-page .list-group-contacts li:last-child img {
                max-width: 12.5rem;
            }

    .car-ins-page .w-60 {
        width: 100%;
    }

    .car-ins-page .w-40 {
        width: 35%;
    }

    .car-ins-page .w-55 {
        width: 55%;
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:nth-child(2) {
        width: 50%;
        transform: translateX(-5px);
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between > div:last-child {
        width: 40%;
        transform: translateX(5px);
    }

    .car-company-page .text-right.pt-lg-5.pt-3.pb-3 {
        margin-right: 5rem;
        text-align: right !important;
    }

    .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr {
        display: block;
    }

        .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td {
            width: 33.33%;
            padding-left: 1.5rem;
        }

            .car-company-page .container-none.container-lg.min-h-46 .table.table-borderless.bg-transparent tbody tr td:last-child {
                padding-right: 1rem;
            }

    .car-company-page .container-none.container-lg.min-h-46 .col-12.position-absolute.text-right {
        padding-top: 5rem;
        text-align: right !important;
    }

    .quotation-page .my-4.text-right {
        text-align: right !important;
    }

    .quotation-page .pt-5.pl-4 {
        padding-top: 3rem !important;
    }

    .payment-summary-page .mt-20 {
        margin-top: 8.5rem;
    }

    .payment-summary-page .d-flex.justify-content-end.pr-5 {
        justify-content: flex-end !important;
        padding-right: 3rem !important;
    }

        .payment-summary-page .d-flex.justify-content-end.pr-5 .btn {
            min-width: initial;
        }

    .my-policy-trans-page .col-lg-2.text-center img {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .sidebar-left .logo-section {
        height: inherit;
        display: block;
    }

        .sidebar-left .logo-section p {
            font-size: 0.875rem;
        }

    .sidebar-left .nav a {
        font-size: 0.875rem;
        padding: 8px 0;
        padding-left: 10%;
    }

    .sidebar-left .banner {
        padding: 0 40px;
        padding-left: 10%;
    }

    .sidebar-left .detail-purchase-page .row.row-cols-lg-2.row-cols-1 .col {
        padding: 0;
    }

        .sidebar-left .detail-purchase-page .row.row-cols-lg-2.row-cols-1 .col.pr-0 {
            padding-right: 15px !important;
        }

    .pr-0 {
        padding-right: 2px !important;
    }

    .paddingRegular {
        padding: 2px 12px;
        /*color: blue;*/
    }

    .alignRight {
        float: right;
    }

    .col1Half {
        width: 50%;
    }

    .home-page-title {
        height: 175px;
    }

        .home-page-title h1 {
            font-size: 3rem;
        }

            .home-page-title h1 .display-1 {
                font-size: 2.5rem;
            }

    /* .home-page-content {
        padding: 6.8rem 0;
    } */

    .admin-page .container.position-absolute .col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .admin-page .detail-purchase-page .row.row-cols-lg-2.row-cols-1 .col {
        padding: 0 15px;
    }

        .admin-page .detail-purchase-page .row.row-cols-lg-2.row-cols-1 .col.pr-0 {
            padding-right: 0;
        }

    .payment-summary-page .col-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .payment-summary-page .col-3 {
        padding-left: 15px;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .payment-summary-page .col-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .car-addon-content .table.table-borderless.bg-dark.mb-0 {
        width: 85%;
    }

    .car-addon-content .bg-dark.d-flex.justify-content-between {
        flex-wrap: nowrap;
        overflow: hidden;
        padding: 0.5rem 1rem !important;
    }

        .car-addon-content .bg-dark.d-flex.justify-content-between > div:first-child {
            width: 20%;
            margin-top: 0;
            text-align: center;
        }

        .car-addon-content .bg-dark.d-flex.justify-content-between > div:nth-child(2) {
            width: 40%;
            margin: 0 1rem;
            transform: translateX(0px);
        }

        .car-addon-content .bg-dark.d-flex.justify-content-between > div:last-child {
            width: 40%;
            transform: translateX(0px);
            margin: 0 !important;
        }

    .car-addon-content .text-right.pt-2 {
        text-align: right !important;
    }

    .car-addon-content .btn.btn-orange {
        margin-right: 1rem;
    }

    .payment-summary-page .mt-20 {
        margin-top: 10.5rem;
    }

    .payment-summary-page .row.row-cols-xl-2.row-cols-1.mx-1 .col.px-1 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .car-insurer-page .card {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

        .car-insurer-page .card .text-green.display-5 {
            font-size: 1.2rem !important;
        }

    .my-policy-trans-page .table {
        font-size: 1.2rem;
    }

        .my-policy-trans-page .table tr td:first-child {
            width: 20%;
        }

        .my-policy-trans-page .table tr td:nth-child(2) {
            width: 25%;
        }

        .my-policy-trans-page .table tr td:nth-child(3) {
            width: 30%;
        }

        .my-policy-trans-page .table tr td:nth-child(4) {
            width: 15%;
        }

        .my-policy-trans-page .table tr td:nth-child(5) {
            width: 10%;
        }

    .my-policy-trans-page .form-group.d-flex.align-items-center.align-content-center.col-4 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .my-policy-trans-page .btn.btn-lg {
        min-width: 100%;
        width: 100%;
    }

    .my-policy-trans-page .custom-select {
        min-width: 170px;
    }

    .my-policy-trans-page .col-lg-2.text-center img {
        width: 50%;
    }

    .car-ins-page .w-60 {
        width: 60%;
    }

    .my-policy-submit-page .col-3 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media (min-width: 1500px) {
    .car-insurer-page .card {
        padding: 0 10px;
    }

        .car-insurer-page .card .card-body {
            padding: 1.25rem;
        }

        .car-insurer-page .card .text-green.display-5 {
            font-size: 1.5rem !important;
        }

    .my-policy-trans-page .table {
        font-size: 1.2rem;
    }

    .my-policy-trans-page .row.display-6 .col-lg-4 .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .my-policy-trans-page .row.display-6 .col-lg-4 .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media (min-width: 1750px) {

    .sidebar-left .nav a {
        padding-left: 10%;
    }

    .sidebar-left .banner {
        padding-left: 10%;
    }
}

/*@media print {
    .receipt-page {
        print-color-adjust: exact;
    }
}*/
/*# sourceMappingURL=styles.css.map */