﻿
:root {
    --primary-bcc-bg-color: rgba(126, 89, 212, 1); /* global scope */
    --green-bcc-bg-color: green;
    --secondary-bcc-bg-color: rgba(34, 46, 60, 1);

    --handoff-font-family-common: 'Poppins';
    --handoff-footer-bg-color: rgb(77,77,77);
    --handoff-main-stuntbusiness-color: rgba(126, 89, 212, 1);
    --handoff-main-stuntbusiness-color-decr-rgba-i: rgba(126, 89, 212, 0.9);
    --handoff-main-stuntbusiness-color-decr-rgba-ii: rgba(126, 89, 212, 0.8);
    --handoff-main-stuntbusiness-color-decr-rgba-iii: rgba(126, 89, 212, 0.7);
    --handoff-main-stuntbusiness-color-decr-rgba-iv: rgba(126, 89, 212, 0.6);
    --handoff-main-stuntbusiness-color-decr-rgba-v: rgba(126, 89, 212, 0.5);
    --handoff-main-stuntbusiness-color-decr-rgba-vi: rgba(126, 89, 212, 0.4);
    --handoff-main-stuntbusiness-color-decr-rgba-vii: rgba(126, 89, 212, 0.3);
    --handoff-main-stuntbusiness-color-decr-rgba-viii: rgba(126, 89, 212, 0.2);
    --handoff-main-stuntbusiness-color-decr-rgba-ix: rgba(126, 89, 212, 0.1);
    --handoff-background-color: rgba(9, 31, 52, 1);
    --handoff-background-color-decr-rgba-ii: rgba(9, 31, 52, 0.8);
    --handoff-background-color-gray: rgba(230, 230, 230, 1);
    --handoff-font-color-i: rgba(126, 89, 212, 1);
    --handoff-font-color-ii: rgba(109, 162, 215, 1);
    --handoff-form-box-bg: rgba(250, 250, 250, 1);
    --handoff-reply-box-bg: rgba(171,171, 253, 1);
    --handoff-text-default-color: #212529;
    --handoff-green-color: rgba(140,194,33,1);
    --handoff-stuntbusiness-color-variant: rgba(243, 231, 244, 1);
    --handoff-navbar-background-color: rgba(9, 31, 52, 0.8);
    --handoff-almost-white: rgba(250,250,250,1);
}
}


/* BASE APP CSS START */
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.link-no-deco {
    text-decoration: none;
    color: white !important;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* https://github.com/dotnet/aspnetcore/issues/59096 */
.quickgrid tbody tr:empty {
    display: none !important;
}


main {
    flex: 1;
    height: auto !important;
    min-height: 100vh !important;
}



.area-page-title {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    /* background-color: aqua; */
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    border-bottom-width: 1px;
    display: flex;
    align-items: center;
    padding: 5px;
    margin-bottom: 5px !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}


.w-10 {
    min-width: 10%;
}


.area-page-container {
    padding: 25px !important;
}



/* Target the header cells within the quickgrid in this component */
.quickgrid thead th {
    background-color: var(--primary-bcc-bg-color);
    color: white !important;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
}

button.col-title {
    justify-content: center !important;
    color: white !important;
}

button.btn.btn-outline-primary {
    border-color: var(--primary-bcc-bg-color) !important;
    color: var(--primary-bcc-bg-color) !important;
}

    button.btn.btn-outline-primary:hover {
        background-color: var(--primary-bcc-bg-color) !important;
        color: white !important;
    }

a.btn.btn-outline-primary {
    border-color: var(--primary-bcc-bg-color) !important;
    color: var(--primary-bcc-bg-color) !important;
}

    a.btn.btn-outline-primary:hover {
        background-color: var(--primary-bcc-bg-color) !important;
        color: white !important;
    }


.font-weight-bold
{
    font-weight:bold;
}
/**
   CSS overrides
*/
.nav-item .nav-link {
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    border-color: white !important;
    margin: 1px 2px;
    color: white !important; 
}

.nav-item .nav-link:hover {
    background-color: white;
    margin: 1px 2px;
    color: var(--handoff-main-stuntbusiness-color) !important;
}



.custom-background-color {
    /*background-color: var(--primary-bcc-bg-color) !important;*/
    background-image: linear-gradient(45deg, white, var(--primary-bcc-bg-color));
    opacity: 0.8;
}

.form-box {
    border-style: solid;
    border-width: 1px;
    /*border-color: var(--primary-bcc-bg-color) !important;*/
    border-color: white !important;
    border-radius: 10px;
    padding: 25px;
    position: relative;
    background-color: white;
    box-shadow: 0px 0px 10px 1px white;
}

.top-25vh {
    top: 25vh !important;
}

.form-control:focus {
    border-color: #28a745; /* Green border color */
    opacity: 0.5;
    box-shadow: 0 0 0 0.25rem var(--primary-bcc-bg-color) !important; /* Green glow effect */
}


.custom-menu-bar {
    /*    border-bottom-style: solid;*/
    border-bottom-color: var(--primary-bcc-bg-color);
    border-bottom-width: 1px;
    padding: 0.25rem;
    padding-bottom: 0.75rem;
    /*    box-shadow: 1px 1px 15px 0rem var(--primary-bcc-bg-color) !important;*/
    margin-bottom: 10px;
    border-radius: 0px;
    border-bottom-style: dashed;
}

.custom-menu-bar-item {
    /*    border-radius: 0px;*/
    border-color: transparent !important;
    border-width: 0px !important;
    border-left-width: 2px !important;
}



/*.custom-menu-telerik {
    padding-left: 16px !important;
    padding-right: 16px !important;
}*/

.custom-menu-telerik.k-panelbar {
    background-color: transparent !important;
}


    /*.custom-menu-telerik.k-panelbar  .k-link {
    background-color: transparent !important;
}*/

    .custom-menu-telerik.k-panelbar .k-panelbar-header .k-link {
        background-color: transparent !important;
        color: white !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-radius: 5px !important;
        border-color: white !important;
        min-height: 3rem;
        /*    line-height: 3rem;*/
        margin-bottom: 0.75rem !important;
    }

    .custom-menu-telerik.k-panelbar .k-panelbar-item .k-level-1 {
        background-color: transparent !important;
        color: white !important;
        border-style: solid !important;
        border-width: 0px !important;
        padding-left: 0.5rem !important;
    }

        .custom-menu-telerik.k-panelbar .k-panelbar-item .k-level-1 .k-link {
            background-color: transparent !important;
            color: white !important;
            border-style: solid !important;
            border-width: 1px !important;
            border-left-width: 4px !important;
            border-left-color: white !important;
            padding-left: 0.5rem !important;
            margin-bottom: 0.25rem !important;
        }

            .custom-menu-telerik.k-panelbar .k-panelbar-item .k-level-1 .k-link:hover {
                background-color: white !important;
                border-left-color: var(--primary-bcc-bg-color) !important;
            }

                .custom-menu-telerik.k-panelbar .k-panelbar-item .k-level-1 .k-link:hover .k-panelbar-item-text {
                    background-color: white !important;
                    color: var(--primary-bcc-bg-color) !important;
                }

.custom-menu-telerik .k-icon.k-svg-icon {
    color: white !important;
}

.custom-menu-telerik.k-panelbar .k-link:hover {
    cursor: pointer !important;
}

/* Style the header of all items in your custom panelbar */
/*.custom-memu-telerik .k-panelbar-item > .k-link {
    background-color: #f0f0f0;
    color: green;
    font-weight: bold;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    border-color: white !important;
    border-color: white !important;
}

.custom-memu-telerik .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
    background-color: var(--primary-bcc-bg-color, #ea5a51) !important;
}

.custom-memu-telerik .k-panelbar-item > .k-link {
    color: #d7d7d7;
    background: none !important;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}*/

/* Style the content of the items */
/*.custom-memu-telerik .k-panelbar-content {
    background-color: yellow !important;
}*/


.nav-item .nav-link.active {
    color: var(--handoff-main-stuntbusiness-color) !important;
    background-color: white !important;
}

.nav-item .nav-link {
    color: white !important;
}



/* Icons */


.logo {
    border-radius: 50%;
}
/* *********************** located in: *******************************/
.icons_r1, .icons_r2, .icons_r3 {
    font-size: 90px !important;
}


/******************* located in: rmv -lg- xl ******************************************/

.icon-accordion {
    font-size: 40px !important;
}

/*hr css*/
.end-of-box-footer {
    width: 100%;
}

/* stacked icons css*/

.fa-stack-1x {
    color: white;
}

.icon-facebook {
    color: #3b5998;
}

.icon-twitter {
    color: #00aced;
}

.icon-github {
    color: #333;
}

.icon-linkedin {
    color: #007bb5;
}

.icon-instagram {
    color: #e4405f;
}

.icon-gplus {
    color: #dd4b39;
}

.icon-bg-color {
    background-color: var(--handoff-background-color-gray) !important;
}

.icon-color {
    color: var(--handoff-background-color-gray) !important;
}



/* BASE APP CSS END */


/*HANDOFF HOME START*/

.handoff-main-content {
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 0 auto !important;
    margin-top: 192px;
}

#banner_robot_hand_img {
    height: 580px;
    width: 836px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}

#background_banner_robot_hand_img {
    height: 580px;
    width: 836px;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
}

#background_banner_robot_hand_border_img {
    height: 500px;
    width: 650px;
    top: 64px;
    left: 64px;
    position: absolute;
    z-index: 2;
}

#init-tagline {
    background-color: var(--handoff-background-color);
    padding-top: 225px !important;
}


.banner-text-font-color-i {
    color: var(--handoff-font-color-i) !important;
}

.banner-text-font-color-ii {
    color: var(--handoff-font-color-ii) !important;
}

.handoff-text-block {
    font-size: 3.75em;
    padding-left: 2vw;
    padding-right: 2vw;
}

.handoff-text-block-sub {
    font-size: 1em;
    padding-left: 2vw;
    padding-right: 2vw;
}

#second_row_coding_symbol_container {
    left: -1%;
    z-index: 1;
}

    #second_row_coding_symbol_container img {
        width: 75%;
    }

#second_row_stunt_business_darkened_container {
    left: 45%;
    z-index: 0;
}

    #second_row_stunt_business_darkened_container img {
        width: 75%;
    }


#third_row_corner {
    left: -15px;
    z-index: 1;
}

    #third_row_corner img {
        width: 45%;
        max-height: 250px;
        max-width: 350px;
    }

#third_row_text {
    z-index: 2;
}

#row_div_corner_with_another_human {
    right: 0px;
    bottom: 0px;
    z-index: 0;
}

#row_img_corner_with_another_human {
    transform: rotate(-180deg);
    width: 100%;
}

#row_another_human_using_computer {
    z-index: 1;
    bottom: 0px;
}

#row_img_another_human_using_computer {
    width: 100%;
}

#calendar-time-icon {
    height: 75px !important;
    width: 75px !important;
}

.training-type-container {
    padding: 10px;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: var(--main-stuntbusiness-color);
}

    .training-type-container .handoff-logo-img {
        width: 125px;
        height: 125px;
    }

#available_training_carousel .carousel-item {
    min-height: 350px;
}

.custom-carousel-item-container {
    margin-top: 75px;
    margin-bottom: 75px;
    height: 200px;
}

div#fourth-row, div#home-third-row {
    background-color: white !important;
}

#fourth-row-img-container {
    min-height: 500px;
}

.mid-width-on-lg {
    width: 65%;
}

.use_about_banner_xs {
    background: transparent url('../../img/handoff/about/about_banner_xs.png') no-repeat center right/cover;
}

.use_about_banner_lg {
    background: transparent url('../../img/handoff/about/about_page_banner.png') no-repeat center center/cover;
}


.use_third_row_texture {
    background: white url('../../img/handoff/home/third_row_texture.webp') no-repeat center center/cover;
}


/* Custom up to 415px */
@media screen and (max-width: 430px) {
    .profile-photo-container-sm {
        width: 55px !important;
        height: 55px !important;
    }

    .handoff-navbar#navbar-first .navbar-brand img {
        height: 50px !important;
        width: 50px !important;
    }

    .navbar-toggler {
        font-size: 0.75rem !important;
    }

    .list-inline-item:not(:last-child) {
        margin: 0px !important;
    }

    #third_row_corner img {
        width: 70%;
        max-height: 250px;
        max-width: 350px;
    }
}

/* Custom up to 515px */
@media screen and (max-width: 515px) {

    .navbar-toggler {
        padding: 0px !important;
        margin: 0px !important;
    }

    .handoff-navbar#navbar-first .navbar-brand {
        margin-right: 0px !important;
        padding: 0px !important;
    }

        .handoff-navbar#navbar-first .navbar-brand img {
            height: 75px;
            width: 75px;
        }

    #banner_robot_hand_img {
        width: 100%;
        max-height: 300px !important;
    }

    #background_banner_robot_hand_img {
        width: 100%;
        max-height: 300px !important;
    }

    #background_banner_robot_hand_border_img {
        width: 100%;
        max-width: 250px !important;
        max-height: 300px !important;
        top: 15px !important;
        left: 60px
    }

    .navbar-toggler {
        font-size: 1rem;
    }

    #phone-number-country-flag {
        width: 15px;
        height: 15px;
    }

    .font-22_4 {
        font-size: 9px !important;
    }

    .font-12 {
        font-size: 5px !important;
    }

    #fourth-row-img-container {
        min-height: 312px !important;
    }

    .navbar {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}


/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575px) {

    #banner_robot_hand_img {
        width: 100%;
        max-height: 350px;
    }

    #background_banner_robot_hand_img {
        width: 100%;
        max-height: 350px;
    }

    #background_banner_robot_hand_border_img {
        width: 100%;
        max-width: 340px;
        max-height: 310px;
        top: 30px;
        left: 60px
    }

    .handoff-text-block {
        font-size: 2.5rem;
    }

    #home-first-row-xs .handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #home-second-row-xs h1.handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #home-third-row-xs h1.handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #second_img_container {
        padding-top: 50px;
        min-height: 300px;
    }

    #row_img_human_using_computer {
        height: 200px !important;
        width: 200px !important;
    }

    #home-third-row-xs {
        background: transparent url('../../img/handoff/home/third_row_texture.webp') no-repeat center center/cover;
    }

    .training-information-container {
        flex-direction: column !important;
    }

        .training-information-container .training-type-container {
            border-right-width: 0px !important;
        }

    .custom-carousel-item-container {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .handoff-navbar#navbar-first .navbar-brand img {
        height: 75px;
        width: 75px;
    }

    .navbar-toggler {
        padding: 0px !important;
        margin: 0px !important;
    }

    .font-22_4 {
        font-size: 12px;
    }

    .font-12 {
        font-size: 9.5px;
    }

    .navbar {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .navbar-brand {
        margin-right: 0px;
    }

    .mid-with-on-lg {
        width: 100%;
    }

    .handoff-main-content {
        margin-top: 176px;
    }

    #third_row_corner img {
        width: 70%;
        max-height: 250px;
        max-width: 350px;
    }
}


/* Small devices (tablets, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px) {

    #banner_robot_hand_img {
        width: 100%;
        max-width: 600px;
        max-height: 400px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #background_banner_robot_hand_img {
        width: 100%;
        max-width: 600px;
        max-height: 400px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #background_banner_robot_hand_border_img {
        width: 100%;
        max-width: 390px;
        max-height: 360px;
        top: 30px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .handoff-text-block {
        font-size: 2.5rem;
    }

    #home-first-row-xs .handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #home-second-row-xs h1.handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #home-third-row-xs h1.handoff-row-banner-title {
        font-size: 2.375rem !important;
    }

    #second_img_container {
        padding-top: 50px;
        min-height: 425px;
    }

    #row_img_human_using_computer {
        height: 200px !important;
        width: 200px !important;
    }

    #home-third-row-xs {
        background: transparent url('../../img/handoff/home/third_row_texture.webp') no-repeat center center/cover;
    }

    .training-information-container {
        flex-direction: column !important;
    }

        .training-information-container .training-type-container {
            border-right-width: 0px !important;
        }

    .custom-carousel-item-container {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .handoff-navbar#navbar-first .navbar-brand img {
        height: 75px !important;
        width: 75px !important;
    }

    .navbar-toggler {
        padding: 0px !important;
        margin: 0px !important;
    }

    .font-22_4 {
        font-size: 12px;
    }

    .font-12 {
        font-size: 10px;
    }

    .handoff-main-content {
        margin-top: 176px;
    }

    #third_row_corner img {
        width: 70%;
        max-height: 250px;
        max-width: 350px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991.98px) {

    #banner_robot_hand_img {
        height: auto;
        width: 75%;
        position: absolute;
        /* top: 0px;
      left: 0px; */
        z-index: 3;
        top: 65px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
      margin-bottom: auto; */
    }

    #background_banner_robot_hand_img {
        height: auto;
        width: 65%;
        /* top: 0px;
      left: 0px; */
        position: absolute;
        z-index: 1;
        top: 85px;
        /* bottom: 0; */
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
      margin-bottom: auto; */
    }

    #background_banner_robot_hand_border_img {
        height: auto;
        width: 55%;
        /* top: 64px;
     left: 64px; */
        position: absolute;
        z-index: 2;
        top: 125px;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
     margin-bottom: auto; */
    }

    .handoff-text-block {
        font-size: 3em;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    h1.handoff-row-banner-title {
        font-size: 3rem !important;
        font-weight: bold !important;
    }

    .handoff-main-content {
        margin-top: 176px;
    }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    #banner_robot_hand_img {
        height: auto;
        width: 75%;
        position: absolute;
        /* top: 0px;
      left: 0px; */
        z-index: 3;
        top: 125px;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
      margin-bottom: auto; */
    }

    #background_banner_robot_hand_img {
        height: auto;
        width: 55%;
        top: 145px;
        /* top: 0px;
      left: 0px; */
        position: absolute;
        z-index: 1;
        /* top:0; */
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
      margin-bottom: auto; */
    }

    #background_banner_robot_hand_border_img {
        height: auto;
        width: 55%;
        /* top: 64px;
     left: 64px; */
        position: absolute;
        z-index: 2;
        top: 145px;
        /* top: 100px; */
        /* top:0; */
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: auto;
     margin-bottom: auto; */
    }

    .handoff-text-block {
        font-size: 3em;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    h1.handoff-row-banner-title {
        font-size: 3rem !important;
        font-weight: bold !important;
    }

    .handoff-main-content {
        margin-top: 176px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width:1515.98px) {

    #banner_robot_hand_img {
        height: auto;
        width: 87.25%;
        position: absolute;
        top: 0px;
        left: 0px;
        top: 145px;
        margin-left: auto;
        margin-right: auto;
        z-index: 3;
    }

    #background_banner_robot_hand_img {
        height: auto;
        width: 72.5%;
        position: absolute;
        left: 50px;
        top: 145px;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
    }

    #background_banner_robot_hand_border_img {
        height: 460px;
        width: 60%;
        top: 160px;
        left: 64px;
        position: absolute;
        z-index: 2;
    }

    h1.handoff-row-banner-title {
        font-size: 3rem !important;
        font-weight: bold !important;
    }
}

/* Custom min 1516px to 1600.98px */
@media screen and (min-width: 1516px) and (max-width:1675.98px) {

    #banner_robot_hand_img {
        height: 550px;
        width: 725px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
    }

    #background_banner_robot_hand_img {
        height: 550px;
        width: 725px;
        top: 0px;
        left: 0px;
        position: absolute;
        z-index: 1;
    }

    #background_banner_robot_hand_border_img {
        height: 460px;
        width: 570px;
        top: 64px;
        left: 64px;
        position: absolute;
        z-index: 2;
    }
}

@media screen and (min-width: 1676px) {
}

/*HANDOFF HOME END*/

/*HANDOFF LAYOUT START*/

:root {
    /* REVIEW POPins back font-weight: 900 */

    --handoff-font-family-common: 'Poppins';
    --handoff-footer-bg-color: rgb(77,77,77);
    --handoff-main-stuntbusiness-color: rgba(126, 89, 212, 1);
    --handoff-main-stuntbusiness-color-decr-rgba-i: rgba(126, 89, 212, 0.9);
    --handoff-main-stuntbusiness-color-decr-rgba-ii: rgba(126, 89, 212, 0.8);
    --handoff-main-stuntbusiness-color-decr-rgba-iii: rgba(126, 89, 212, 0.7);
    --handoff-main-stuntbusiness-color-decr-rgba-iv: rgba(126, 89, 212, 0.6);
    --handoff-main-stuntbusiness-color-decr-rgba-v: rgba(126, 89, 212, 0.5);
    --handoff-main-stuntbusiness-color-decr-rgba-vi: rgba(126, 89, 212, 0.4);
    --handoff-main-stuntbusiness-color-decr-rgba-vii: rgba(126, 89, 212, 0.3);
    --handoff-main-stuntbusiness-color-decr-rgba-viii: rgba(126, 89, 212, 0.2);
    --handoff-main-stuntbusiness-color-decr-rgba-ix: rgba(126, 89, 212, 0.1);
    --handoff-background-color: rgba(9, 31, 52, 1);
    --handoff-background-color-decr-rgba-ii: rgba(9, 31, 52, 0.8);
    --handoff-background-color-gray: rgba(230, 230, 230, 1);
    --handoff-font-color-i: rgba(126, 89, 212, 1);
    --handoff-font-color-ii: rgba(109, 162, 215, 1);
    --handoff-form-box-bg: rgba(250, 250, 250, 1);
    --handoff-reply-box-bg: rgba(171,171, 253, 1);
    --handoff-text-default-color: #212529;
    --handoff-green-color: rgba(140,194,33,1);
    --handoff-stuntbusiness-color-variant: rgba(243, 231, 244, 1);
    --handoff-navbar-background-color: rgba(9, 31, 52, 0.8);
    --handoff-almost-white: rgba(250,250,250,1);
}



.text-color-ii {
    color: var(--handoff-font-color-ii);
}

.btn-bg-color-ii {
    background-color: var(--handoff-font-color-ii) !important;
    color: white !important;
}

    .btn-bg-color-ii:hover {
        color: var(--handoff-font-color-ii) !important;
        background-color: white !important;
        border-color: var(--handoff-font-color-ii);
    }


.btn-bg-color-i {
    background-color: var(--handoff-font-color-i) !important;
    color: white !important;
}

    .btn-bg-color-i:hover {
        /* or rgba(74,160,230,1)
  background-color: #4aa0e6;  */
        color: var(--handoff-font-color-i) !important;
        background-color: white !important;
        border-color: var(--handoff-font-color-i);
    }

.bg-color-ii-on-white-txt {
    color: white;
    background-color: var(--handoff-font-color-ii);
}

.bg-custom-green-on-white-txt {
    color: white;
    background-color: var(--handoff-green-color);
}

.bg-main-stuntb-color {
    background-color: var(--handoff-main-stuntbusiness-color);
}

.text-main-stuntb-color {
    color: var(--handoff-main-stuntbusiness-color) !important;
}

.handoff-text-at-default-color {
    color: var(--handoff-text-default-color);
}

.font-size-15px {
    font-size: 15px;
}

.table-fixed-layout {
    table-layout: fixed;
}

/* left navbar */
.handoff-left-navbar {
    width: 100%;
    height: 100%;
    /* background-color: var(--light-gray-decr-rgba-v); */
    padding: 25px 20px 25px 20px;
    border-right-style: solid;
    border-right-color: var(--handoff-stuntbusiness-color-variant);
    border-right-width: 1px;
}

.handoff-left-navbar-text, .left-navbar-bottom-text {
    text-align: center;
    color: var(--handoff-text-default-color);
}

    .handoff-left-navbar-text:hover {
        cursor: pointer;
    }

.handoff-left-navbar-bottom-text {
    text-align: center;
    color: var(--handoff-text-default-color);
    border-left-color: var(--main-stuntbusiness-color-decr-rgba-iii);
    border-left-width: 3px;
    border-left-style: solid;
    border-right-color: var(--main-stuntbusiness-color-decr-rgba-iii);
    border-right-width: 3px;
    border-right-style: solid;
}


.handoff-left-navbar-item a {
    text-decoration: none !important;
    width: 100%;
    display: block;
    color: var(--handoff-text-default-color) !important;
}

.handoff-left-navbar-item:hover {
    background-color: white;
    border-style: solid;
    border-width: 0.5px;
    border-color: var(--main-stuntbusiness-color-decr-rgba-iii);
    border-radius: 5px;
    cursor: pointer;
}

    .handoff-left-navbar-item:hover > a, .handoff-left-navbar-item:hover > span, .handoff-left-navbar-item:hover > .left-navbar-text {
        color: var(--main-stuntbusiness-color) !important;
    }



.handoff-left-navbar-item {
    padding: 10px;
    text-align: left;
    margin-top: 5px;
    border-width: 0.5px;
    border-color: transparent;
    border-radius: 5px;
}

    .handoff-left-navbar-item.active {
        background-color: var(--main-stuntbusiness-color);
        border-style: solid;
        border-color: var(--main-stuntbusiness-color);
        color: white;
    }

        .handoff-left-navbar-item.active > a {
            color: white !important;
        }

/* Font weight bold */
.font-weight-semi-bold {
    font-weight: 600;
}


/* #main-container-fluid{
      background-color: var(--handoff-background-color);
  } */

.handoff-background-color {
    background-color: var(--handoff-background-color);
}

.handoff-background-almost-white {
    background-color: var(--handoff-almost-white) !important;
}

.handoff-page-footer {
    background-color: var(--handoff-background-color) !important;
    color: white !important;
}

    .handoff-page-footer #logo-stuntbusiness {
        width: 245px;
        height: 245px;
    }

    .handoff-page-footer h1, .handoff-page-footer h2, .handoff-page-footer h4 {
        border-bottom-color: white;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        max-width: 285px;
        padding-bottom: 7.5px;
        font-weight: bold;
    }

.handoff-title-no-deco {
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
    border-bottom-style: solid !important;
}

.handoff-page-footer ul {
    padding-top: 34.7px !important;
}

    .handoff-page-footer ul li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.handoff-page-footer {
    padding-left: 135px;
    padding-top: 85px;
    padding-bottom: 85px;
    padding-right: 135px;
}

/** Icons START **/

/* stacked icons css */
.fa-stack-1x {
    color: var(--handoff-main-stuntbusiness-color) !important;
}

.icon-facebook {
    color: var(--handoff-background-color-gray) !important;
}

.icon-twitter {
    color: var(--handoff-background-color-gray) !important;
}

.icon-github {
    color: var(--handoff-background-color-gray) !important;
}

.icon-linkedin {
    color: var(--handoff-background-color-gray) !important;
}

.icon-instagram {
    color: var(--handoff-background-color-gray) !important;
}

#Tracé_46, #Tracé_47, #Tracé_48, #Tracé_44, #Tracé_42, .svg-to-fill {
    fill: var(--main-stuntbusiness-color) !important;
    /* stroke: var(--main-stuntbusiness-color) !important; */
}

#hand-icon-svg {
    transform: rotate(-15deg);
}

#parlophone-icon-svg {
    transform: rotate(-195deg);
}

/** Icons END **/

.handoff-custom-btn {
    color: white !important;
    border-radius: 29.5px !important;
    width: 55%;
    background-color: var(--main-stuntbusiness-color) !important;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .handoff-custom-btn:hover {
        color: var(--main-stuntbusiness-color) !important;
        border-color: var(--main-stuntbusiness-color) !important;
        background-color: white !important;
    }

.handoff-custom-btn-no-bg {
    background-color: transparent !important;
    border-color: var(--main-stuntbusiness-color) !important;
    border-width: 2px !important;
    border-style: solid !important;
}

    .handoff-custom-btn-no-bg:hover {
        background-color: var(--main-stuntbusiness-color) !important;
        color: white !important;
    }

h1.handoff-row-banner-title {
    font-size: 4rem !important;
    font-weight: bold !important;
}

.banner-text-font-size-i {
    font-size: 18px;
}


.min-vh-75 {
    height: 75vh;
}

.min-vh-90 {
    height: 90vh;
}

.min-vh-50 {
    height: 50vh;
}

.min-vh-80 {
    height: 80vh;
}

#row_img_human_using_computer {
    width: 100%;
}

.handoff-logo-img {
    border-radius: 50%;
    border-style: dashed;
    border-width: 1px;
    border-color: var(--handoff-font-color-ii);
    /* padding: 10px; */
    width: 245px;
    height: 245px;
    background-color: white !important;
}

.footer-inline-list {
    margin-left: 24px;
    padding-left: 16px;
}


/* ref: https://stackoverflow.com/questions/46249541/change-arrow-colors-in-bootstraps-carousel */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23091F34' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23091F34' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: var(--handoff-font-color-ii);
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}

.carousel-indicators .active {
    width: 10px;
    height: 10x;
    margin: 10px;
    background-color: var(--main-stuntbusiness-color);
}

.min-hv-250px {
    min-height: 250px;
}

.min-hv-350px {
    min-height: 350px;
}

.min-hv-500px {
    min-height: 500px;
}

.min-hv-550px {
    min-height: 550px;
}

.min-hv-600px {
    min-height: 600px;
}

.min-hv-650px {
    min-height: 650px;
}

.min-hv-700px {
    min-height: 700px;
}

.min-hv-1080px {
    min-height: 1080px;
}

.handoff-custom-login-box {
    width: 55%;
    background-color: var(--handoff-form-box-bg);
    max-height: 100%;
    border-style: solid;
    border-radius: 11px;
    border-color: var(--light-gray);
    /* box-shadow: 2px 2px 4px 2px var(--main-stuntbusiness-color-decr-rgba-v); */
    border-width: 3px;
    padding: 40px 20px 40px 20px;
}

.btn-link div > span {
    overflow-wrap: anywhere;
}


/* .container-fluid {
   /* margin-right: -15px !important;
   margin-left: -15px !important; */
/* margin-right: auto;
   margin-left: auto; */
/* } */

/* body { 
   overflow-x: hidden;
} */


/*
navbar-expand-sm = mobile menu on xs screens <576px
navbar-expand-md = mobile menu on sm screens <768px
navbar-expand-lg = mobile menu on md screens <992px
navbar-expand-xl = mobile menu on lg screens <1200px
navbar-expand = never use mobile menu
(no expand class) = always use mobile menu
*/

.use_first_row_banner_lg {
    background: transparent url('../../img/handoff/home/first_row_banner_cropped.webp') no-repeat center center/cover;
}

/* Custom up to 415px */
@media screen and (max-width: 415px) {
    #hand-icon-svg {
        width: 75px !important;
        height: 75px !important;
    }
}

/* Custom up to 515px */
@media screen and (max-width: 515px) {

    .handoff-page-footer {
        padding-left: 25px !important;
        padding-right: 25px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        /* display: flex;
      justify-content: center; */
    }

    #hand-icon-svg {
        width: 100px;
        height: 100px;
    }

    .handoff-page-footer #logo-stuntbusiness {
        width: 150px !important;
        height: 150px !important;
    }

    .handoff-custom-btn {
        width: 60%;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575px) {

    .handoff-page-footer {
        padding-left: 50px;
        padding-right: 50px;
        /* display: flex;
      justify-content: center; */
    }

        .handoff-page-footer .container-fluid {
            width: 100%;
        }

    .footer-inline-list {
        padding-left: 0px !important;
        margin-left: 0px !important;
        font-size: 14px;
    }

    #footer-inline-list-i {
        margin-left: 0px !important;
    }

    .handoff-custom-btn {
        width: 60%;
    }


    .mid-width-on-lg {
        width: 100% !important;
    }

    .full-width-on-xs {
        width: 100% !important;
        max-width: 100% !important;
    }

    .handoff-custom-login-box {
        width: 100%;
    }
}

/* Small devices (tablets, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px) {

    .handoff-page-footer {
        padding-left: 50px;
        padding-right: 50px;
    }

        .handoff-page-footer .container-fluid {
            width: 100%;
        }

    .footer-inline-list {
        padding-left: 0px !important;
        margin-left: 0px !important;
        font-size: 14px;
    }

    #footer-inline-list-i {
        padding-left: 15px !important;
        margin-left: 0px !important;
    }

    .mid-width-on-lg {
        width: 100% !important;
    }

    .full-width-on-xs {
        width: 100% !important;
    }

    .handoff-custom-btn {
        width: 60%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991.98px) {

    .handoff-page-footer {
        padding-left: 50px;
        padding-right: 50px;
    }

        .handoff-page-footer .container-fluid {
            width: 100%;
        }

    .footer-inline-list {
        padding-left: 0px !important;
        margin-left: 0px !important;
        font-size: 14px;
    }

    #footer-inline-list-i {
        padding-left: 15px !important;
        margin-left: 0px !important;
    }

    .mid-width-on-lg {
        width: 75% !important;
    }

    .full-width-on-xs {
        width: 100% !important;
    }

    .handoff-custom-btn {
        width: 60%;
    }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    .handoff-page-footer {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .handoff-custom-btn {
        width: 60%;
    }

    .handoff-page-footer .container-fluid {
        width: 100%;
    }

    .footer-inline-list {
        padding-left: 0px !important;
        margin-left: 0px !important;
        font-size: 14px;
    }

    #footer-inline-list-i {
        padding-left: 15px !important;
        margin-left: 0px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

    .navbar-expand-xl .navbar-nav .dropdown-menu#login-register-dropdown {
        position: absolute;
        left: -205px;
        width: 275px;
        margin-top: 25px;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu#language-dropdown-menu {
        position: absolute;
        margin-top: 25px;
    }
}





/*HANDOFF LAYOUT END*/


/* HANDOFF NAVBAR */

.handoff-navbar#navbar-first {
    background-color: rgba(9, 31, 52, 0.8) !important;
    color: white !important;
    min-height: 176px !important;
}

    .handoff-navbar#navbar-first .nav-link {
        color: white;
        border-radius: 32.4px;
        border-style: solid;
        border-color: transparent;
        padding: 11px;
        margin-left: 2px;
        margin-right: 2px;
    }


    .handoff-navbar#navbar-first .dropdown-menu a {
        color: var(--main-stuntbusiness-color) !important;
    }

        .handoff-navbar#navbar-first .dropdown-menu a.active {
            background-color: var(--main-stuntbusiness-color) !important;
            color: white !important;
        }

        .handoff-navbar#navbar-first .dropdown-menu a:hover {
            background-color: var(--main-stuntbusiness-color) !important;
            color: white !important;
        }

.rounded-item {
    border-radius: 32.4px !important;
    border-style: solid !important;
    border-color: var(--main-stuntbusiness-color) !important;
    border-width: 3px !important;
    padding: 11px;
    margin-left: 2px;
    margin-right: 2px;
}


/* Navbar ellipse START */
#Ellipse_fb {
    fill: rgba(0,0,0,0);
    stroke: var(--main-stuntbusiness-color);
    stroke-width: 2.9246344566345215px;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-miterlimit: 4;
    shape-rendering: auto;
}

.Ellipse_fb {
    /* position: absolute; */
    position: relative;
    overflow: visible;
    width: 65.34px;
    height: 65.34px;
    /* left: 1782.85px;
    top: 65.34px; */
}

.Rounded_Rectangle_fc {
    position: absolute;
    overflow: visible;
    width: 34.56px;
    height: 3.52px;
    /* left: 1799.06px;
    top: 95.78px; */
    fill: var(--main-stuntbusiness-color);
    stroke: var(--main-stuntbusiness-color);
}

.Rounded_Rectangle_fb {
    position: absolute;
    overflow: visible;
    width: 16.23px;
    height: 3.52px;
    /* left: 1817.38px;
    top: 103.94px; */
    fill: var(--main-stuntbusiness-color);
    stroke: var(--main-stuntbusiness-color);
}

.Rounded_Rectangle_fd {
    position: absolute;
    overflow: visible;
    width: 15.4px;
    height: 3.52px;
    /* left: 1799.06px;
    top: 88.02px; */
    stroke: var(--main-stuntbusiness-color);
    fill: var(--main-stuntbusiness-color);
}



/* Navbar ellipse END */

.navbar-menu-toggle-button:hover #Ellipse_fb, .navbar-menu-toggle-button:hover .Rounded_Rectangle_fd,
.navbar-menu-toggle-button:hover .Rounded_Rectangle_fb, .navbar-menu-toggle-button:hover .Rounded_Rectangle_fc {
    stroke: white;
    cursor: pointer;
}

.navbar-menu-toggle-button:hover .Rounded_Rectangle_fd,
.navbar-menu-toggle-button:hover .Rounded_Rectangle_fb, .navbar-menu-toggle-button:hover .Rounded_Rectangle_fc {
    fill: white;
    cursor: pointer;
}

/* .handoff-navbar#navbar-first .nav-link:hover{
    color: white;

} */

.handoff-navbar#navbar-first .navbar-nav > li:hover > a.nav-link {
    /* color              : var(--main-stuntbusiness-color); */
    color: white;
    border-color: var(--main-stuntbusiness-color);
    border-width: 2px !important;
}



.handoff-navbar#navbar-first .navbar-nav {
    min-height: 176px !important;
}

.handoff-navbar#navbar-first .nav-item {
    display: flex;
    align-items: center;
}

/* Size of the log */
.handoff-navbar#navbar-first .navbar-brand img {
    height: 140px;
    width: 142px;
}

.font-12 {
    font-size: 12px;
}

.font-22_4 {
    font-size: 22.4px;
}

#phone-number-country-flag {
    /* position: absolute; */
    width: 33px;
    height: 33px;
    /* overflow: visible; */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%237b5bd0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}