﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*    padding-top: 50px;*/
    /*    padding-bottom: 20px;*/
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*    padding-left: 15px;*/
    /*    padding-right: 15px;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*    max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}


/* CSS */
.button-77 {
    align-items: center;
    appearance: none;
    background-clip: padding-box;
    background-color: initial;
    background-image: none;
    border-style: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    flex-direction: row;
    flex-shrink: 0;
    font-family: Eina01,sans-serif;
    font-size: 16px;
    font-weight: 800;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    min-height: 64px;
    outline: none;
    overflow: visible;
    padding: 19px 26px;
    pointer-events: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: auto;
    word-break: keep-all;
    z-index: 0;
    color: white !important;
}

@media (min-width: 768px) {
    .button-77 {
        padding: 19px 32px;
    }
}

.button-77:before,
.button-77:after {
    border-radius: 80px;
}

.button-77:before {
    background-color: rgba(249, 58, 19, .32);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.button-77:after {
    background-color: initial;
    background-image: linear-gradient(92.83deg, #ff5a58 0, #dc3545 100%);
    bottom: 4px;
    content: "";
    display: block;
    left: 4px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all 100ms ease-out;
    z-index: -1;
}

.button-77:hover:not(:disabled):after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition-timing-function: ease-in;
}

.button-77:active:not(:disabled) {
    color: #ccc;
}

    .button-77:active:not(:disabled):after {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff5a58 0, #dc3545 100%);
        bottom: 4px;
        left: 4px;
        right: 4px;
        top: 4px;
    }

.button-77:disabled {
    cursor: default;
    opacity: .24;
}

.bottomtile-animation {
    /*    display: inline;*/
    width: fit-content;
}

    .bottomtile-animation::before, .tile-animation::after {
        content: '';
        background-color: #ff5a58;
        position: absolute;
        width: 60px;
        text-align: center;
        right: initial;
        top: calc(100% - 6px);
        margin: 0 auto;
        display: flex;
        justify-content: center;
        height: 7px;
        left: 0;
        border-radius: 100px;
        animation: movelr 2.5s infinite alternate;
    }

.tile-animation::before {
    content: '';
    background-color: #1b5a8d;
    position: absolute;
    width: 60px;
    text-align: center;
    right: initial;
    top: 0px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    height: 7px;
    left: calc(100% - 60px);
    border-radius: 100px;
    animation: moverl 2.5s infinite alternate;
}


.top-sticky {
    position: sticky;
    top: 0;
}

.box_main {
    /*                    background: url(images/services-bg.png) no-repeat;*/
    /*    background-size: cover;*/
    color: var(--bs-secondary-text-emphasis);
}

.nav-link.active {
    color: #ff5a58 !important;
}

.mail_section {
    background: #fffc;
    backdrop-filter: blur(5px);
    border: 1px solid white;
    padding: 30px 1.5rem;
    border-radius: .75rem;
}



.terms-box {
    background: #ffffffc9;
    padding: 2.5rem;
    /*            border: 1px solid;*/
    border-radius: .75rem;
    box-shadow: var(--bs-box-shadow);
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
    .terms-box p {
        padding: 0;
        margin: 0;
        text-align: justify;
        text-align-last: left;
        line-height: normal;
    }

    .terms-box .terms-head {
/*        color: #ff5a58;*/
        font-weight: 700;
        text-align: left;
        padding-bottom: 0;
        padding-top: 15px;
        width: max-content;
                margin: 0;
    }

        .terms-box .terms-head::before {
            content: '';
            background-color: #ff5a58;
            position: absolute;
            --side: 30px;
            width: var(--side);
            text-align: center;
            right: initial;
            top: 0px;
            left: 0;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            height: 7px;
            border-radius: 100px;
        }

    .terms-box ul {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        padding-left: .5rem;
        list-style: square;
        text-align: justify;
        text-align-last: left;
        line-height: normal;
    }

        .terms-box ul li::marker {
            color: #ff5a58;
        }

@media (max-width: 575px) {
    .terms-box {
        padding: 1.5rem;
    }
}



.msg {
    --msgbg: black;
    text-align: center;
    color: var(--msgbg);
    text-align-last: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .msg::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        -webkit-mask-size: contain;
        -webkit-mask: var(--svg) no-repeat center;
        mask-size: contain;
        mask-repeat: no-repeat;
        mask: var(--svg) no-repeat center;
        background-color: var(--msgbg);
    }

    .msg.error {
        --msgbg: red;
        --svg: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/></svg>");
    }

    .msg.success {
        --msgbg: limegreen;
        --svg: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM438 209.7C427.3 201.9 412.3 204.3 404.5 215L285.1 379.2L233 327.1C223.6 317.7 208.4 317.7 199.1 327.1C189.8 336.5 189.7 351.7 199.1 361L271.1 433C276.1 438 282.9 440.5 289.9 440C296.9 439.5 303.3 435.9 307.4 430.2L443.3 243.2C451.1 232.5 448.7 217.5 438 209.7z'/></svg>");
    }





.footer-nav {
}
    .footer-nav .footer-navhead{
    color: white;
            padding-top: 15px;
            padding-bottom: 15px;
            font-weight: bold;
    }

        .footer-nav .footer-navhead::before {
            content: '';
            background-color: #1b5a8d;
            position: absolute;
            --side: 30px;
            width: var(--side);
            text-align: center;
            right: initial;
            top: 0px;
            left: 0;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            height: 7px;
            border-radius: 100px;
        }

    .footer-nav a {
        color: #d2d2d2;
    }

    .footer-nav ul {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        list-style: none;
    }

        .footer-nav ul a, .footer-nav li > * {
            display: flex;
            flex-direction: row;
            /*flex-wrap: wrap;*/
            align-items: center;
            align-content: baseline;
            gap: .5rem;
            color: #d2d2d2;
            transition: all .5s;
            word-wrap: break-word;
            margin: 0;
            width: fit-content;
        }

        .footer-nav a:hover, .footer-nav a:focus, .footer-nav a:active {
            color: #ff5a58;
        }



.myicon {
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background: var(--svg) no-repeat center;
    -webkit-background: var(--svg) no-repeat center;
}

.mysmicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background: var(--svg) no-repeat center;
    -webkit-background: var(--svg) no-repeat center;
}

.my-maskicon {
    --svgbg: currentcolor;
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    -webkit-mask: var(--svg) no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask: var(--svg) no-repeat center;
    background-color: var(--svgbg);
}

.mysm-maskicon {
    --svgbg: currentcolor;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-mask-size: contain;
    -webkit-mask: var(--svg) no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask: var(--svg) no-repeat center;
    background-color: var(--svgbg);
}

.circle-exclamation-bicon {
    --svg: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/></svg>");
}

.circle-exclamation-wicon {
    --svg: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='white' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/></svg>");
}

.phone-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M160.2 25C152.3 6.1 131.7-3.9 112.1 1.4l-5.5 1.5c-64.6 17.6-119.8 80.2-103.7 156.4 37.1 175 174.8 312.7 349.8 349.8 76.3 16.2 138.8-39.1 156.4-103.7l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2C233.9 335.4 177.3 277 144.8 205.3L189 169.3c13.9-11.3 18.6-30.4 11.8-47L160.2 25z'/%3E%3C/svg%3E");
}

.phone-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M160.2 25C152.3 6.1 131.7-3.9 112.1 1.4l-5.5 1.5c-64.6 17.6-119.8 80.2-103.7 156.4 37.1 175 174.8 312.7 349.8 349.8 76.3 16.2 138.8-39.1 156.4-103.7l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2C233.9 335.4 177.3 277 144.8 205.3L189 169.3c13.9-11.3 18.6-30.4 11.8-47L160.2 25z'/%3E%3C/svg%3E");
}

.mail-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M48 64c-26.5 0-48 21.5-48 48 0 15.1 7.1 29.3 19.2 38.4l208 156c17.1 12.8 40.5 12.8 57.6 0l208-156c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48L48 64zM0 196L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-188-198.4 148.8c-34.1 25.6-81.1 25.6-115.2 0L0 196z'/%3E%3C/svg%3E");
}

.mail-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M48 64c-26.5 0-48 21.5-48 48 0 15.1 7.1 29.3 19.2 38.4l208 156c17.1 12.8 40.5 12.8 57.6 0l208-156c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48L48 64zM0 196L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-188-198.4 148.8c-34.1 25.6-81.1 25.6-115.2 0L0 196z'/%3E%3C/svg%3E");
}

.location-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='black' d='M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z'/%3E%3C/svg%3E");
}

.location-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='white' d='M0 188.6C0 84.4 86 0 192 0S384 84.4 384 188.6c0 119.3-120.2 262.3-170.4 316.8-11.8 12.8-31.5 12.8-43.3 0-50.2-54.5-170.4-197.5-170.4-316.8zM192 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z'/%3E%3C/svg%3E");
}

.user-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z'/%3E%3C/svg%3E");
}

.user-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z'/%3E%3C/svg%3E");
}

.caret-right-bicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z'/></svg>");
}

.caret-right-wicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='white' d='M441.3 299.8C451.5 312.4 450.8 330.9 439.1 342.6L311.1 470.6C301.9 479.8 288.2 482.5 276.2 477.5C264.2 472.5 256.5 460.9 256.5 448L256.5 192C256.5 179.1 264.3 167.4 276.3 162.4C288.3 157.4 302 160.2 311.2 169.3L439.2 297.3L441.4 299.7z'/></svg>");
}
