﻿
@font-face {
    font-family: 'uncialantiqua-regular';
    src: url('../font/uncial_antiqua/uncialantiqua-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'suezone-regular';
    src: url('../font/suez_one/suezone-regular.ttf') format('truetype');
}

* {
    /*border: 1px solid;*/
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
}

@media (max-width: 767.98px) {
    * {
        /*font-size: 10pt !important;*/
        font-size-adjust: inherit;
    }

    .font_md * {
        font-size: 10pt !important;
    }

    .prl0_md {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


/*scroll_desgin*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 10px;
    /*    background-color: #10a690;*/
    /*    box-shadow: inset 0 0 3px #c0f862;*/
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: black;
    border: 1px solid black;
}

/*Anchor tag*/
a {
    text-decoration: none;
    color: black;
    overflow: hidden;
    font-weight: 500;
    transition: all .7s;
}

.nav-link {
    font-weight: 500;
}

    a:hover, a:active, a:focus, .nav-link:hover, .nav-link:active, .nav-link:focus {
        color: #1166a3;
        font-weight: 500;
        overflow: hidden;
        /*        text-decoration: underline 1px solid #c0f862;*/
    }

html {
    font-family: Calibri;
}


/*Anchor btn*/
.btn {
    text-decoration: none;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 7px 20px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid;
    background-color: #0d6efd;
    color: white;
    font-weight: 700;
}

    .btn:hover, .btn:active, .btn:focus {
        background-color: white;
        color: #0d6efd;
    }
/*Content header Design*/
.content_header {
    /*background-color: white;*/
    text-align: center;
    margin: 25px 0;
}

    .content_header h5 {
        margin: 0;
        font-weight: 400;
        font-size: large;
        text-transform: uppercase;
        position: relative;
    }

    .content_header h2 {
        margin: 10px 0;
        font-weight: 800;
        font-size: x-large;
        text-transform: uppercase;
        position: relative;
        animation: bounce 1s ease-in-out;
    }

.peacock_feather {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .peacock_feather nav {
        border-radius: 7px;
        width: 10%;
        height: 7px;
        margin: 5px 7px 15px;
    }


    .peacock_feather .pf_c1 {
        background-color: #c0f862;
    }

    .peacock_feather .pf_c2 {
        background-color: #10a690;
    }

    .peacock_feather .pf_c3 {
        background-color: #1166a3;
    }

    .peacock_feather .pf_c4 {
        background-color: #3d4987;
    }

    .peacock_feather .pf_c5 {
        background-color: #402b6d;
    }

.content_header h2:hover {
    animation: bounce 1s ease-in-out;
}

.form_label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    /*color: #0d6efd;*/
    color: #1166a3;
}

.form_input {
    margin: 5px 0;
    width: 100%;
    /*font-size: 1em;*/
    padding: 5px;
    border-radius: 0;
    border: none;
    /*border-bottom: 2px solid #0d6efd;*/
    border-bottom: 2px solid #1166a3;
    outline: none;
}

    .form_input:focus, .form_input:active {
        outline: 1px solid #c0f862;
        border-radius: 5px;
        box-shadow: 0 0 0 2px #10a690;
    }

textarea.form_input {
    /*font-size: 1.4em;*/
}

.form_btn {
    /*font-size: 1.2em;*/
    text-transform: uppercase;
    padding: 7px 15px;
    margin: 5px;
    /*background-color: #0d6efd;*/
    background-color: #1166a3;
    border-radius: 5px;
    color: white;
    /*border: 1px solid #0d6efd;*/
    border: 1px solid #1166a3;
    font-weight: bold;
    text-decoration: none;
}

    .form_btn:hover, .form_btn:active, .form_btn:focus {
        background-color: white;
        text-decoration: none;
        /*color: #0d6efd;*/
        color: #1166a3;
        /*box-shadow: 0 0 0 2px #10a690;*/
    }



.form_back_btn {
    text-transform: uppercase;
    padding: 7px 5%;
    margin: 5px;
    background-color: white;
    border-radius: 5px;
    /*color: #0d6efd;*/
    color: #1166a3;
    /*border: 1px solid #0d6efd;*/
    border: 1px solid #1166a3;
    font-weight: bold;
    text-decoration: none;
}

    .form_back_btn:hover, .form_back_btn:active, .form_back_btn:focus {
        /*background-color: #0d6efd;*/
        background-color: #1166a3;
        text-decoration: none;
        color: white;
        /*box-shadow: 0 0 0 2px #10a690;*/
    }


/*Add btn*/
.saddbtn {
    text-decoration: none;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 7px 20px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid;
    background-color: #10a690;
    color: white;
    font-weight: 500;
    text-align: center;
}

    .saddbtn:active, .saddbtn:focus {
        background-color: rgba(16, 166, 144, 0.80);
        color: white;
    }


.p_p_form {
    display: block;
    /*width: 100%;*/
    margin: 10px 5%;
    padding: 2% 3%;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 1.1em;
    border: 1px solid #1166a3;
    box-shadow: 0 0 0 1px #c0f862;
}

    .p_p_form .pp_d {
        display: flex;
        flex-flow: wrap;
        margin: 10px auto;
        box-sizing: border-box;
    }

        .p_p_form .pp_d .form-check label {
            margin-left: 10px;
            font-weight: 600;
            /*color: #0d6efd;*/
            color: #1166a3;
        }

.svg_hover {
    fill: #1166a3;
}

    .svg_hover:hover {
        fill: #10a690;
        filter: drop-shadow(2px 2px 1px #c0f862);
    }


@media only screen and (max-width: 800px) {
    .md_div_f {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: auto;
    }

    .md_img100 {
        width: 100%;
        height: auto;
    }

    .md_div_c {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: auto;
    }
}

.rbet_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25em;
}

.rbtn_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: .25em;
}

/*Delete btn*/
.sdelbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.1em;
    /*text-transform: uppercase;*/
    padding: 0 7px;
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid red;
    color: red;
    /*color: white;*/
    font-weight: bold;
}

.btn2 {
    text-decoration: none;
    /*font-size: 1.1em;*/
    padding: 7px 20px;
    border-radius: 5px;
    border: 1px solid;
    background-color: #1166a3;
    color: white;
    font-weight: 500;
}

    .btn2:hover, .btn2:active, .btn2:focus {
        background-color: rgba(17, 102, 163, 0.9);
        color: white;
    }


input[type="checkbox"].form_check, input[type="checkbox"] {
    accent-color: #10a690;
}

input[type="radio"] {
    accent-color: #10a690;
}

/* Chrome, Safari, Edge (Webkit browsers) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.f_logo_grid {
    display: grid;
    grid-template-areas: "div";
}

    .f_logo_grid .social_col {
        display: flex !important;
        flex-flow: wrap;
        margin-top: 10px;
        padding: .25em !important;
    }

        .f_logo_grid .social_col span {
            padding: .25em !important;
            font-size: 18pt;
        }

            .f_logo_grid .social_col span > a {
                color: grey !important;
            }

.social_col span > a:hover,
.social_col span > a:active,
.social_col span > a:focus {
    color: #10a690 !important;
}


@media (max-width: 767.98px) {
    .f_logo_grid {
        display: grid;
        grid-template-areas: "div div";
        grid-template-columns: 0.5fr 1fr;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .f_logo_grid .social_col {
            display: flex !important;
            flex-flow: wrap;
            margin: auto;
            padding: .25em !important;
        }

    .btn2 {
        font-size: .9em;
    }
}

.grid_2 {
    display: grid;
    grid-template-areas: "div div";
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px;
}

    .grid_2 > div {
        display: block;
        width: 100%;
    }

.bg_br {
    background: rgba(192, 248, 98, 0.05);
    border: 1px solid #c0f862;
}

.footer_item {
    margin: 3px auto !important;
}

@media (max-width: 575.98px) {
    .grid_2 {
        display: grid;
        grid-template-areas: "div";
        grid-template-columns: 1fr;
        grid-column-gap: 5px;
    }
}

.flex_1 {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    flex-flow: wrap;
}

.grid_1-2 {
    max-width: 30em;
    display: grid;
    grid-template-areas: "img div";
    grid-template-columns: 1fr 2fr;
    margin: .5em;
    border: 2px solid lightgrey;
    border-radius: .5em;
    overflow: hidden;
    width: 100%;
    background-color: #ffffffe0;
    backdrop-filter: blur(5px);
    border-radius: 1rem;
    box-shadow: var(--bs-box-shadow), inset 0 0 7px 1px white;
    --side: calc(10vh + 10vw);
    border: none !important;
}

    .grid_1-2 > div {
        padding: .5em;
        /*border-radius: 0 .5em .5em 0;*/
        text-align: justify;
        padding: .5rem .75rem;
        background-color: #f8f8ffc2 !important;
    }

        .grid_1-2 > div h5 {
            border-bottom: 1px solid;
            padding-bottom: .5em;
            font-weight: bold;
            color: #1166a3;
        }

    .grid_1-2 > img {
        max-width: 92%;
        max-height: 92%;
        margin: auto;
    }

@media (max-width: 767.98px) {
    .grid_1-2 {
        max-width: 25em;
        display: grid;
        grid-template-areas: "img" "div";
        grid-template-columns: 1fr;
        /*grid-column-gap: 5px;*/
        border: 2px solid lightgrey;
        border-radius: .5em;
    }

        .grid_1-2 > div {
            padding: .5em;
            text-align: center;
            /*border-radius: 0 0 .5em .5em;*/
        }

        .grid_1-2 > img {
            max-width: 100%;
            height: 80px !important;
            margin: .25em auto;
        }

        .grid_1-2 > div h5 {
            text-align: center;
            border-bottom: 1px solid;
            padding-bottom: .5em;
            font-size: 1.2em !important;
            font-weight: bold;
        }
}


.totopbtn {
    display: none;
    position: fixed;
    bottom: 33px;
    right: 20px;
    border: none;
    background: rgba(255, 255, 255, 0.65);
    font-size: 1.4em;
    backdrop-filter: blur(10px);
    line-height: 1;
    padding: .25em .5em;
    border-radius: .5em;
    box-shadow: 0px 1px .25em lightgray;
    z-index: 5;
}


section ul, section ol {
    padding-left: 20px !important;
}


.mainhead {
    /*            color: #1166a3;*/
    color: black;
    font-size: 2.2rem !important;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 90%;
    text-align: center;
    justify-content: center;
    /*    font-family: 'uncialantiqua-regular';*/
    /*font-family: 'suezone-regular';*/
    /*    text-transform: uppercase;*/
    --img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320z'/></svg>");
    margin: auto;
}

    .mainhead > * {
        margin: 0;
        padding: .75rem;
        /*                padding-top: .25rem;*/
        border-radius: .5rem;
        /*                background: #FFFFFF99;*/
        /*                background-color: #ffffffe0;*/
        backdrop-filter: blur(5px);
        font-size: calc(1.05rem + (1.5vw)) !important;
        max-width: 90%;
        font-weight: 700;
        font-family: sans-serif;
        color: #212529;
        text-shadow: 3px 1px #CFD8DC;
    }

    .mainhead h2::before {
        --side: 25px;
        --radius: calc(var(--side) / 2);
        content: "";
        width: var(--side);
        height: var(--side);
        /*        animation: imgiconrotate 2.5s ease-in-out infinite, moveouter 10s ease-in-out alternate infinite;*/
        animation: moveouter 10s ease-in-out alternate infinite;
        display: flex;
        position: absolute;
        z-index: -5;
        align-items: center;
        top: calc(-2 * var(--radius));
        left: calc(-2 * var(--radius));
        justify-content: center;
        mask: var(--img);
        mask-position: center !important;
        mask-repeat: no-repeat !important;
        mask-size: cover !important;
        background: radial-gradient(var(--radius) circle at 15% 15%, white, #c0f862, #198754);
    }

    .mainhead h2::after {
        --side: 15px;
        --radius: calc(var(--side) / 2);
        content: "";
        width: var(--side);
        height: var(--side);
        /*        animation: imgiconrotate 2.5s ease-in-out infinite, moveouter 10s ease-in-out alternate infinite;*/
        animation: moveouter 10s ease-in-out alternate infinite;
        animation-delay: .5s;
        display: flex;
        position: absolute;
        z-index: -5;
        align-items: center;
        top: calc(-2 * var(--radius));
        left: calc(-2 * var(--radius));
        justify-content: center;
        mask: var(--img);
        mask-position: center !important;
        mask-repeat: no-repeat !important;
        mask-size: cover !important;
        background: radial-gradient(var(--radius) circle at 15% 15%, white, #c0f862, #198754);
    }

@keyframes moveouter {
    0% {
        top: calc(-2 * var(--radius));
        left: calc(-2 * var(--radius));
        /*                background: var(--bs-primary);*/
    }

    25% {
        top: calc(-2 * var(--radius));
        left: calc(100% + var(--radius));
        /*                background: var(--bs-green);*/
    }

    50% {
        top: calc(100% - var(--radius));
        left: calc(100% + var(--radius));
        /*                background: var(--bs-warning);*/
    }

    75% {
        top: calc(100% - var(--radius));
        left: calc(-2 * var(--radius));
        /*                background: var(--bs-danger);*/
    }
}

.mainhead > * nav {
    z-index: 5;
    position: relative;
}



.headerbtn {
    --bcolor: #1166a3;
    text-decoration: none !important;
    background: var(--bcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid var(--bcolor);*/
    color: white;
    padding: .4rem .65rem;
    border-radius: .5rem;
    font-size: 11pt;
    font-weight: 400 !important;
    transition: all .5s linear;
    position: relative;
    z-index: 3;
}

    .headerbtn:active,
    .headerbtn:focus,
    .headerbtn:hover {
        background: #dee2e600;
        background: #f8f9fa;
        color: white;
        /*                color: #1166a3;*/
    }

        .headerbtn:active::before,
        .headerbtn:focus::before,
        .headerbtn:hover::before {
            content: "";
            display: flex;
            position: absolute;
            left: 2%;
            top: 0;
            bottom: 0;
            width: .25rem;
            background: var(--bcolor);
            transform: skew(-25deg);
            animation: backmovelr 1s forwards;
            z-index: -1;
        }

@keyframes backmovelr {
    to {
        /*                left: 100%;*/
        width: 98%;
        right: 7%;
    }
}




.serviceblock {
    /*background: repeating-linear-gradient(45deg, #f8f9fa 27%, #10a690);
    background-color: #1166a3;*/
    background: radial-gradient(circle, transparent, white);
    background-color: #1166a3;
}

.serviceblockcard * {
    margin: 0;
    padding: 0;
    /*            font-size: calc(1.125rem + .15vw);*/
    text-align: center;
    text-align-last: center !important;
}

.serviceblockcard {
    display: flex;
    /*            align-items: center;*/
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
}

    .serviceblockcard .servicecard {
        display: flex;
        /*                align-items: center;*/
        /*                justify-content: center;*/
        flex-direction: row;
        flex-wrap: wrap;
        gap: .0rem;
        max-width: 20rem;
        width: 100%;
        /* border: 1px solid white; */
        background-color: #ffffffe0;
        backdrop-filter: blur(5px);
        border-radius: 1rem;
        box-shadow: var(--bs-box-shadow), inset 0 0 7px 1px white;
        --side: calc(10vh + 10vw);
        padding: 15px .5rem;
    }

        .serviceblockcard .servicecard > * {
            width: auto;
        }

        .serviceblockcard .servicecard .cardbody {
            padding: .5rem;
            /*width: calc(100% - var(--side));*/
        }

        .serviceblockcard .servicecard .cardimgbox {
            width: 100%;
            height: 150px;
            display: flex;
            justify-content: center;
            overflow: hidden;
            max-width: 90%;
            margin: auto;
            border-radius: 1rem;
        }

            .serviceblockcard .servicecard .cardimgbox img {
                width: 100%;
                border-radius: 1rem;
            }

        .serviceblockcard .servicecard .cardbody .cardhead {
            padding: .5rem 0;
        }

@media (max-width: 575px) {
}



/*Message PopUp Start*/
.msg_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    flex-direction: column;
    backdrop-filter: brightness(0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    overflow: auto;
}

    .msg_container .msg_body.error_iconmsg,
    .msg_container .msg_body.warning_iconmsg,
    .msg_container .msg_body.success_iconmsg {
        --bgr: 50, 205, 50;
        --glowr: 182, 255, 0;
        --txtc: #005600;
        width: 96%;
        max-width: 25rem;
        margin: .5rem;
        display: flex;
        flex-direction: column;
        padding: .5rem;
        background: white;
        border-radius: .5rem;
        box-sizing: border-box;
        box-shadow: var(--bs-box-shadow-sm);
    }

    .msg_container .msg_body.error_iconmsg {
        --bgr: var(--bs-danger-rgb);
        --glowr: var(--bs-danger-rgb);
        --txtc: #7e000c;
    }

    .msg_container .msg_body.warning_iconmsg {
        --bgr: var(--bs-warning-rgb);
        --glowr: var(--bs-warning-rgb);
        --txtc: #866400;
    }


    .msg_container .msg_body .msg_content {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        padding: 0;
    }

    .msg_container .msg_body .msg_icon {
        background-color: rgba(var(--bgr), 1);
        margin-right: auto;
        border-radius: .25rem;
        padding: 3px;
        border: 1px solid rgba(var(--bgr), 1);
    }

    .msg_container .msg_body .myicon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        --side: 20px;
    }

    .msg_container .msg_text {
        background-color: rgba(var(--bgr), .05);
        border: 1px dashed rgba(var(--bgr), .5);
        padding: .5rem;
        border-radius: .5rem;
        color: var(--txtc);
    }
/*Message PopUp End*/




.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 {
    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(--bs-warning);
}

.mysm-maskicon {
    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(--bs-warning);
}

.my-imgicon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    mask: var(--img);
    mask-position: center !important;
    mask-repeat: no-repeat !important;
    mask-size: cover !important;
    background: radial-gradient(30px circle, white, var(--bs-primary), var(--bs-primary-text-emphasis));
}

.mysm-imgicon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    mask: var(--img);
    mask-position: center !important;
    mask-repeat: no-repeat !important;
    mask-size: cover !important;
    background: radial-gradient(15px circle, white, var(--bs-primary), var(--bs-primary-text-emphasis));
}



.facebook-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="M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"/></svg>');
}

.facebook-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="M240 363.3L240 576L356 576L356 363.3L442.5 363.3L460.5 265.5L356 265.5L356 230.9C356 179.2 376.3 159.4 428.7 159.4C445 159.4 458.1 159.8 465.7 160.6L465.7 71.9C451.4 68 416.4 64 396.2 64C289.3 64 240 114.5 240 223.4L240 265.5L174 265.5L174 363.3L240 363.3z"/></svg>');
    /*background-color: dodgerblue;*/
}

.linkedin-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='M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z'/> </svg>");
}

.linkedin-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='M196.3 512L103.4 512L103.4 212.9L196.3 212.9L196.3 512zM149.8 172.1C120.1 172.1 96 147.5 96 117.8C96 103.5 101.7 89.9 111.8 79.8C121.9 69.7 135.6 64 149.8 64C164 64 177.7 69.7 187.8 79.8C197.9 89.9 203.6 103.6 203.6 117.8C203.6 147.5 179.5 172.1 149.8 172.1zM543.9 512L451.2 512L451.2 366.4C451.2 331.7 450.5 287.2 402.9 287.2C354.6 287.2 347.2 324.9 347.2 363.9L347.2 512L254.4 512L254.4 212.9L343.5 212.9L343.5 253.7L344.8 253.7C357.2 230.2 387.5 205.4 432.7 205.4C526.7 205.4 544 267.3 544 347.7L544 512L543.9 512z'/> </svg>");
}

.x-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E");
}

.x-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/%3E%3C/svg%3E");
}

.youtube-bicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z'/></svg>");
}

.youtube-wicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='white' d='M581.7 188.1C575.5 164.4 556.9 145.8 533.4 139.5C490.9 128 320.1 128 320.1 128C320.1 128 149.3 128 106.7 139.5C83.2 145.8 64.7 164.4 58.4 188.1C47 231 47 320.4 47 320.4C47 320.4 47 409.8 58.4 452.7C64.7 476.3 83.2 494.2 106.7 500.5C149.3 512 320.1 512 320.1 512C320.1 512 490.9 512 533.5 500.5C557 494.2 575.5 476.3 581.8 452.7C593.2 409.8 593.2 320.4 593.2 320.4C593.2 320.4 593.2 231 581.8 188.1zM264.2 401.6L264.2 239.2L406.9 320.4L264.2 401.6z'/></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");
}

.text-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='black'%3E%3Cpath d='M160-200v-80h400v80H160Zm0-160v-80h640v80H160Zm0-160v-80h640v80H160Zm0-160v-80h640v80H160Z'/%3E%3C/svg%3E");
}

.text-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='white'%3E%3Cpath d='M160-200v-80h400v80H160Zm0-160v-80h640v80H160Zm0-160v-80h640v80H160Zm0-160v-80h640v80H160Z'/%3E%3C/svg%3E");
}

.instagram-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.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

.instagram-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.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

.topangle-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M297.4 201.4C309.9 188.9 330.2 188.9 342.7 201.4L502.7 361.4C515.2 373.9 515.2 394.2 502.7 406.7C490.2 419.2 469.9 419.2 457.4 406.7L320 269.3L182.6 406.6C170.1 419.1 149.8 419.1 137.3 406.6C124.8 394.1 124.8 373.8 137.3 361.3L297.3 201.3z'/%3E%3C/svg%3E");
}

.topangle-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M297.4 201.4C309.9 188.9 330.2 188.9 342.7 201.4L502.7 361.4C515.2 373.9 515.2 394.2 502.7 406.7C490.2 419.2 469.9 419.2 457.4 406.7L320 269.3L182.6 406.6C170.1 419.1 149.8 419.1 137.3 406.6C124.8 394.1 124.8 373.8 137.3 361.3L297.3 201.3z'/%3E%3C/svg%3E");
}

.tick-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='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/></svg>");
}

.tick-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='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/></svg>");
}

.dbtick-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='M377.9 130.8C388.3 116.5 385.1 96.5 370.8 86.1C356.5 75.7 336.5 78.9 326.1 93.2L220.1 238.9L182.6 201.4C170.1 188.9 149.8 188.9 137.3 201.4C124.8 213.9 124.8 234.2 137.3 246.7L201.3 310.7C207.9 317.3 217.1 320.7 226.4 320C235.7 319.3 244.3 314.5 249.8 306.9L377.8 130.9zM505.9 266.8C516.3 252.5 513.1 232.5 498.8 222.1C484.5 211.7 464.5 214.9 454.1 229.2L284.1 462.9L214.6 393.4C202.1 380.9 181.8 380.9 169.3 393.4C156.8 405.9 156.8 426.2 169.3 438.7L265.3 534.7C271.9 541.3 281.1 544.7 290.4 544C299.7 543.3 308.3 538.5 313.8 530.9L505.8 266.9z'/></svg>");
}

.dbtick-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='M377.9 130.8C388.3 116.5 385.1 96.5 370.8 86.1C356.5 75.7 336.5 78.9 326.1 93.2L220.1 238.9L182.6 201.4C170.1 188.9 149.8 188.9 137.3 201.4C124.8 213.9 124.8 234.2 137.3 246.7L201.3 310.7C207.9 317.3 217.1 320.7 226.4 320C235.7 319.3 244.3 314.5 249.8 306.9L377.8 130.9zM505.9 266.8C516.3 252.5 513.1 232.5 498.8 222.1C484.5 211.7 464.5 214.9 454.1 229.2L284.1 462.9L214.6 393.4C202.1 380.9 181.8 380.9 169.3 393.4C156.8 405.9 156.8 426.2 169.3 438.7L265.3 534.7C271.9 541.3 281.1 544.7 290.4 544C299.7 543.3 308.3 538.5 313.8 530.9L505.8 266.9z'/></svg>");
}

.oilbottle-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='M240 64C240 46.3 254.3 32 272 32L368 32C385.7 32 400 46.3 400 64C400 81.7 385.7 96 368 96L368 199.3C432.9 219.7 480 280.3 480 352L480 544C480 579.3 451.3 608 416 608L224 608C188.7 608 160 579.3 160 544L160 352C160 280.4 207.1 219.7 272 199.3L272 96C254.3 96 240 81.7 240 64zM320 480C355.3 480 384 447.6 384 416C384 394.8 355.1 351.5 336.1 325.4C328 314.3 311.9 314.3 303.8 325.4C284.8 351.5 255.9 394.8 255.9 416C255.9 447.6 284.6 480 319.9 480z'/></svg>");
}

.oilbottle-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='M240 64C240 46.3 254.3 32 272 32L368 32C385.7 32 400 46.3 400 64C400 81.7 385.7 96 368 96L368 199.3C432.9 219.7 480 280.3 480 352L480 544C480 579.3 451.3 608 416 608L224 608C188.7 608 160 579.3 160 544L160 352C160 280.4 207.1 219.7 272 199.3L272 96C254.3 96 240 81.7 240 64zM320 480C355.3 480 384 447.6 384 416C384 394.8 355.1 351.5 336.1 325.4C328 314.3 311.9 314.3 303.8 325.4C284.8 351.5 255.9 394.8 255.9 416C255.9 447.6 284.6 480 319.9 480z'/></svg>");
}

.cross-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E");
}

.cross-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E");
}

.camera-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M213.1 128.8L202.7 160L128 160C92.7 160 64 188.7 64 224L64 480C64 515.3 92.7 544 128 544L512 544C547.3 544 576 515.3 576 480L576 224C576 188.7 547.3 160 512 160L437.3 160L426.9 128.8C420.4 109.2 402.1 96 381.4 96L258.6 96C237.9 96 219.6 109.2 213.1 128.8zM320 256C373 256 416 299 416 352C416 405 373 448 320 448C267 448 224 405 224 352C224 299 267 256 320 256z'/%3E%3C/svg%3E");
}

.camera-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M213.1 128.8L202.7 160L128 160C92.7 160 64 188.7 64 224L64 480C64 515.3 92.7 544 128 544L512 544C547.3 544 576 515.3 576 480L576 224C576 188.7 547.3 160 512 160L437.3 160L426.9 128.8C420.4 109.2 402.1 96 381.4 96L258.6 96C237.9 96 219.6 109.2 213.1 128.8zM320 256C373 256 416 299 416 352C416 405 373 448 320 448C267 448 224 405 224 352C224 299 267 256 320 256z'/%3E%3C/svg%3E");
}

.img-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z'/%3E%3C/svg%3E");
}

.img-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M128 160C128 124.7 156.7 96 192 96L512 96C547.3 96 576 124.7 576 160L576 416C576 451.3 547.3 480 512 480L192 480C156.7 480 128 451.3 128 416L128 160zM56 192C69.3 192 80 202.7 80 216L80 512C80 520.8 87.2 528 96 528L456 528C469.3 528 480 538.7 480 552C480 565.3 469.3 576 456 576L96 576C60.7 576 32 547.3 32 512L32 216C32 202.7 42.7 192 56 192zM224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160C206.3 160 192 174.3 192 192C192 209.7 206.3 224 224 224zM420.5 235.5C416.1 228.4 408.4 224 400 224C391.6 224 383.9 228.4 379.5 235.5L323.2 327.6L298.7 297C294.1 291.3 287.3 288 280 288C272.7 288 265.8 291.3 261.3 297L197.3 377C191.5 384.2 190.4 394.1 194.4 402.4C198.4 410.7 206.8 416 216 416L488 416C496.7 416 504.7 411.3 508.9 403.7C513.1 396.1 513 386.9 508.4 379.4L420.4 235.4z'/%3E%3C/svg%3E");
}

.plant-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='black' d='M576 96C576 204.1 499.4 294.3 397.6 315.4C389.7 257.3 363.6 205 325.1 164.5C365.2 104 433.9 64 512 64L544 64C561.7 64 576 78.3 576 96zM64 160C64 142.3 78.3 128 96 128L128 128C251.7 128 352 228.3 352 352L352 544C352 561.7 337.7 576 320 576C302.3 576 288 561.7 288 544L288 384C164.3 384 64 283.7 64 160z'/%3E%3C/svg%3E");
}

.plant-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M576 96C576 204.1 499.4 294.3 397.6 315.4C389.7 257.3 363.6 205 325.1 164.5C365.2 104 433.9 64 512 64L544 64C561.7 64 576 78.3 576 96zM64 160C64 142.3 78.3 128 96 128L128 128C251.7 128 352 228.3 352 352L352 544C352 561.7 337.7 576 320 576C302.3 576 288 561.7 288 544L288 384C164.3 384 64 283.7 64 160z'/%3E%3C/svg%3E");
}

.leaves-bicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' %3E%3Cpath fill='black' d='M640-90q-39 0-74.5-12T501-135l-33 33q-11 11-28 11t-28-11q-11-11-11-28t11-28l33-33q-21-29-33-64.5T400-330q0-100 70-170.5T640-570h239v240q2 100-68.5 170T640-90ZM532-222q11 11 28 11t28-11l80-80q11-11 11-28t-11-28q-11-11-28-11t-28 11l-80 80q-11 11-11 28t11 28ZM220-450q-58 0-99-41t-41-99v-140h140q58 0 99 41t41 99v140H220Zm220-240v-100q0-42 29-71t71-29h100v100q0 42-29 71t-71 29H440Z'/%3E%3C/svg%3E");
}

.leaves-wicon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' %3E%3Cpath fill='white' d='M640-90q-39 0-74.5-12T501-135l-33 33q-11 11-28 11t-28-11q-11-11-11-28t11-28l33-33q-21-29-33-64.5T400-330q0-100 70-170.5T640-570h239v240q2 100-68.5 170T640-90ZM532-222q11 11 28 11t28-11l80-80q11-11 11-28t-11-28q-11-11-28-11t-28 11l-80 80q-11 11-11 28t11 28ZM220-450q-58 0-99-41t-41-99v-140h140q58 0 99 41t41 99v140H220Zm220-240v-100q0-42 29-71t71-29h100v100q0 42-29 71t-71 29H440Z'/%3E%3C/svg%3E");
}

.exclamation-bicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='black' d='M320 496C342.1 496 360 513.9 360 536C360 558.1 342.1 576 320 576C297.9 576 280 558.1 280 536C280 513.9 297.9 496 320 496zM320 64C346.5 64 368 85.5 368 112C368 112.6 368 113.1 368 113.7L352 417.7C351.1 434.7 337 448 320 448C303 448 289 434.7 288 417.7L272 113.7C272 113.1 272 112.6 272 112C272 85.5 293.5 64 320 64z'/></svg>");
}

.exclamation-wicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='white' d='M320 496C342.1 496 360 513.9 360 536C360 558.1 342.1 576 320 576C297.9 576 280 558.1 280 536C280 513.9 297.9 496 320 496zM320 64C346.5 64 368 85.5 368 112C368 112.6 368 113.1 368 113.7L352 417.7C351.1 434.7 337 448 320 448C303 448 289 434.7 288 417.7L272 113.7C272 113.1 272 112.6 272 112C272 85.5 293.5 64 320 64z'/></svg>");
}

.chevron-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='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/></svg>");
}

.chevron-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='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/></svg>");
}

.setting-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='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5zM320.3 400C364.5 399.8 400.2 363.9 400 319.7C399.8 275.5 363.9 239.8 319.7 240C275.5 240.2 239.8 276.1 240 320.3C240.2 364.5 276.1 400.2 320.3 400z'/></svg>");
}

.setting-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='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5zM320.3 400C364.5 399.8 400.2 363.9 400 319.7C399.8 275.5 363.9 239.8 319.7 240C275.5 240.2 239.8 276.1 240 320.3C240.2 364.5 276.1 400.2 320.3 400z'/></svg>");
}

.bars-staggered-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='M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z'/></svg>");
}

.bars-staggered-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='M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z'/></svg>");
}

.close-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='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
}

.close-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='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
}

.home-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='M341.8 72.6C329.5 61.2 310.5 61.2 298.3 72.6L74.3 280.6C64.7 289.6 61.5 303.5 66.3 315.7C71.1 327.9 82.8 336 96 336L112 336L112 512C112 547.3 140.7 576 176 576L464 576C499.3 576 528 547.3 528 512L528 336L544 336C557.2 336 569 327.9 573.8 315.7C578.6 303.5 575.4 289.5 565.8 280.6L341.8 72.6zM304 384L336 384C362.5 384 384 405.5 384 432L384 528L256 528L256 432C256 405.5 277.5 384 304 384z'/></svg>");
}

.home-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='M341.8 72.6C329.5 61.2 310.5 61.2 298.3 72.6L74.3 280.6C64.7 289.6 61.5 303.5 66.3 315.7C71.1 327.9 82.8 336 96 336L112 336L112 512C112 547.3 140.7 576 176 576L464 576C499.3 576 528 547.3 528 512L528 336L544 336C557.2 336 569 327.9 573.8 315.7C578.6 303.5 575.4 289.5 565.8 280.6L341.8 72.6zM304 384L336 384C362.5 384 384 405.5 384 432L384 528L256 528L256 432C256 405.5 277.5 384 304 384z'/></svg>");
}

.info-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='M272 112C272 85.5 293.5 64 320 64C346.5 64 368 85.5 368 112C368 138.5 346.5 160 320 160C293.5 160 272 138.5 272 112zM224 256C224 238.3 238.3 224 256 224L320 224C337.7 224 352 238.3 352 256L352 512L384 512C401.7 512 416 526.3 416 544C416 561.7 401.7 576 384 576L256 576C238.3 576 224 561.7 224 544C224 526.3 238.3 512 256 512L288 512L288 288L256 288C238.3 288 224 273.7 224 256z'/></svg>");
}

.info-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='M272 112C272 85.5 293.5 64 320 64C346.5 64 368 85.5 368 112C368 138.5 346.5 160 320 160C293.5 160 272 138.5 272 112zM224 256C224 238.3 238.3 224 256 224L320 224C337.7 224 352 238.3 352 256L352 512L384 512C401.7 512 416 526.3 416 544C416 561.7 401.7 576 384 576L256 576C238.3 576 224 561.7 224 544C224 526.3 238.3 512 256 512L288 512L288 288L256 288C238.3 288 224 273.7 224 256z'/></svg>");
}

.layer-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='M296.5 69.2C311.4 62.3 328.6 62.3 343.5 69.2L562.1 170.2C570.6 174.1 576 182.6 576 192C576 201.4 570.6 209.9 562.1 213.8L343.5 314.8C328.6 321.7 311.4 321.7 296.5 314.8L77.9 213.8C69.4 209.8 64 201.3 64 192C64 182.7 69.4 174.1 77.9 170.2L296.5 69.2zM112.1 282.4L276.4 358.3C304.1 371.1 336 371.1 363.7 358.3L528 282.4L562.1 298.2C570.6 302.1 576 310.6 576 320C576 329.4 570.6 337.9 562.1 341.8L343.5 442.8C328.6 449.7 311.4 449.7 296.5 442.8L77.9 341.8C69.4 337.8 64 329.3 64 320C64 310.7 69.4 302.1 77.9 298.2L112 282.4zM77.9 426.2L112 410.4L276.3 486.3C304 499.1 335.9 499.1 363.6 486.3L527.9 410.4L562 426.2C570.5 430.1 575.9 438.6 575.9 448C575.9 457.4 570.5 465.9 562 469.8L343.4 570.8C328.5 577.7 311.3 577.7 296.4 570.8L77.9 469.8C69.4 465.8 64 457.3 64 448C64 438.7 69.4 430.1 77.9 426.2z'/></svg>");
}

.layer-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='M296.5 69.2C311.4 62.3 328.6 62.3 343.5 69.2L562.1 170.2C570.6 174.1 576 182.6 576 192C576 201.4 570.6 209.9 562.1 213.8L343.5 314.8C328.6 321.7 311.4 321.7 296.5 314.8L77.9 213.8C69.4 209.8 64 201.3 64 192C64 182.7 69.4 174.1 77.9 170.2L296.5 69.2zM112.1 282.4L276.4 358.3C304.1 371.1 336 371.1 363.7 358.3L528 282.4L562.1 298.2C570.6 302.1 576 310.6 576 320C576 329.4 570.6 337.9 562.1 341.8L343.5 442.8C328.6 449.7 311.4 449.7 296.5 442.8L77.9 341.8C69.4 337.8 64 329.3 64 320C64 310.7 69.4 302.1 77.9 298.2L112 282.4zM77.9 426.2L112 410.4L276.3 486.3C304 499.1 335.9 499.1 363.6 486.3L527.9 410.4L562 426.2C570.5 430.1 575.9 438.6 575.9 448C575.9 457.4 570.5 465.9 562 469.8L343.4 570.8C328.5 577.7 311.3 577.7 296.4 570.8L77.9 469.8C69.4 465.8 64 457.3 64 448C64 438.7 69.4 430.1 77.9 426.2z'/></svg>");
}

.arrowright-bicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='black' d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/></svg>");
}

.arrowright-wicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='white' d='M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z'/></svg>");
}

.pager-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='M64 192C64 156.7 92.7 128 128 128L512 128C547.3 128 576 156.7 576 192L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 192zM128 224L128 288C128 305.7 142.3 320 160 320L480 320C497.7 320 512 305.7 512 288L512 224C512 206.3 497.7 192 480 192L160 192C142.3 192 128 206.3 128 224zM152 384C138.7 384 128 394.7 128 408C128 421.3 138.7 432 152 432L200 432C213.3 432 224 421.3 224 408C224 394.7 213.3 384 200 384L152 384zM280 384C266.7 384 256 394.7 256 408C256 421.3 266.7 432 280 432L328 432C341.3 432 352 421.3 352 408C352 394.7 341.3 384 328 384L280 384z'/></svg>");
}

.pager-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='M64 192C64 156.7 92.7 128 128 128L512 128C547.3 128 576 156.7 576 192L576 448C576 483.3 547.3 512 512 512L128 512C92.7 512 64 483.3 64 448L64 192zM128 224L128 288C128 305.7 142.3 320 160 320L480 320C497.7 320 512 305.7 512 288L512 224C512 206.3 497.7 192 480 192L160 192C142.3 192 128 206.3 128 224zM152 384C138.7 384 128 394.7 128 408C128 421.3 138.7 432 152 432L200 432C213.3 432 224 421.3 224 408C224 394.7 213.3 384 200 384L152 384zM280 384C266.7 384 256 394.7 256 408C256 421.3 266.7 432 280 432L328 432C341.3 432 352 421.3 352 408C352 394.7 341.3 384 328 384L280 384z'/></svg>");
}

.newsmode-bicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='black' d='M172.31-140Q142-140 121-161q-21-21-21-51.31v-535.38Q100-778 121-799q21-21 51.31-21h615.38Q818-820 839-799q21 21 21 51.31v535.38Q860-182 839-161q-21 21-51.31 21H172.31Zm0-60h615.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-535.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H172.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm83.08-95.39h449.22v-59.99H255.39v59.99Zm0-154.61h147.69v-214.61H255.39V-450Zm235.38 0h213.84v-60H490.77v60Zm0-154.62h213.84v-59.99H490.77v59.99ZM160-200v-560 560Z'/></svg>");
}

.newsmode-wicon {
    --svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'><path fill='white' d='M172.31-140Q142-140 121-161q-21-21-21-51.31v-535.38Q100-778 121-799q21-21 51.31-21h615.38Q818-820 839-799q21 21 21 51.31v535.38Q860-182 839-161q-21 21-51.31 21H172.31Zm0-60h615.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-535.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H172.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm83.08-95.39h449.22v-59.99H255.39v59.99Zm0-154.61h147.69v-214.61H255.39V-450Zm235.38 0h213.84v-60H490.77v60Zm0-154.62h213.84v-59.99H490.77v59.99ZM160-200v-560 560Z'/></svg>");
}

.xmark-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='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
}

.xmark-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='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/></svg>");
}

.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 496C342.1 496 360 513.9 360 536C360 558.1 342.1 576 320 576C297.9 576 280 558.1 280 536C280 513.9 297.9 496 320 496zM320 64C346.5 64 368 85.5 368 112C368 112.6 368 113.1 368 113.7L352 417.7C351.1 434.7 337 448 320 448C303 448 289 434.7 288 417.7L272 113.7C272 113.1 272 112.6 272 112C272 85.5 293.5 64 320 64z'/></svg>");
}

.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 496C342.1 496 360 513.9 360 536C360 558.1 342.1 576 320 576C297.9 576 280 558.1 280 536C280 513.9 297.9 496 320 496zM320 64C346.5 64 368 85.5 368 112C368 112.6 368 113.1 368 113.7L352 417.7C351.1 434.7 337 448 320 448C303 448 289 434.7 288 417.7L272 113.7C272 113.1 272 112.6 272 112C272 85.5 293.5 64 320 64z'/></svg>");
}
