.footer-title {
    color: #666;
}

#footer ul {
    list-style-type: none !important;
    padding-left: 0px;
}

    #footer ul li {
        display: block;
        margin: 8px 0;
    }

        #footer ul li a {
            text-decoration: none;
            color: #999;
            font-weight: 100;
            font-size: 0.8rem;
        }

#social-media-footer a {
    display: inline-block;
}

.navbar {
    padding: 20px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 2px 20px !important;
    font-weight: medium;
    color: #333 !important;
}

.navbar > .container-xl > .navbar-brand > img#logo-main {
    width: 300px;
    margin-right: 0px;
}

#loginDDLink {
    background-color: #e6f1fa;
    padding: 2px 20px !important;
}

.menu-dp-category {
    color: #1769b4;
}

.menu-dp-title {
    font-weight: bold;
}

.menu-dp-description {
}

#linkedin-icon, #linkedin-icon-footer, #facebook-icon, #instagram-icon, #twitter-icon, #facebook-icon-footer, #twitter-icon-footer, #instagram-icon-footer {
    display: block;
    height: 40px;
    width: 40px;
    margin-left: 10px;
    background-image: url(/images/linkedin-logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 100%;
    transition: All .3s ease;
}

.navbar-light {
    background-color: #ffffff;
}

#facebook-icon {
    background-image: url(/images/facebook.svg);
}

#instagram-icon {
    background-image: url(/images/instagram.svg);
}

#twitter-icon {
    background-image: url(/images/twitter.svg);
}

#linkedin-icon-footer {
    background-image: url(/img/Login/linkedin-footer-logo.svg);
}

#facebook-icon-footer {
    background-image: url(/img/Login/facebook-footer-logo.svg);
}

#twitter-icon-footer {
    background-image: url(/img/Login/twitter-footer-logo.svg);
}

#instagram-icon-footer {
    background-image: url(/img/Login/instagram-footer-logo.svg);
}

html {
    position: relative;
    min-height: 100%;
}

.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}

.navbar-brand {
    font-size: 2rem;
    font-weight: lighter;
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */


h1 a {
    color: #fff;
    text-decoration: none;
}

h2 {
    font-weight: lighter;
}

.placeholder img {
    display: inline-block;
}

p .k-button {
    margin: 0 15px 0 0;
}

#configure {
    display: none;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

#responsive-panel {
    padding: 0;
    width: 100%;
}

    #responsive-panel .k-menu {
        padding: .5rem;
    }
/* #endregion */


#configure {
    display: block;
    float: right;
}

.k-rpanel {
    padding: 0 1rem;
}

.k-rpanel-expanded {
    padding: .5rem 1rem;
}

.navbar-header {
    width: 100%;
}

.navbar-brand {
    font-size: 1.5rem;
}

h2 {
    font-size: 2rem;
}

.k-menu .k-item,
.k-menu .k-link {
    width: 100%;
}

.k-widget.k-menu-horizontal > .k-item {
    border: none;
}

.k-menu .k-link {
    box-sizing: border-box;
}

}
/*For landing*/
.btn-login {
    background-color: #fbaf43;
    /*border: 1px solid #138dab;*/
    border-radius: 10px;
}

.btn-login-primary {
    background-color: #0f586f;
    /*border: 1px solid #138dab;*/
    border-radius: 10px;
}

.btn-login-modal {
    background-color: #107E89;
}
/*.back-color-landing-1 {
        background-color: #f1f1f1 !important;
    }*/
.back-color-landing-2 {
    background-color: #fbaf43 !important;
}

.back-color-landing-3 {
    background-color: #e3eeef !important;
}

.back-color-landing-4 {
    background-color: #104454 !important;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 80px !important;
    height: 80px !important;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
    position: absolute;
    margin-left: 45%;
    z-index: 1;
    margin-top: 20%;
}

.login-div {
    width: 400px;
    position: absolute;
    left: 61%;
    float: left;
    z-index: 1000;
    top: 80px;
}

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

.heading-color-2 {
    color: #107E89;
}

.heading-color-3 {
    color: #fbaf43;
}

.bg-heading {
    background-color: #107e89 !important;
}

.bg-contact {
    background-color: #0f586f !important;
}

.left-landing-img {
    right: 40%;
    position: relative;
    height: 70%;
    top: 55%;
    z-index: 3;
}

.right-landing-img {
    z-index: 3;
    right: 320%;
    position: relative;
    height: 100%;
    top: 25%;
}

.right-landing-img-2 {
    z-index: 3;
    right: 200%;
    position: relative;
    height: 50%;
    top: 72%;
}

.contact-info {
    background-color: #192443;
    color: black;
    font-size: 1rem;
    font-weight: normal;
}




ul {
    list-style: none;
}

    ul#listlanding li::before {
        content: "\2022";
        color: #fbaf43;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        font-size: 1.1em;
    }

.spacer-10 {
    display: block;
    height: 10px;
    clear: both;
}

.spacer-20 {
    display: block;
    height: 20px;
    clear: both;
}

.spacer-30 {
    display: block;
    height: 30px;
    clear: both;
}

.spacer-50 {
    display: block;
    height: 50px;
    clear: both;
}

.spacer-100 {
    display: block;
    height: 100px;
    clear: both;
}

.block-delimiter {
    border-bottom: 1px solid #434f75;
}

.pricing-title, .section-title {
    font-size: 1.5em;
    font-weight: bold;
    /*color: #192e6c;*/
}

.inline-div {
    display: inline-grid;
}

.wizardRegister {
    width: 64%;
    justify-content: right;
    margin: auto
}


/*Pre Join To Video Call Layout*/
.bg-layout-primary {
    background-color: #074453;
}


/*Landing page*/

.feature-bullets li {
    display: list-item;
    list-style: none;
    padding: 0px 0px 12px 40px;
    text-align: left;
}

.ConnectedLogo {
    height: 28px;
    width: 100%;
    margin-top: 7px;
}

.loginbtn {
    cursor: pointer;
    background-color: #f36810;
    color: white !important;
    border-radius: 25px;
    padding-top: 5px;
}

    .loginbtn:focus {
        cursor: pointer;
        background-color: #f36810;
        color: white !important;
        border-radius: 25px;
        padding-top: 5px;
    }

.MoveAndClaimsBox {
    background-color: black;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    /*box-shadow: -9px 58px 47px -28px black*/
}

.divShadowImg {
    height: 75px;
    /*background: radial-gradient(50% 31.31% at 50% 50%, #000000 13%, rgba(0, 0, 0, 0) 100%);*/
    width: 70%;
    /*position: absolute;*/
    top: 55%;
    left: 1%;
    z-index: 10;
}

.divShadowBtn {
    color: white;
    font-weight: bold;
    font-size: 21px;
    background-color: #f36810;
    border-radius: 10px;
    box-shadow: 0px 5px 17px -4px black;
   /* top: 95%;*/
    position: relative;
    /*left: 40%;*/
    border-color: #f36810;
    cursor: pointer !important;
    z-index: 99999999;
    width: 212px;
}

    .divShadowBtn:hover {
        color: white !important;
        background-color: #f36810 !important;
        border-color: #f36810 !important;
    }

    .divShadowBtn:focus {
        color: white !important;
        background-color: #f36810 !important;
        border-color: #f36810 !important;
    }

.DivShadowAmountInfo {
    height: 55px;
    background: radial-gradient(50% 31.31% at 50% 50%, #000000 13%, rgba(0,0,0,0) 100%);
    width: 124%;
    position: absolute;
    top: 77%;
    left: -10%;
}

.ImgStyle {
    /*width: -webkit-fill-available;*/
    margin-right: 75px;
    z-index: 100;
    position: relative;
    scale: 1;
}

.btnSeeFeat {
    color: white;
    font-weight: bold;
    font-size: 19px;
    background-color: #f36810;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -4px black;
    border-color: #f36810;
    cursor: pointer !important;
    width: 212px;
    height: 39px;
}

.btnCSS {
    color: white;
    font-weight: bold;
    font-size: 19px;
    background-color: black;
    border-radius: 10px;
    border-color: black;
    cursor: pointer !important;
    width: 212px;
    height: 39px;
}

    .btnCSS:hover {
        color: white;
        font-weight: bold;
        font-size: 19px;
        background-color: black;
        border-radius: 10px;
        border-color: black;
        cursor: pointer !important;
        width: 212px;
        height: 39px;
    }

.carouselbtn {
    color: #212529;
    font-size: 25px;
}

.onLineBtn {
    background-color: #FFC954;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    border: none;
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.5);
}

.needs-icon {
    width: 100px;
    aspect-ratio: 1;
    border: 1px solid #FFCAD3;
    background-color: #FFFAFA;
    color: #bd061c;
    font-size: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    box-shadow: 0px 0px 10px -2px #F04F6C33;
    margin-right: 1.2rem;
}

.needs-card {
    width: 180px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: start;
    margin-inline: 2.5rem;
}

.needs-card-2 {
    width: 295px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: start;
    margin-inline: 2.5rem;
}

.onLineBtn-2 {
    background-color: #F36810;
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    border: none;
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.5);
}

.goToFeaturesCard {
    max-width: 1250px;
    padding: 3rem 2rem 4rem 2rem;
    border-radius: 30px;
    border: 1px solid #FF9500B2;
    background: linear-gradient(to bottom,#FFF9EB00 50%,#FFF9EB);
}


.selected {
    border-bottom: solid 3px #F36810;
}

.feature-card {
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .title-2 i {
        font-size: 1.5rem;
    }
}
}


@media (min-width: 400px) {
    .ImgStyle {
        width: inherit !important;
    }
}

@media (max-width: 990px) {
    .ImgStyle {
        width: -webkit-fill-available;
        z-index: 100;
        position: relative;
        scale: 1;
        max-width: 90% !important;
        margin: 0 !important;
    }

    .feature-side {
        justify-content: center !important;
    }

    .feature-list {
        padding: 0;
    }

        .feature-list li {
            padding-right: 2rem;
            width: fit-content;
        }

    .feature-container {
        flex-direction: column;
    }

    .selector {
        width: 100% !important;
        height: 6px !important;
        top: inherit !important;
        left: 0 !important
    }
    .main-features{
        max-width: 100%
    }

    .feature-text{
        display: flex;
        justify-content: center;
    }

    .feaure-area-header {
        padding: 0 !important
    }


    .feature-line {
        width: 90% !important;
        height: 6px !important;
        left: 0px !important;
        bottom: -10px !important;
    }
}



@media (max-width: 1365px) {

    #navbar-landing {
        position: absolute;
        z-index: 1050;
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 2px 10px 1px #0000002e;
        padding: 1rem;
        margin: 0 !important;
        width: 230px;
        top: 65px;
        left: -270px;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column !important;
    }
/*
        .navbar-nav img {
            display: none !important;
        }*/

    #btnLoginHeader {
        margin: 0 !important;
    }

    .navbar-menu-btn {
        display: block !important;
        background: none;
        border: none;
        font-size: 36px;
        color: gray;
        width: 45px;
        height: 45px;
        margin-inline: 1rem 1.5rem;
    }

    .container {
        padding: 0 !important;
    }

    .navbar-brand {
        display: block !important;
    }

    #logindiv {
        position: absolute;
        left: 10px;
        top: 100px;
        z-index: 1060;
    }

    .hideMenu{
        display: none !important
    }
}

@media (max-width: 576px) {

    .MobileTitle {
        font-size: 36px !important;
    }
}


.MobileTitle {
    font-size: 48px;
}

@media (max-width: 576px) {

    .MobileTitle-2 {
        font-size: 36px !important;
    }
}


.MobileTitle-2 {
    font-size: 44px;
}

@media (max-width: 576px) {

    .MobileTitle-3 {
        font-size: 28px !important;
    }
}


.MobileTitle-3 {
    font-size: 35px;
}

.pointer {
    cursor: pointer;
}

.pointer-href {
    color: #0056b3 !important;
    cursor: pointer;
    text-decoration: underline !important;
}