@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: Visby CF;
}
.boxIAMInner.mob-boxIAM{
     height: auto!important;
    font-size: 18px!important;
}
.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #01b4b7;
    border-radius: 50%;
    width: 128px;
    height: 128px;
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 555555;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

.loader1 {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #01b4b7;
    border-radius: 50%;
    width: 128px;
    height: 128px;
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 555555;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

b {
    font-family: 'Poppins';
}

textarea:focus {
    border: none;
}

.AdminOverlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9977;
    display: none;
}

.AdminOverlay1 {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9977;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bg-blue {
    background-color: #124682;
}

.DisplayInline {
    display: inline;
}

.bg-orange-outline {
    background-color: #000000;
    color: #ffffff;
}

.bg-orange {
    background-color: #e35f21 !important;
    font-family: 'Poppins';
}

.text-color {
    color: #fa4338;
    font-weight: 500;
}

.newsletter .form-control {
    padding: 5px 10px;
}

.newsletter button.btn {
    padding: 10px 6px;
    font-size: 13px;
    font-family: 'Poppins';
}

.social-icon a {
    padding-right: 14px;
}

.social-icon {
    display: inline-block;
    float: left;
}

.form-control {
    font-family: Poppins;
}



.book-close {
    margin-top: 34px;
    background: #e35f21;
    color: white;
    border: none;
    cursor:pointer;
    margin-bottom: 31px;
    padding: 6px 20px;
    font-family: poppins;
    /* margin-top: 10px; */
}
    .book-close:hover {
        background: #8c0303;
    }

    div #table-de {
    padding-bottom: 23px;
}

.delt-btn {
    border: none;
    background: none;
    font-size: 20px;
    color: #e35f21;
    cursor:pointer;
}

#table-de div.dataTables_length {
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 29px !important;
}

.table-desk td, tr, th {
    font-family: poppins;
}

.edit-btn {
    border: none;
    cursor: pointer;
    background: none;
    color: #1d45a9;
    font-weight: bold;
    font-size: 20px;
}

.all-anchor {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
    cursor: pointer;
    border: none !important;
}

.nav-text li {
    display: inline;
    list-style: none;
    padding-right: 20px;
}

    .nav-text li a {
        color: #fff;
        text-decoration: none;
        font-family: "Montserrat", Sans-serif;
        font-size: 14px;
        font-weight: 300;
        border-radius: 2px;
    }

.top-nav i {
    width: 1.25em;
    font-size: 16px;
}

.second-nav li.nav-item {
    padding-right: 4px;
}

.second-nav {
    background: linear-gradient( 8deg, rgb(255 255 255) 0%, rgb(247 248 253) 0%, rgb(240 246 246) 100%);
}

.bg_default_orange {
    background-color: #e35f21;
}

input.bg_default_orange:focus {
    box-shadow: none;
}

input.bg_default_orange:hover {
    background: #8c0303;
}

.custom_btn.bg_default_orange:hover {
    color: #ffffff;
}

.client-info {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fa4338;
    background: #ffffff;
    padding: 5px 10px;
    border-left: 4px solid;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 6px 15px -4px rgb(0 0 0 / 18%);
}

.btn-main {
    padding: 8px 15px;
    border-radius: 25px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 15px;
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
}

.loctNote {
    color: #fa4338;
    font-size: 14px;
    font-family: 'Poppins';
    text-align: left;
}

button.btn.btn-main.btn-orange {
    background: #fa4338;
}

.custom_btn:hover:before {
    left: 0px;
    width: 100%;
    right: auto;
}

.color-warning {
    font-family: 'Poppins';
    color: #fa4338;
    font-size: 16px;
}

.custom_btn {
    z-index: 1;
    line-height: 1;
    color: #ffffff !important;
    font-size: 14px;
    padding: 13px 35px;
    position: relative;
    align-items: center;
    display: inline-flex;
    text-transform: uppercase;
    justify-content: space-between;
    top: 12px;
    font-weight: 500;
    font-family: poppins;
    cursor: pointer;
}

    .custom_btn.bg_default_orange:before {
        background: #124682;
    }

    .custom_btn:before {
        top: 0px;
        width: 0px;
        left: auto;
        right: 0px;
        z-index: -1;
        bottom: 0px;
        content: "";
        position: absolute;
        transition: all 0.3s ease-in-out;
    }

    .custom_btn span {
        width: 40px;
        height: 35px;
        line-height: 35px;
        float: right;
        font-size: 15px;
        overflow: hidden;
        margin-left: 10px;
        text-align: center;
        position: relative;
        margin-right: -30px;
        color: #fa4338;
        display: inline-block;
        background-color: #ffffff;
        transition: all 0.3s ease-in-out;
    }

.second-nav li.nav-item.active a {
    background: #fa4338;
    color: #fff;
    border-radius: 3px;
    padding: 2px 14px;
}

.demo-tab-btn button.nav.nav-tabs {
    display: inline-block;
}

    .demo-tab-btn button.nav.nav-tabs:focus {
        outline: none;
        outline: none;
    }

.second-nav li.nav-item a:hover {
    background: #fa4338;
    color: #fff;
}

.second-nav li.nav-item a {
    color: #124682;
    border-radius: 3px;
    padding: 4px 14px;
    font-family: poppins;
    font-size: 16px;
}

.second-nav .dropdown:active > .dropdown-menu {
    display: block;
}


/*.second-nav .dropdown > .dropdown-toggle:active {
    pointer-events: none;
}*/

.slide-inner h5.card-title {
    font-family: 'Poppins';
    color: #fa4338;
    font-size: 20px;
}

.slide-inner .card-body {
    padding: 25px 35px 25px 35px;
}

.slide-inner .card {
    border: none;
}

.slide-inner a {
    color: #124682;
    font-family: 'Poppins';
    font-size: 16px;
    text-decoration: none;
    float: right;
}

.slide-inner img {
    max-width: 60px;
    margin-bottom: 10px;
}

.slide-inner p {
    font-family: 'Poppins';
    font-weight: 100;
    color: #4a4a4a;
}

.slide-btn {
    position: relative;
}

    .slide-btn .btn-left {
        position: absolute;
        top: 140px;
        z-index: 99;
        left: -42px;
        background: #ffffff;
        border: none;
        color: #356194;
        box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    }

    .slide-btn .btn-right {
        position: absolute;
        top: 140px;
        z-index: 99;
        right: -42px;
        background: #ffffff;
        border: none;
        color: #356194;
        box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
    }

.about-text ul {
    padding: 0;
}

.about-text li {
    list-style: none;
    display: inline-block;
    border: 2px solid #124682;
    padding: 4px 10px 4px 10px;
    margin: 0px 2px 10px 2px;
    border-radius: 0px 10px 0px 10px;
    font-family: 'Poppins';
    font-size: 13px !important;
    color: #124682;
}

.about-text h5 {
    color: #124682;
    font-family: 'Poppins';
}

.second-nav .dropdown-menu a.dropdown-item {
    color: #124682 !important;
    font-size: 14px;
    padding: 10px !important;
    transition: all 0.3s ease-in-out;
    font-family: 'Poppins';
    background: #fff !important;
}

    .second-nav .dropdown-menu a.dropdown-item:hover {
        color: #fa4338 !important;
        transition: all 0.3s ease-in-out;
    }

.second-nav .navbar-brand img {
    max-width: 230px;
}

.first {
    position: relative;
    height: 80vh;
    background-image: url(../Images/HeadNew.jpg);
    background-size: cover;
    background-position: center;
}


/*New home css*/

.headoverlay {
    content: '';
    position: absolute;
    background: linear-gradient( 90deg, rgb(2 0 36 / 88%) 0%, rgb(18 70 130 / 94%) 0%, rgb(74 61 217 / 95%) 100%) !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 78vh;
}


/*.PCIMG img.pc {
    position: absolute;
    top: 6.3rem;
    left: 9.2rem;
}*/

.figure2 img.headmob {
    position: absolute;
    top: 21rem;
    left: 18rem;
    max-width: 280px;
}

span.figure2::before {
    content: '';
    position: absolute;
    left: 19rem;
    top: 21rem;
    box-shadow: -12px 8px 100px -10px rgb(0 0 0 / 50%);
    width: 35%;
    height: 57vh;
}

.headTEXT {
    font-family: Poppins, sans-serif;
    color: #124682;
    padding: 12px;
}

    .headTEXT h1 {
        font-size: 60px;
        margin-bottom: 12px;
        margin-top: 50px;
        font-family: 'Russo One';
    }

    .headTEXT h2 {
        font-size: 50px;
        font-weight: 700;
    }

.PCIMG img {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    max-width: 90%;
}

    .PCIMG img:hover {
        -webkit-transform: translate(-3em, 1em);
        -moz-transform: translate(-3em, 1em);
        -o-transform: translate(-3em, 1em);
        -ms-transform: translate(-3em, 1em);
        transform: translate(-3em, 1em);
    }

.PCIMG1 img {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    max-width: 90%;
}

    .PCIMG1 img:hover {
        -webkit-transform: translate(2em, -1em);
        -moz-transform: translate(2em, -1em);
        -o-transform: translate(2em, -1em);
        -ms-transform: translate(2em, -1em);
        transform: translate(2em, -1em);
    }

span.videotext {
    position: relative;
    top: -0.9rem;
    left: 9rem;
    font-size: 20px;
}

span.headerBTN {
    position: relative;
    top: 2.7rem;
}

.tabDemo a {
    text-decoration: underline;
    color: #fa4338;
}

span.videotext:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 70px;
    left: -19px;
    background: #124682;
    top: -20px;
}

.demotab .modal-content {
    background: none;
    border: none;
}

    .demotab .modal-content .modal-header {
        border: none;
    }


/*video btn*/

.video-play-button {
    position: relative;
    z-index: 10;
    top: 2rem;
    left: 1rem;
    box-sizing: content-box;
    display: block;
    width: 20px;
    height: 24px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    cursor: pointer;
}

    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 70px;
        height: 70px;
        background: #fa4338;
        border-radius: 50%;
        -webkit-animation: pulse-border 1500ms ease-out infinite;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 60px;
        height: 60px;
        background: #fa4338;
        border-radius: 50%;
        transition: all 200ms;
    }

.videosection {
    margin-top: 1rem;
    width: 157px;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/*end video btn*/


/*End New home css*/

.tab-one h3 {
    color: #fa4338;
    font-size: 19px;
    font-family: poppins;
    margin-bottom: 30px;
}

.tab-one .nav.nav-tabs.bg-orange {
    display: inline-block;
}

.tab-img {
    background-image: url(../images/tab.png);
    padding: 30px 20px;
    width: 380px;
    height: 500px;
    background-repeat: no-repeat;
    margin-top: 50px;
    background-size: 100% 100%;
}

.scan-img img {
    max-width: 100%;
}

@keyframes blink {
    0% {
        background-color: #ccc;
    }

    49% {
        background-color: #ccc;
    }

    50% {
        background-color: transparent;
    }

    99% {
        background-color: transparent;
    }

    100% {
        background-color: #ccc;
    }
}


/*particle css*/

#particles-js {
    position: absolute;
    width: 100%;
    height: 90vh;
    background-image: url(../Images/main.png);
    background-size: cover;
    background-position: center center;
    opacity: 0.2;
}

.main-text {
    position: absolute;
    top: 6%;
}

.span-orange-tab {
    font-family: 'Poppins';
    font-size: 24px;
    color: #fa4338;
    font-weight: 800;
    margin-top: -36px;
}

.modalwelcomemain img.wel-image {
    margin-bottom: 20px;
    max-width: 345px;
}

.main-text1 ul {
    padding: 0;
}

.main-text1 {
    position: absolute;
    bottom: 50px;
    margin-left: 26px;
}

.csshowsignup {
    background: rgb(250 67 56);
    border-radius: 4px !important;
    padding: 5px 10px;
    font-family: 'Poppins';
}

li.resellerbtn {
    background: rgb(0, 215, 0);
    margin-left: 10px;
    border-radius: 4px;
    box-shadow: inset 0 -0.125rem rgb(0 0 0 / 40%);
}

.starchecked {
    color: orange;
}

.resellerbtn a.nav-link.btn {
    padding: 3px 10px;
    color: #fff;
    font-family: 'Poppins';
}

.main-text1 li {
    list-style: none;
    font-family: 'Poppins';
    padding: 4px 8px;
    color: #ffffff;
    display: inline-block;
    background: #124682d9;
    margin-right: 6px;
    border-radius: 0px 10px 0px 10px;
    margin-bottom: 6px;
    font-size: 13px;
    text-transform: uppercase;
}

.main-text h2 {
    color: #124682;
    font-size: 34px;
    text-align: left;
    font-family: 'Russo One', sans-serif;
}

.span-orange {
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
}


/* .tab-img {
    display: flex;
    justify-content: center;
    height: 80vh;
    align-items: center;
    margin-top: 25px;
} */

.main-text p {
    color: #124682;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.main-text .input-group {
    width: 420px;
}


/*End particle css*/


/*About Us*/

.section-text h4 {
    font-size: 28px;
    color: #124682;
    font-family: 'Russo One', sans-serif;
}

    .section-text h4:before {
        content: "";
        width: 45px;
        height: 4px;
        vertical-align: middle;
        margin-right: 12px;
        background: #fa4338;
        display: inline-block;
    }

    .section-text h4:after {
        content: "";
        width: 45px;
        height: 4px;
        vertical-align: middle;
        margin-left: 12px;
        background: #fa4338;
        display: inline-block;
    }

.section-text h3 {
    color: #fa4338;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.section-text p {
    color: #383838;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
}


/*End About Us*/


/*Product Us*/

.about {
    background: url(../images/services-backgrond.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 60px 20px;
    width: 100%;
}

.product-outer {
    background: #ffffff;
    box-shadow: 0px 3px 33px 0px rgba(8, 18, 109, 0.1);
    border-radius: 5px;
    color: #fa4338;
    transition: .5s ease;
    padding: 1.5rem;
}

    .product-outer:hover {
        transform: translateY(-10px);
    }

.product-img img {
    max-width: 67px;
}

.product-inner h3 {
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
}

.product-inner a {
    color: #124682;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.product-inner i.fa {
    font-size: 20px;
    color: #4141a2;
    margin-bottom: 16px;
}

.product-inner img {
    max-width: 55px;
    margin-bottom: 12px;
}

.product-text h4 {
    font-size: 40px;
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
}

.product-text h3 {
    font-size: 26px;
    color: #124682;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

.product-text a img {
    max-width: 160px;
    margin-top: 25px;
}


/*End Product Us*/


/*Feature css*/

.HowItWork ul {
    margin: 0;
    padding: 110px 0 0 147px;
    list-style: none;
    border-bottom: 0;
    display: inline-block;
}

.HowItWork {
    background-image: url('../Images/HowItWorkBG.png');
    display: inline-block;
    height: 811px;
    background-repeat: no-repeat;
    width: 100%;
}

.WorkHeadingIcon .tab-content > li {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WorkHeadingIcon .tab-content > .active {
    position: relative;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.WorkHeadingIcon .tab-content > #Visitor.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -62%;
    top: 8px;
    -webkit-transform: rotate( -63deg);
    -moz-transform: rotate(-63deg);
    -o-transform: rotate(-63deg);
    -ms-transform: rotate(-63deg);
    transform: rotate( 298deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #CheckIn.active:after {
    content: "";
    position: absolute;
    background: #fa4338;
    height: 2px;
    width: 268px;
    right: -65%;
    top: -1px;
    -webkit-transform: rotate( -55deg);
    -moz-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate( 323deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #Appropriate.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -59%;
    top: 60px;
    -webkit-transform: rotate( -40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate( 331deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #VisitorDetails.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -64%;
    top: 94px;
    -webkit-transform: rotate( -25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate( 340deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #PhotoDetails.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -65%;
    top: 133px;
    -webkit-transform: rotate( -8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate( 352deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #Notification.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -65%;
    top: 159px;
    -webkit-transform: rotate( 0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate( 9deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #VisitorOffice.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -60%;
    top: 200px;
    -webkit-transform: rotate( 17deg);
    -moz-transform: rotate(17deg);
    -o-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    transform: rotate( 20deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #MeetingSuccessfully.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -59%;
    top: 232px;
    -webkit-transform: rotate( 32deg);
    -moz-transform: rotate(32deg);
    -o-transform: rotate(32deg);
    -ms-transform: rotate(32deg);
    transform: rotate( 32deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #GenerateQRCode.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -54%;
    top: 238px;
    -webkit-transform: rotate( 40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate( 53deg);
    z-index: 5;
}

.WorkHeadingIcon .tab-content > #VisitorCheckout.active:after {
    content: "";
    position: absolute;
    background: #fc7b48;
    height: 2px;
    width: 268px;
    right: -47%;
    top: 253px;
    -webkit-transform: rotate( 58deg);
    -moz-transform: rotate(58deg);
    -o-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    transform: rotate( 62deg);
    z-index: 5;
}

.privacy-T b {
    color: #1a0605;
    font-weight: 600;
}

.feature {
    width: 100%;
    height: 100%;
    background-image: url(../Images/howwork.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px 20px;
    background-attachment: fixed;
}

    .feature h2 {
        text-align: center;
        font-size: 34px;
        color: #fa4338;
    }

.feature-img img {
    max-width: 100%;
}


/*End Feature css*/


/*Feature-All css*/

.feature-inner img {
    max-width: 220px;
    margin-bottom: 35px;
}

.feature-inner h4 {
    color: #fa4338;
    font-size: 25px;
}

.feature-hover:hover {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
    box-shadow: 0px 0px 20px 5px rgb(128 128 128 / 33%);
}


/*End Feature-All css*/

.HowItWorksOuter {
    width: 100%;
    height: 100%;
    /*background-image: url(../Images/feature-bg.png);
    background-size: cover;
    background-position: center center;*/
    padding: 20px 20px;
}


/*HOW IT WORKS*/

.steps {
    height: 400px;
    overflow-y: scroll;
}

    .steps ul.nav.tab-menu {
        display: block;
    }

    .steps li {
        padding: 10px 8px;
        background: #ffffff;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        box-shadow: 0px 8px 8px 0px rgba(8, 18, 109, 0.1);
        position: relative;
        border-radius: 10px 0px 0px 10px;
    }

.count {
    float: left;
    margin-right: 20px;
    background: #ffffff;
    color: #4141a2;
    border-radius: 50%;
    z-index: 9;
    font-weight: 500;
    font-family: poppins;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 2;
}

.steps li a {
    color: #f94237;
    text-decoration: none;
    font-family: 'Visby CF';
    font-weight: 700;
}

.steps li:before {
    content: '';
    position: absolute;
    background: red;
    height: 52px;
    width: 50px;
    left: 0;
    border-radius: 10px 0px 0px 10px;
}

.how-work {
    background-position: center center;
    padding: 30px 20px;
    width: 100%;
    background-size: cover;
    background: #F6FAFE;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.float-bob-y {
    animation-name: float-bob-y;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float-bob-y;
    /* -webkit-animation-duration: 2s; */
    /* -webkit-animation-iteration-count: infinite; */
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float-bob-y;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob-y;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob-y;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}


/*End How Work css*/


/*Fotter css*/

.fotter {
    background: linear-gradient(#04185b, #1f357d);
}

    .fotter img {
        max-width: 200px;
        margin-bottom: 20px;
    }

.fotter-text li {
    list-style: none;
    padding-bottom: 4px;
}

    .fotter-text li a:hover {
        font-size: 16px;
        background: #fff;
        color: #124682;
        padding: 2px 5px;
        border-radius: 4px;
    }

    .fotter-text li a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
    }

.fotter-text ul {
    padding: 0;
}

.fotter-text i.fa {
    font-size: 20px;
    margin-right: 10px;
}

.fotter-icon ul {
    padding: 0;
}

.fotter-icon li {
    list-style: none;
    display: inline;
    padding: 0px 6px;
}

    .fotter-icon li a {
        color: #fff;
        font-size: 28px;
    }

.fotter-text h3.text-white {
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
    font-weight: 100;
}

.fotter p.text-white {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.fotter-pad {
    padding: 50px 10px 10px 10px;
}


/*End Fotter css*/


/*Contact css*/

.contact {
    position: relative;
    background: #f8f9fa;
    height: 160px;
}


/*.contact:before {
        content: '';
        position: absolute;
        background: #f8f9fa;
        width: 100%;
        top: 48px;
        height: 160px;
    }*/

.contact-inner {
    background: #fefefe;
    text-align: center;
    box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
    height: 110px;
    padding: 6px 30px;
    border-radius: 6px;
    transition: .5s ease;
    font-family: 'Poppins', sans-serif;
    margin-top: -15px;
}

    .contact-inner:hover {
        transform: translateY(-10px);
    }

    .contact-inner img {
        max-width: 50px;
        margin-top: -29px;
        background: #ffffff;
        box-shadow: 0 3px 20px -7px rgb(0 0 0 / 32%);
        padding: 9px;
        border-radius: 50%;
        margin-bottom: 26px;
    }

    .contact-inner h5 a {
        color: #fa4338;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }

.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

    .social-btns .btn:before {
        top: 90%;
        left: -110%;
    }

    .social-btns .btn .fa {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .social-btns .btn.facebook:before {
        background-color: #3b5998;
    }

    .social-btns .btn.facebook .fa {
        color: #3b5998;
    }

    .social-btns .btn.twitter:before {
        background-color: #3cf;
    }

    .social-btns .btn.twitter .fa {
        color: #3cf;
    }

    .social-btns .btn.pinterest:before {
        background-color: #dc4a38;
    }

    .social-btns .btn.pinterest .fa {
        color: #dc4a38;
    }

    .social-btns .btn.instagram:before {
        background-color: #f26798;
    }

    .social-btns .btn.instagram .fa {
        color: #f26798;
    }

    .social-btns .btn.youtube:before {
        background-color: #ff0000;
    }

    .social-btns .btn.youtube .fa {
        color: #ff0000;
    }

    .social-btns .btn.linkedin:before {
        background-color: #2977c9;
    }

    .social-btns .btn.linkedin .fa {
        color: #2977c9;
    }

    .social-btns .btn:focus:before,
    .social-btns .btn:hover:before {
        top: -10%;
        left: -10%;
    }

    .social-btns .btn:focus .fa,
    .social-btns .btn:hover .fa {
        color: #fff;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.social-btns {
    text-align: center;
    padding: 35px 0px 10px 0px;
}

.text-component {
    margin-top: 50px;
}

    .text-component p {
        color: #fff;
        font-family: 'Poppins';
        font-size: 18px;
    }

.social-btns .btn {
    display: inline-block;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 20px;
    margin: 0 6px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 28%;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: 0.99;
    padding: 8px 8px;
}

    .social-btns .btn:before {
        content: '';
        width: 120%;
        height: 120%;
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .social-btns .btn .fa {
        font-size: 24px;
        vertical-align: middle;
    }

.text-color-footer {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding: 18px;
}

.last-fotter {
    background-color: #3b3b3d !important;
}

.text-color-footer a {
    color: #fdcd31;
}

.tooltip [class$="inner"] {
    background-color: #f8f9fa47;
    border: 1px solid #f8f9fa47;
}

.newsletter h3 {
    color: #fff;
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
}

.rule-img {
    width: 330px;
    height: 434px;
}

    .rule-img img {
        width: 100%;
        margin-left: 5px;
        margin-top: -10px;
        border-radius: 12px;
    }

.query-text h2 {
    margin-bottom: 1px;
    font-size: 32px;
    margin-bottom: 14px;
    font-weight: bold;
    margin-top: 20px;
    font-family: "Barlow", Sans-serif;
}

.query-text p {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.reach-out {
    color: #ffd647;
    text-decoration: underline;
}

    .reach-out:hover {
        color: #ffd647;
    }

.card.feature-card {
    position: relative;
    width: 100%;
    border-radius: 15px;
    border: none;
    box-shadow: 0 15px 40px #d3dce8;
}

section.all-feature.section-margin {
    background-image: url(../images/all-feature.png);
    background-position: center center;
    padding: 40px 20px;
    width: 100%;
    background-size: cover;
}

.onhover {
    transition: transform .8s;
    overflow: hidden;
}

.feature-card h5.card-title {
    color: #124682;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.feature-card img.card-img-top {
    border-radius: 15px 15px 0px 0px;
}

.onhover:hover {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari 3-8 */
    transform: scale(1.05);
}

.easy-block {
    position: relative;
    border-radius: 10px;
    border: none;
    box-shadow: 2px 2px 14px 0px rgb(8 18 109 / 10%);
    background: #ffff;
    width: 20rem;
    margin-top: 20px;
}

    .easy-block img {
        border-radius: 10px 10px 0px 0px;
        width: 320px;
        height: 228px;
    }

header.cd-header.back-corporate.flex.flex-column.flex-center {
    background-image: url(../Images/banner-secure.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    padding: 20px;
}

.text-component {
    margin-top: 50px;
}


/*End Contact css*/


/*inner pages css*/

h1.h1-visit {
    font-family: 'Russo One', sans-serif;
    letter-spacing: 2px;
    font-size: 24px;
    color: #fff;
}

.wrap p {
    font-size: 22px;
    color: #124682;
    text-align: center;
    font-family: 'Poppins';
}

.wrap-shadow p {
    font-size: 14px;
    color: #696969;
    font-family: 'Poppins';
    font-weight: 300;
    text-align: left;
}

.wrap {
    width: 100%;
    border-radius: 10px;
}

.wrap-shadow {
    margin-bottom: 20px;
}

.gauge {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 0 1% 0;
}

.plan .header {
    background-color: #f5f7fa;
    color: #ffffff;
    padding: 15px 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    width: 100%;
    border-radius: 15px 15px 0px 0px;
}

.columns {
    float: left;
    width: 100%;
    padding: 8px;
    margin-right: 14px;
    transition: transform .8s;
}

    .columns:hover {
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

.faq-accordion h5 button.btn {
    background: transparent;
    color: #fa4338;
}

.plan {
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
    transition: 0.3s;
    background: #ffffff;
    text-align: center;
    width: 100%;
    box-shadow: 0 15px 40px #d3dce8;
    border-radius: 8px;
    border-top: 3px solid #fa4338;
    border-bottom: 3px solid #fa4338;
}

.PriceIcon {
    width: 85px;
    margin: 0 auto 5px;
    height: 83px;
    display: table-cell;
    vertical-align: bottom;
}

.PriceHeading {
    font-size: 18px;
    font-family: 'Russo One', sans-serif;
    color: #fa4338;
}

.PriceSubtitle {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    color: #124682;
    font-family: 'Poppins';
}

.detail span.PricingTick:before {
    position: absolute;
    content: "";
    background-image: url(../Images/PricingTick.png);
    width: 20px;
    height: 20px;
    left: 0;
    top: 5px;
}

.detail span.PricingCancel:before {
    position: absolute;
    content: "";
    background-image: url(../Images/PricingCancel.png);
    width: 20px;
    height: 20px;
    left: 0;
    top: 5px;
}

.detail span {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    padding: 5px 30px;
    position: relative;
    font-family: 'Poppins';
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.PriceIcon img {
    filter: contrast(0.6);
}

.plan a {
    background: #fa4338;
    color: #fff !important;
    padding: 5px 18px;
    font-size: 13px;
    font-family: 'Poppins';
    cursor: pointer;
}

.payment-modal p {
    font-family: 'Poppins';
    text-align: center;
    font-size: 26px;
    margin-bottom: 0;
    color: #fa4338;
    font-weight: 600;
}

#pPaymentDetails .PriceIcon img {
    filter: brightness(0.5);
}

div#pPaymentDetails {
    text-align: center;
    display: grid;
}

.plan a:hover {
    background: #124682;
    text-decoration: none;
}

.page-inner {
    background: #f5f7fa;
    width: 100%;
    padding-top: 20px;
}

.about-text h2 {
    font-family: 'Russo One', sans-serif;
    font-size: 24px;
    color: #fa4338;
    margin-top: 10px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.about-text p {
    font-family: 'Poppins', sans-serif;
    color: #124682;
    font-size: 20px;
    font-weight: 700;
}

p.about-para {
    font-size: 16px;
    color: #484848;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 2;
    margin-bottom: 0;
}

.about-text img {
    margin-top: 90px;
    border: 4px dotted #ffffff;
}

.easy-blockss {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
    transition: .5s ease;
}

    .easy-blockss:hover {
        transform: translateY(-10px);
    }

    .easy-blockss i {
        font-size: 48px;
        margin-bottom: 24px;
        color: #124682;
    }

    .easy-blockss h2 {
        font-size: 18px;
        color: #fa4338;
        line-height: 1.2;
        font-family: 'Poppins', sans-serif;
    }

.about-inner1 p.about-para {
    color: #484848;
    text-align: center;
    line-height: 2;
}

.page-inner img {
    height: 575px;
    border: 10px solid #fff;
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
    max-width: 100%;
}

.about-inner1 {
    background: #f5f7fa;
    padding: 20px 20px;
    margin-top: -16px;
}

img.feature-img {
    border: 10px solid #fff;
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
    max-width: 100%;
}

.page-inner-feature {
    background: #f9f9fb;
    padding: 96px 0px 96px 0px;
}

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

.hardware-row {
    width: 100%;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    color: #124682;
}

    .hardware-row h3 {
        background: #fff;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
        box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
        font-size: 26px;
    }

.form-name h1 {
    color: #3b3b3d;
    font-family: "Barlow", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 33px;
}

.form-name p {
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    color: #124682;
}

.signup-arrow {
    position: absolute;
    left: 12px !important;
    top: 7px !important;
}

.privacy-T h3 {
    font-size: 20px;
    font-family: 'Russo One', sans-serif;
    color: #fa4338;
}

.privacy-T p {
    font-size: 16px;
    color: #484848;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 2;
}

li.Wstep1 {
    padding: 0 0 0 46px;
}

li.Wstep2 {
    padding: 34px 0 0 83px;
}

li.Wstep3 {
    padding: 30px 0 0 109px;
}

li.Wstep4 {
    padding: 40px 0 0 125px;
}

li.Wstep5 {
    padding: 52px 0 0 134px;
}

li.Wstep6 {
    padding: 47px 0 0 131px;
}

li.Wstep7 {
    padding: 54px 0 0 113px;
}

li.Wstep8 {
    padding: 36px 0 0 88px;
}

li.Wstep9 {
    padding: 42px 0 0 45px;
}

li.Wstep10 {
    padding: 35px 0 0 0;
}


/*End inner pages css*/


/*faq css*/

.faq-nav {
    flex-direction: column;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 0 15px 40px #d3dce8;
}

.faq-tab {
    height: 440px;
    overflow-y: scroll;
}

    .faq-tab::-webkit-scrollbar {
        width: 8px;
        height: 4px;
    }

    .faq-tab::-webkit-scrollbar-button {
        background: #e9e9e9;
    }

    .faq-tab::-webkit-scrollbar-track-piece {
        background: #c1c1c1;
    }

    .faq-tab::-webkit-scrollbar-thumb {
        background: #616161;
    }

.faq-nav .nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #fa4338;
    border-left: 2px solid #124682;
    margin-bottom: 10px;
    font-family: 'Poppins';
    border-bottom: 1px solid #c1c1c1;
}

    .faq-nav .nav-link.active {
        color: #124682;
        border-left: 2px solid #fa4338;
        background: #fff;
        font-family: 'Poppins', sans-serif;
        border-bottom: 2px solid #fa4338;
    }

    .faq-nav .nav-link:last-of-type {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom: 0;
    }

    .faq-nav .nav-link i.mdi {
        margin-right: 5px;
        font-size: 18px;
        position: relative;
    }

.tab-content .faq-tab {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

    .tab-content .faq-tab .card {
        border-radius: 0;
    }

    .tab-content .faq-tab .card-header {
        padding: 15px 16px;
        border-radius: 0;
        background-color: #f6f6f6;
    }

        .tab-content .faq-tab .card-header h5 {
            margin: 0;
        }

            .tab-content .faq-tab .card-header h5 button {
                display: block;
                width: 100%;
                padding: 0;
                border: 0;
                font-weight: 700;
                color: rgba(0, 0, 0, 0.87);
                text-align: left;
                white-space: normal;
            }

                .tab-content .faq-tab .card-header h5 button:hover,
                .tab-content .faq-tab .card-header h5 button:focus,
                .tab-content .faq-tab .card-header h5 button:active,
                .tab-content .faq-tab .card-header h5 button:hover:active {
                    text-decoration: none;
                }

    .tab-content .faq-tab .card-body p {
        color: #616161;
    }

        .tab-content .faq-tab .card-body p:last-of-type {
            margin: 0;
        }

.accordion > .card:not(:first-child) {
    border-top: 0;
}

.collapse.show .card-body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

p.faq-para {
    font-family: 'Russo One', sans-serif;
    color: #fa4338;
}

.faq-accordion .card-header {
    padding: 0px 10px;
    color: #fa4338;
    border-left: 2px solid #124682;
    margin-bottom: 6px;
    border-bottom: none;
}

.faq-accordion .card-body p {
    font-size: 16px;
    color: #484848;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 2;
}

.faq-accordion h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}

.faq-accordion .btn:focus {
    box-shadow: none;
}

.easy-block h2 {
    font-size: 16px;
    color: #124682;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.easy-block p {
    font-size: 16px;
    color: #124682;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    line-height: 2;
    padding: 10px;
}

label.control-label {
    font-size: 14px;
    font-family: 'Poppins';
    margin-right: 10px;
    color: #124682;
}

i.fa.fa-exclamation {
    display: none;
}

.TCwrap h3 {
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
    font-size: 20px;
}

.TCwrap h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.TCwrap p {
    font-family: 'Poppins';
    font-size: 14px;
    margin-top: 12px;
}

.TCwrap h4 {
    color: #fa4338;
    font-size: 18px;
    border-bottom: 2px solid;
    display: inline;
    font-family: 'Poppins';
}

.TCwrap span {
    color: #fa4338;
}

.TCwrap b {
    color: #fa4338;
}

#TCModal .modal-body {
    height: 470px;
    overflow-y: scroll;
}

.TCwrap li {
    font-family: 'Poppins';
    list-style: none;
}

.TCwrap ul {
    padding-left: 0;
}


/*End faq css*/


/*visitor APP css*/

.Visitortime {
    text-align: end;
    color: #fff;
    font-family: poppins;
    margin-top: 40px;
}

    .Visitortime .Visitorhour {
        font-size: 44px;
    }

.WelcomeT h1 {
    font-size: 74px;
    color: #ffffff;
    font-family: 'Poppins';
    margin-top: 0px;
    font-weight: 100;
}

.WelcomeT p {
    font-size: 40px;
    font-family: 'Poppins';
    color: #ffffff;
}

.Vselect select.form-control {
    background: #fa4338;
    color: #fff;
    font-family: 'Poppins';
    font-size: 18px;
    border: 0;
    text-align-last: center;
    background-color: linear-gradient(#fa4338, #fa4338);
}

.Vselect button.btn {
    display: block;
    width: 100%;
    background: #fa4338;
    color: #fff;
    font-family: 'Poppins';
}

.VisitorHome {
    background-position: center center;
    background-attachment: fixed;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.Visitorbottom {
    position: fixed;
    bottom: 0;
    padding: 4vh 4vw;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    color: #fff;
    font-size: 4vh;
}

.Visitortime .Visitordate {
    font-size: 22px;
}

.Visitorbottom button {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
    font-size: 20px;
    cursor: pointer;
}

.AppHead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 28%);
    padding: 15px 0px;
}

.mystyle {
    color: red;
}

.appBtn .btn {
    background: #e35f21;
    border: 0;
    padding: 6px 20px;
    font-family: poppins;
}

    .appBtn .btn:hover {
        background: #8c0303;
    }

.appBtn {
    text-align: end;
}

.AppTagLine.AppContents {
    display: flex;
    height: 50vh;
    width: 100%;
}

.AppTagLine.AppContentsPre {
    display: flex;
    width: 100%;
}

label.LastcheckinLink {
    color: #ffffff;
}

    label.LastcheckinLink i {
        color: #fa4338;
        background: #fff;
        padding: 5px 7px;
        border-radius: 16px;
    }

    label.LastcheckinLink a {
        color: #ffffff;
        font-weight: 700;
    }

.LastcheckinLink b {
    color: #124683;
}

.WrapperPreRequest {
    height: 40vh;
    overflow-y: auto;
    margin-top: 20px;
}

.AppTagLine .AppTag {
    font-family: 'Poppins';
    font-size: 20px;
    color: #fa4338;
    display: block;
}

span.span-t {
    color: #e35f21;
    font-size: 17px;
}

span.AppImage {
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 100%;
    vertical-align: bottom;
    overflow: hidden;
    display: inline-flex;
    border: 2px solid #124682;
    box-shadow: 0 6px 12px -7px rgb(0 0 0 / 32%);
}

.user-select {
    background: #124683;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 33px 0px rgb(8 18 109 / 10%);
    transition: .5s ease;
    padding: 10px;
    max-width: 300px;
    width: 100%;
    height: 100%;
}

    .user-select.checki {
        background: #fff;
    }

    .user-select:hover {
        transform: translateY(-7px);
    }

.RinBtn {
    display: inline-table;
}

.Tline {
    text-decoration: underline !important;
}

.subBg {
    background: #424141;
}

    .subBg .nav-link {
        color: #b5acac;
        opacity: 1;
        font-size: 12px;
        text-align: left;
    }

span.AppTitle {
    display: block;
    text-align: left;
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins';
    padding: 10px;
}

.feature-img1 {
    max-width: 400px;
}

.page-inner-feature1 {
    padding: 20px;
}

.about-text1 h5 {
    color: #124682;
    font-family: 'Poppins';
    font-size: 28px;
    font-weight: 100;
}

.about-text1 h2 {
    font-family: 'Russo One', sans-serif;
    font-size: 28px;
    color: #fa4338;
    margin-top: 10px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.pad-top {
    padding-top: 10px;
}

h5.AppSubtitle {
    color: #124682;
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 4px;
    font-weight: 500;
}

.resellericon li img {
    max-width: 40px;
    margin-right: 20px;
}

.resellericon li {
    text-align: left;
    list-style: none;
    margin-bottom: 24px;
    font-family: 'Poppins';
    color: #343434;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 6px 15px 0px rgb(8 18 109 / 7%);
    padding: 6px 10px;
    border-left: 2px solid #fa4338;
}

    .resellericon li i.fa {
        font-size: 20px;
        margin-right: 14px;
        color: #fa4338;
        vertical-align: middle;
    }

.resellericon p {
    text-align: left;
    font-size: 20px;
    font-family: 'Poppins';
    margin-top: 15px;
    color: #343434;
    font-weight: 600;
}

.about-text1 p {
    font-family: 'Poppins';
    color: #343434;
    font-size: 15px;
    margin-bottom: 40px;
}

.resellerList {
    height: 540px;
    overflow-y: scroll;
}

.main-frm p {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 15px;
    color: #fa4338;
}

.resellericon ul {
    padding: 0;
    margin-top: 24px;
}

.resellericon {
    text-align: center;
}

.user-select a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.BottomBanner {
    background: #e35f21;
    display: inline-block;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.WorkHeadingIcon h2 {
    text-align: center;
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
    font-size: 42px;
    margin-bottom: 2px;
}

.WorkHeadingIcon p {
    text-align: center;
    margin-top: 0px;
    color: #4141a2;
    font-size: 17px;
    font-family: poppins;
    margin-bottom: 20px;
}

.WelcomeTextmenu {
    margin-left: 11px;
    margin-top: 11px;
}

    .WelcomeTextmenu p {
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        font-family: poppins;
    }

.qr-code img {
    width: 26%;
    margin-top: 9px;
}

.col-color {
    margin-bottom: 20px;
}

.colUser {
    margin-bottom: 15px;
}

.AppImage img {
    width: 100%;
    background: #fff;
}

.AppContent {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.InformationForm {
    display: flex;
    flex-direction: column;
    align-items: center;
}

input.PhoneTextbox {
    width: 87%;
    margin-left: 3px;
    float: left;
    height: 38px;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

input#txtCountryCode {
    width: 67px;
    float: left;
    height: 38px;
    border: none;
    padding: 4px 16px;
    border-bottom: 1px solid #c1c1c1;
    border-radius: 5px 0px 0px 5px;
}

.QusMain {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 15px;
    font-family: 'Poppins';
}

.Qanswer {
    margin-top: 12px;
    display: flex;
    align-items: center;
}

.VisitorTimemenu {
    float: right;
    color: #000;
    margin: 0vh 2vw;
}

input[type=checkbox],
input[type=radio] {
    width: 18px;
    height: 18px;
}

.VisitorDatemenu {
    font-size: 3vh;
    float: right;
}

.WelcomeTextmenu h1:before {
    content: "";
    width: 4vw;
    height: .6vh;
    background: #fa4338;
    position: absolute;
    top: 41px;
    left: -57px;
    right: 0;
    margin: auto;
}

.VisitorbottomLeftmenu {
    background: #0000008f;
    text-align: center;
    padding: 10px 4px;
    margin-top: 24px;
}

.WelcomeTextmenu h2 {
    color: #fa4338;
    font-size: 36px;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 2vh;
    font-family: 'Poppins';
    width: 100%;
    padding-left: 10px;
}

a {
    text-decoration: none;
}

.not-f {
    text-align: center;
    display: none;
}

.VisitorInnerPages {
    background-image: url(../Images/VisitorInnerPageBG.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.D-none {
    display: none;
}

audio,
canvas,
video {
    height: 330px;
}

.CaptureCamrea {
    float: left;
    width: 83%;
    margin-right: 0;
}

.visitorContainer {
    width: 649px;
    margin: auto;
}

span#spn_Notification {
    position: absolute;
    top: 47%;
    color: white;
    z-index: 9999999;
    text-align: center;
    width: 8%;
    font-size: 16px;
    display: none;
    left: 46%;
}

.d-row h3 {
    font-size: 12px;
    text-align: center;
    color: #fa4338;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 8px;
    font-family: 'Poppins';
}

.p-y {
    font-size: 12px;
    font-family: poppins;
}

.Visitorbottommenu button {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
    font-size: 12px;
    margin-top: 0px;
    cursor: pointer;
}

.back-btn {
    padding: 5px 14px;
    background: #fa4338;
    color: #fff;
    font-size: 16px;
}

.velid-erorr1 {
    background: #fff;
    box-shadow: 0px 3px 14px -5px rgba(255, 3, 37, 1);
    border-radius: 8px;
    padding: 10px 10px;
    font-size: 14px;
    text-align: center;
    font-family: 'Poppins';
    width: 100%;
    float: left;
    margin-top: 16px;
    color: red;
}

span.velid-erorr {
    background: #fff;
    box-shadow: 0px 3px 14px -5px rgba(255, 3, 37, 1);
    border-radius: 8px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    margin-left: 10px;
    font-family: 'Poppins';
}

.lodingS {
    font-size: 26px;
    color: #fa4338;
    text-align: center;
}

.all-modal .modal-header {
    background: #e35f21;
    border-radius: 0;
    color: #fff;
    font-family: 'Russo One', sans-serif;
}

    .all-modal .modal-header h5 {
        text-align: center;
        font-size: 22px;
        display: block;
        width: 100%;
    }

.all-modal button.close {
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

.meeting-detail table tr th {
    color: #124682;
    font-family: 'Poppins';
    text-align: center;
    background: #f8f9fa;
}

.meeting-detail .table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-family: 'Poppins';
    text-align: center;
    background: #fff;
}

.meeting-detail span.AppTag {
    font-size: 22px;
    font-family: 'Russo One', sans-serif;
    color: #fa4338;
}

.appBtn-new .btn {
    background: #fa4338;
    width: 200px;
    margin-bottom: 15px;
    border-bottom: 2px solid #124682;
    border-radius: 0;
    font-family: 'Poppins';
}

.check-tag {
    text-align: center;
    font-family: 'Poppins';
    font-size: 24px;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #124682;
}

span.e-name {
    font-size: 26px;
    color: #fa4338;
    letter-spacing: 1px;
    font-family: 'Russo One', sans-serif;
}

.AppContent label {
    font-size: 18px;
    color: #000000;
    text-align: left;
}

label.term-label {
    font-size: 18px;
    font-family: 'Poppins';
}

textarea {
    font-family: 'Poppins';
    height: 100px;
    width: 100%;
}

.Proceed:hover {
    color: #fff;
}

.easy-secure {
    margin-top: -30px;
}

.navbar-toggler-icon i.fa.fa-bars {
    color: #fa4338;
}

span.navbar-toggler-icon {
    border: 2px solid #124682;
    padding: 3px 5px;
    border-radius: 5px;
}

.App-demo {
    font-size: 20px;
    font-family: 'Poppins';
    text-align: center;
}

.VisitorActionmenu button {
    background: black;
    color: white;
    border: none;
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 10px;
    cursor: pointer;
}

.reviewsection h2 {
    font-size: 2.3rem;
    font-family: 'Russo One';
    color: #fa4338;
    margin-bottom: 2rem;
}

    .reviewsection h2 span {
        color: #124682;
        border-bottom: 4px solid #fa4338;
    }

.reviewtext:before {
    content: '';
    background-image: url(../Images/revireicon.png);
    background-size: cover;
    position: absolute;
    width: 50px;
    height: 35px;
    top: -6px;
    z-index: -1;
    left: 9px;
}

.reviewbox {
    width: 100%;
    padding: 10px 14px;
    height: 150px;
}

.reviewimg img {
    max-width: 250px;
}

section.section-margin.ReviewMain {
    background: #f0f6f6;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviewtext {
    font-family: 'Poppins';
    color: #616161;
    letter-spacing: 1px;
    margin-left: 40px;
    font-size: 14px;
}

.proBTn {
    padding-left: 0;
    list-style: none;
    margin-top: 2rem;
}

    .proBTn li {
        display: inline-block;
        text-align: center;
        margin-right: 26px;
    }

.icon-btn i {
    font-size: 28px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 10px;
    color: #124682;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    margin-bottom: 10px;
    cursor: pointer;
}

    .icon-btn i:hover {
        color: #fff;
        background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
    }

.icon-btn h6 {
    color: #124682;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 700;
}

.reviewbox ol.carousel-indicators li {
    background: #fa4338;
    cursor: pointer;
}

    .reviewbox ol.carousel-indicators li.active {
        background: #124682;
    }

.camera-id button {
    position: absolute;
    bottom: 30px;
    right: 35px;
    background: #fa4338;
    border: 2px solid #fa4338;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
}

.plan a.disabled {
    filter: blur(.9px);
}

a.buyBTN {
    background: none;
    color: #fa4338 !important;
    font-family: 'Poppins';
    font-size: 20px;
    padding: 1px 4px;
}

    a.buyBTN:hover {
        background: none;
    }

.plan a.disabled:hover {
    filter: blur(0.8px);
    background: #fa4338;
}

div#btnPrintBatch {
    text-align: center;
    margin-top: 10px;
}

.VisitorActionmenu i {
    margin-left: 8px;
}

.print-p p {
    font-size: 22px;
    font-family: 'Poppins';
}

.formRow label {
    font-size: 16px;
    font-family: poppins;
    width: 100%;
}

.formRow span {
    color: #ff0e00;
    font-family: 'Poppins';
    font-size: 22px;
}

.questext span {
    color: #000000;
    font-family: 'Poppins';
    font-size: 16px;
}

.label-col {
    color: #fa4338;
    margin-top: 20px;
    font-family: poppins;
}

.HowItWork .nav-tabs > li > a {
    background: #f5f7fa;
    color: #fa4338;
    border: 0;
    font-family: poppins;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 15%);
    border-radius: 10px;
    font-size: 12px;
    padding: 10px 10px;
    text-decoration: none;
}

.csshowsignup a {
    font-size: 15px;
}

.onhover .card {
    width: 20rem;
}

.wrap h2 {
    font-size: 24px;
    color: #fa4338;
    font-family: 'Russo One', sans-serif;
    margin-bottom: 40px;
    display: inline-block;
    position: relative;
}

    .wrap h2 span {
        color: #124682;
        border-bottom: 3px dotted #fa4338;
    }

.wrap-shadow h2 {
    font-size: 18px;
    color: #124682a3;
    font-family: 'Poppins';
    font-weight: 700;
    border: none;
}

.wrap-shadow a.nav-link.active {
    background: #f7f8fd;
    border-radius: 0;
}

    .wrap-shadow a.nav-link.active.border-0 i.addonIcon {
        background: #ffffff;
        color: #18ff1a;
        border: 1px solid #18ff1a;
    }

.wrap-shadow a {
    text-decoration: none;
    color: #fa4338;
    font-family: 'Poppins';
}

.w-45 {
    width: 49%;
}

.addpostion {
    position: absolute;
    right: 0px;
    top: 0%;
}

img.thankIMG {
    max-width: 100%;
    margin-top: 24px;
}

.Pricing {
    display: inline-block;
    background-repeat: no-repeat;
    width: 100%;
    padding: 13px 0;
    background-size: cover;
    background-position: center;
    background: #f2fbfb;
}

.plan .grey {
    background-color: #124682;
    padding: 2px 20px;
    margin-top: 4px;
}

.plan li {
    border-bottom: 0;
    padding: 15px 15px;
}

.HowItWork .nav-tabs > li.active a {
    font-weight: bold;
    background: #fa4338;
    color: #ffffff;
}

.plan .grey span {
    color: #fff;
    font-family: 'Russo One', sans-serif;
    font-size: 26px;
}

img.img-path {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 53%;
}

p.p-blogd {
    position: absolute;
    z-index: 55;
    background: #fa4338;
    width: 63px;
    text-align: center;
    top: 0%;
    left: 24.2%;
    color: #fff;
    padding: 10px 0;
    font-family: 'Poppins';
}

.col-visit h1 {
    margin-bottom: 23px;
    font-size: 32px;
    text-align: center;
    font-family: 'Russo One', sans-serif;
    color: #124682;
}

.main-b p {
    font-family: 'Poppins';
}

h3.blog-head {
    color: #fa4338;
    font-size: 26px;
    margin-top: 3px;
    text-align: left;
    font-family: 'Poppins';
}

p.blog-p {
    color: #272727;
    font-size: 16px;
    font-family: 'Poppins';
}

ul.blog-l li {
    list-style: none;
    font-size: 16px;
    color: #484848;
    position: relative;
    line-height: 24px;
    font-family: 'Poppins';
}

.easy-blocks {
    font-family: 'Poppins';
}

ul.blog-l li:before {
    content: "";
    position: absolute;
    background-image: url(../Images/tik.png);
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    left: -22px;
    background-size: cover;
}

.blog-img img {
    max-width: 100%;
    border: 10px solid #fff;
    box-shadow: 0 6px 28px rgb(211 220 232 / 70%);
}

.blog-r {
    background: white;
    padding: 10px;
    margin-top: 25px;
    box-shadow: 0px 1px 16px -10px rgb(0 0 0 / 75%);
    border-radius: 10px;
}

a.GoToTop {
    position: fixed;
    z-index: 111;
    right: 50px;
    bottom: 55px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    cursor: pointer;
    background: #fa4338;
    color: #f8f9fa;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
}

.img-how img {
    max-width: 100%;
}

img.img-mob {
    border: 1px solid #d2d7d8;
    margin-top: 31px;
}

img.img-web {
    border: 1px solid #d2d7d8;
    margin-top: 60px;
}

.img-how {
    width: 100%;
    margin: 30px auto;
    margin-bottom: 0px;
    text-align: center;
}

.div-topa img {
    max-width: 330px;
    margin-top: 50px;
}

.main-frm p {
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 15px;
    color: #124682;
}

.div-topa h1 {
    margin-top: 20px;
    font-size: 24px;
}

.remindCheck {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins';
    color: #124682;
}

.formRow.APPVisit {
    color: #fa4338;
    font-size: 20px;
    font-family: 'Poppins';
    text-align: center;
    padding: 15px;
    border-top: 2px dotted #124682;
    border-bottom: 2px dotted #124682;
}

.PrintBatchSection h3 {
    text-align: center;
}

.meetingmain {
    border: 1px solid #868686;
    text-align: left;
    padding: 10px;
    margin: 15px 0px 15px 0px;
}

    .meetingmain p {
        font-size: 20px;
        font-family: 'Poppins';
        color: #fa4338;
    }

.meetingVisitor {
    color: #124682;
}

img.hardware-img-top {
    max-width: 100%;
}

.hardware-col {
    background: #fa4338;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
}

.hardware-col1 {
    background: #fa4338;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}

.hardware-col h5 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
}

p.hardware-text {
    margin-bottom: 0;
    padding: 12px;
    font-family: 'Poppins';
    text-align: center;
    font-size: 14px;
}

ul.hardware-text {
    padding: 10px 10px 40px 10px;
    margin-bottom: 0;
}

.hardware-text li.detail {
    list-style: none;
}

.hard-card a {
    color: #fff;
    background: #fa4338;
    padding: 4px 10px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Poppins';
}

.hard-card .card-body {
    text-align: center;
}

.press-inner {
    background: #ffffff;
    padding: 10px 10px 10px 30px;
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
    transition: .5s ease;
    height: 240px;
    overflow-y: scroll;
    border-left: 10px solid #d9f0f6;
    margin-bottom: 25px;
}

    .press-inner h5 {
        border-bottom: 2px solid #124682;
        color: #fa4338;
        font-family: 'Russo One', sans-serif;
    }

    .press-inner ul {
        padding-left: 0;
    }

    .press-inner li {
        list-style: none;
        font-family: 'Poppins';
        font-size: 14px;
        padding-bottom: 8px;
    }

    .press-inner h6 {
        font-family: 'Poppins';
        color: #fa4338;
        text-align: end;
        margin-bottom: 0;
    }

    .press-inner::-webkit-scrollbar {
        width: 3px;
        background-color: #F2F2F2;
    }

    .press-inner::-webkit-scrollbar-thumb {
        background-color: #124682;
    }

.Payment-EzyBody {
    background: #fff;
    box-shadow: 0 20px 40px rgb(211 220 232 / 70%);
    padding: 16px 70px;
    border: 2px solid #c1c1c185;
}

.EzyPaymentCaptcha {
    display: flex;
    align-items: center;
    justify-content: center;
}

.req-qus {
    color: red;
}

.subOffer h4 {
    background: #fa4338;
    display: inline-block;
    padding: 8px;
    border-radius: 9px;
    color: #fff;
}

.Payment-EzyBody h1 {
    text-align: center;
    color: #fa4338;
    font-size: 32px;
    font-family: 'Poppins';
    margin-top: 20px;
}

.PCIMG1 .pc {
    position: relative;
    right: 7rem;
}

.PCIMG1 .pc1 {
    position: relative;
    right: 13.3rem;
    top: 1rem;
}

.PCIMG1 {
    margin-top: 30px;
}

.section-min-hide {
    display: none;
}

.Payment-EzyBody h4 {
    font-family: 'Poppins';
    font-size: 20px;
}

.Payment-EzyBody b {
    color: #fa4338;
}

.color-warning1 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #124682;
}

.second-nav .dropdown-menu {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    background: #fff;
    border-top: 2px solid #fa4338;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaWQ9IkxheWVyXzEiICAgZGF0YS1uYW1lPSJMYXllciAxIiAgIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJkb3dubG9hZC5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MjAyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciICAgICBpZD0ibmFtZWR2aWV3NDIwMCIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209Ijg0LjMiICAgICBpbmtzY2FwZTpjeD0iMi40NzQ5OTk5IiAgICAgaW5rc2NhcGU6Y3k9IjUiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPiAgPGRlZnMgICAgIGlkPSJkZWZzNDE5MCI+ICAgIDxzdHlsZSAgICAgICBpZD0ic3R5bGU0MTkyIj4uY2xzLTJ7ZmlsbDojNDQ0O308L3N0eWxlPiAgPC9kZWZzPiAgPHRpdGxlICAgICBpZD0idGl0bGU0MTk0Ij5hcnJvd3M8L3RpdGxlPiAgPHBvbHlnb24gICAgIGNsYXNzPSJjbHMtMiIgICAgIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIiAgICAgaWQ9InBvbHlnb240MTk4IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=) no-repeat 101% 50%;
    padding-right: 20px;
}

.ResellerText h2 {
    text-align: center;
    color: #ffffff;
    font-family: 'Russo One', sans-serif;
    font-size: 34px;
}

.ResellerText p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins';
}

section.ResellerSection {
    padding: 40px 40px 40px 40px;
    background-image: url(../Images/reseller.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

.ResellerText {
    text-align: center;
}

.BigImg img {
    width: 400px;
}

.thankBg {
    /*background: #fff;
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 14%);*/
    padding: 16px;
    border-radius: 15px;
}

.coming img {
    max-width: 100px;
}

.Resellerbnefits {
    border: 2px solid #fa4338;
    border-radius: 50%;
    padding: 20px;
    text-align: center;
}

.priceLocation p {
    text-align: center;
    font-family: 'Poppins';
    color: #124682;
    font-size: 22px;
    font-weight: 600;
}

.returnuserList label {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-left: 29px;
}

.dib {
    padding: 20px;
    background: white;
}

.formRow.returnuserList.choose-r input {
    margin-left: 0px !important;
}

.formRow.returnuserList.choose-r {
    padding: 0px;
}

label.returnuserListLabel {
    background: #fa4338;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 10px;
}

.returnuserList {
    z-index: 9999;
}

.locationR.ng-binding.ng-scope {
    display: inline-block;
    padding: 10px 25px;
    font-family: 'Poppins';
}

.priceLocation {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}

.img-btn {
    background: #fff;
    box-shadow: 0 4px 20px -12px rgb(0 0 0 / 33%);
    border-radius: 5px;
    padding: 2px 5px;
    margin-right: 6px;
}

    .img-btn:focus {
        border: 2px solid #000;
    }

.pricetypeimg {
    max-width: 60px;
}

.priceLocation .CountryRadio {
    margin-right: 12px;
}


/*img.appleblur:hover {
    filter: blur(2px);
}*/

.img-btn img {
    width: 35px;
    height: 35px;
}

.img-btn > input {
    display: none
}

    .img-btn > input:checked + img {
        border-color: #fa4338 !important;
        border-radius: 50%;
        border: 2px solid;
        padding: 4px;
    }

.gray img {
    filter: grayscale(1);
}


/*.img-btn > input:checked + img {
    border-color: black;
    border-radius: 10px;
}*/

.btn-flag {
    background: #ffffff;
    color: #565656;
    border-radius: 4px;
    border: 1px solid #7b7979;
    padding: 3px 6px 3px 6px;
    font-family: 'Poppins';
    width: 100px;
}

.flag_position ul.dropdown-menu.show {
    display: grid;
    border: none;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-top: 2px solid #fa4338;
    width: 100px;
    margin-left: 1px;
}

.inner_flag_style {
    max-width: 20px;
}

.flagDrop li a {
    color: #124682;
}

    .flagDrop li a:hover {
        color: #fa4338;
    }

    .flagDrop li a:hover {
        padding: 0px;
    }

.hardfont {
    font-size: 16px !important;
}

.flagDrop ul.dropdown-menu {
    padding: 8px;
    min-width: 100px;
}

.dropdown.flag_position {
    display: inline-block;
}

.flag_style {
    max-width: 25px;
    margin-right: 4px;
}

.flagDrop li {
    padding-right: 20px;
    border-bottom: 1px solid #efebeb;
    margin-bottom: 8px;
    cursor: pointer;
}

    .flagDrop li:hover {
        background: #ebebeb;
    }

    .flagDrop li span.flag_name {
        font-size: 14px;
        font-family: 'Poppins';
    }

small.approx {
    font-size: 14px;
}


/*End visitor App css*/

.addonsection {
    margin-top: 60px;
    padding: 20px;
    margin-bottom: 50px;
}

i.addonIcon {
    color: #3be23c;
    font-size: 22px;
    margin-right: 6px;
    transition: all .3s ease-in-out;
}

.addoninner ul {
    padding-left: 0;
    justify-content: center;
    border-top: 5px solid #fa433882;
    border-bottom: 0;
}

.wrap-shadow a.nav-link:hover {
    border-bottom: 0;
    box-shadow: none;
}

.addoninner ul li {
    list-style: none;
    margin-bottom: 15px;
    font-family: 'Poppins';
    color: #124682;
    font-size: 16px;
}

.addonBTN a.AddBtn.btn {
    background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%);
    color: #fff;
    font-family: 'Poppins';
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

.featurecomparision td i {
    color: #3be23c;
    font-size: 24px;
}

.featurecomparision td {
    font-family: 'Poppins';
    color: #124682;
}

p.PRICECOMPARE {
    display: inline;
    border-bottom: 1px solid #fa4338;
    font-size: 44px;
    font-weight: 100;
    font-family: 'Poppins';
    color: #124682;
}

.addoninner i.fa.fa-check-circle {
    color: #3be23c;
    font-size: 16px;
    margin-right: 4px;
}

.WRAPBG {
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
    background: #fff;
    padding: 15px 22px;
    margin-bottom: 30px;
    transition: all .2s ease-in;
    border-radius: 8px;
}

    .WRAPBG:hover {
        box-shadow: 0 3px 24px rgb(0 0 0 / 20%);
    }

    .WRAPBG h2 {
        font-size: 22px;
        margin: 10px;
        font-family: 'Poppins';
        color: #124682;
        font-weight: 600;
    }

.addoninner {
    padding: 30px;
    background: #f7f8fd;
}

ul.icon-collection {
    padding-left: 0;
    text-align: center;
    list-style: none;
}

.icon-collection .about-icon {
    background: #fff;
    margin-bottom: 40px;
    /* margin-left: 10px;
    margin-right: 10px;*/
}

.about-icon img {
    max-width: 84px;
    margin-bottom: 10px;
}

.format-container h2 {
    color: #fa4338;
    font-family: 'Russo One';
    font-size: 2.3rem;
}

.format-container h3 {
    font-family: 'Poppins';
    font-size: 24px;
    color: #124682;
}

.format-container p {
    color: #616161;
}

.format-container p {
    color: #616161;
    font-family: 'Poppins';
}

.about-icon a.center-content {
    padding: 2px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 0px 15px 39px 0px rgb(8 18 109 / 10%);
}

    .about-icon a.center-content:hover {
        background: linear-gradient( 90deg, rgba(2, 0, 36, 1) 0%, rgb(18 70 130) 0%, rgba(74, 61, 217, 1) 100%) !important;
    }

.prowidth:hover {
    filter: brightness(15.5);
}

.prowidth {
    width: 100%;
    padding: 40px 10px;
}

.about-icon a.center-content h5 {
    font-family: "Poppins", sans-serif;
    margin-bottom: 14px;
    color: #124682;
    font-size: 18px;
}

.priceadons ul li.detail {
    list-style: none;
    padding: 10px 4px;
}

.priceadons .card-header button.btn.btn-link {
    color: #fa4338;
    text-decoration: none;
    font-size: 16px;
    padding: 0;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.priceadons .card-header {
    font-family: 'Poppins';
    background: #ffffff;
    padding: 4px 10px;
    margin-bottom: 8px;
    border-bottom: none;
    box-shadow: 0px 4px 12px 0px rgb(8 18 109 / 10%);
}

b.B-Color {
    color: #30ffff;
}

.priceadons ul {
    padding-left: 0;
}

a.BtnLink {
    background: none;
    color: #fa4338 !important;
    font-size: 18px;
}

    a.BtnLink:hover {
        background: none;
    }


/*breadcrumb css*/

.stepsB {
    list-style: none;
    display: flex;
}

    .stepsB .step {
        white-space: nowrap;
        transition: 0.3s ease-in-out;
        background: white;
        position: relative;
        height: 30px;
        margin-right: 30px;
        padding: 0 18px;
        line-height: 28px;
    }

a.Cgalary {
    font-family: 'Poppins';
    color: #fa4338;
}

p.paidonly {
    color: #ff0d0d !important;
}

.stepsB .step > a {
    text-decoration: none;
    color: #124682;
    font-family: 'Poppins';
}

.stepsB .step:last-child {
    margin-right: 0;
}

.stepsB .step::before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    border-left: 25px solid transparent;
    border-top: 15px solid white;
    border-bottom: 15px solid white;
}

.stepsB .step:first-child::before {
    display: none;
}

.stepsB .step::after {
    position: absolute;
    top: 0;
    right: -25px;
    border-left: 25px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    content: "";
}

.stepsB .step:last-child::after {
    display: none;
}

.stepsB .step:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.stepsB .step:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/*End breadcrumb css*/


/*Free Plan css*/

.FreePlanWrap img {
    max-width: 100%;
}

.FreePlanWrap h3 {
    color: #fa4338;
    font-family: 'Russo One';
    margin-bottom: 20px;
    border-bottom: 2px solid #ed1c24;
    display: inline-block;
    padding-bottom: 10px;
}

.FreePlanWrap h4 {
    color: #124682;
    font-family: 'Poppins';
    font-size: 20px;
    margin-bottom: 20px;
}

.FreePlanWrap p {
    font-family: 'Poppins';
    color: #696969;
    font-weight: 400;
}

.FreePlanWrap {
    background: #f2f7f8;
    padding: 50px;
}

    .FreePlanWrap ul {
        padding-left: 0;
    }

    .FreePlanWrap li {
        list-style: none;
        font-family: 'Poppins';
        margin-bottom: 6px;
    }

    .FreePlanWrap i {
        color: #3be23c;
        font-size: 24px;
        margin-right: 8px;
    }

    .FreePlanWrap a {
        color: #fa4338;
        font-family: 'Poppins';
    }

li.freetag {
    background: #fff;
    border-radius: 4px;
    padding: 6px 4px;
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
}

.freetag a:hover {
    padding: 0px 10px !important;
}

li.freetag:before {
    content: '';
    position: absolute;
    background-image: url(../Images/FreeTag.png);
    width: 36px;
    height: 28px;
    background-repeat: no-repeat;
    right: -1px;
}

.FreeB {
    font-weight: 600;
    color: #fa4338;
}

.freetag a {
    color: #124682 !important;
    font-family: 'Poppins';
    padding: 5px 10px;
    font-weight: 500 !important;
}


/*End Free Plan css*/

.gifticon {
    width: 100%;
    font-size: 50px;
    text-align: center;
    display: block;
    color: #db4040;
    opacity: 0.5;
}

.giftfont {
    font-size: 20px;
    color: #124682;
    border-bottom: 2px solid #d91921;
    display: inline-block;
    margin-bottom: 8px;
    font-family: 'Russo One';
}

.giftmodal .modal-body {
    border: 10px solid #6ad17794;
    border-radius: 15px;
}

.giftmodal .modal-content {
    border-radius: 15px;
}

.subgiftfont {
    font-size: 20px;
    color: #fa4338;
}

.navSHOWMOB {
    display: none;
}

.wrap-shadow a.nav-link {
    padding: 10px 24px;
}

.navSHOWMOB .nav-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fa4338;
    left: 0;
    top: -5px;
    z-index: 1;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.navSHOWMOB .nav-link.active:before {
    opacity: 1;
}

.wrap-shadowB {
    position: relative;
}

.wrap-shadow a.nav-link.active h2 {
    color: #124682;
}

.wrap-shadow a.nav-link.active i.addonIcon {
    transform: rotate( 90deg);
    transition: all .3s ease-in-out;
}

.tabmainbox {
    width: 100%;
    padding: 60px;
    background: rgb(59 226 114 / 25%);
    box-shadow: inset 0 2px 2px rgb(177 177 177 / 67%);
    border-radius: 40px;
    margin-top: 10px;
    position: relative;
}

    .tabmainbox .tabmainboxinner {
        padding: 40px 40px;
        background: #ffffffed;
        border-radius: 40px;
    }

.textulLeft ul {
    text-align: left;
    margin-top: 10px;
    border-top: 5px solid #3be23c;
}

.textulLeft h2 {
    color: #124682;
    margin-bottom: 10px;
}

.textulLeft ul li {
    padding: 10px;
}


/*slide logo*/

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 20));
    }
}

.slider-logo {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

    .slider-logo .slide-track {
        animation: scroll 60s linear infinite;
        display: flex;
        width: calc(250px * 20);
    }

    .slider-logo .slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #dee2e6;
    }

.slide-track .slide img {
    max-width: 160px;
    margin-right: 20px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 20px;
}

    .slide-track .slide img:hover {
        filter: none;
        transform: scale(1.2);
        transition: 0.5s ease-in-out;
    }

.reviewboxnew {
    border-radius: 16px;
    padding: 0px 10px 0px 10px;
    position: relative;
    top: 65px;
}


/*end slide logo*/

#txtSubjectComment {
    display: none;
}

span.fa.fa-question-circle.othericon {
    top: 2px;
}

.errorMsg1 {
    color: red;
    font-family: Poppins;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid red;
}

.errorMsg2 {
    color: red;
    font-family: Poppins;
    font-size: 12px;
    text-align: center;
}

.main-frm i.fa.fa-exclamation-triangle {
    left: 4px;
    padding: 7px;
    top: 12px;
}

span.reportbeta {
    width: 100%;
    display: block;
    position: relative;
}

    span.reportbeta img {
        position: absolute;
        right: -5px;
        top: 1px;
        max-width: 30px;
    }

span.reportbeta1 {
    width: 100%;
    display: block;
    position: relative;
}

.reportbeta1 img {
    position: absolute;
    max-width: 35px;
    right: -7px;
    top: -23px;
}


/*induction css*/

#wrapperTab.tab-content {
    position: relative;
    overflow: hidden;
}

    #wrapperTab.tab-content.is-animating {
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        width: auto;
    }

.tabinduction .content-pane {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(100%) translateY(0%);
}

    .tabinduction .content-pane.is-active {
        position: relative;
        opacity: 1;
        transform: translateX(0%);
    }

    .tabinduction .content-pane.is-exiting {
        opacity: 0;
        transform: translateX(0%) translateY(100%);
    }

    .tabinduction .content-pane.is-animating {
        transition: opacity 400ms ease-out, transform 400ms ease-out;
    }

#wrapperTab {
    width: 100%;
    padding: 34px 46px;
    height: 82vh;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: -1px 1px 24px #9d9d9d73, -16px 5px 38px #d9d9d98c;
    margin-top: 30px;
}

.tabinduction {
    background: #f0f6f6;
    padding: 10px 30px;
    height: 64vh;
    overflow-y: auto;
    margin-bottom: 12px;
}

.content-pane h1 {
    font-family: 'Poppins';
    font-size: 20px;
    color: #124682;
    font-weight: 800;
    margin-bottom: 10px;
}

.induFilter {
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    color: #fa4338;
    font-weight: 700;
    position: absolute;
    top: -23px;
    left: 22px;
    background: #fff;
}

.content-pane h3 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #124682;
    margin-bottom: 10px;
}

.tabinduction textarea {
    width: 100%;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
}

.queArea ul {
    padding-left: 0;
}

    .queArea ul li {
        list-style: none;
        margin-bottom: 15px;
        border-bottom: 1px solid #c3c3c3;
        padding-bottom: 6px;
    }

.queArea {
    background: #12468217;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 28%);
    margin: 10px 0px;
}

    .queArea p {
        border: none;
        color: #1d1e1e;
        font-size: 18px;
        font-weight: 500;
        padding: 0;
        margin-bottom: 6px;
    }

.inductionbtn {
    width: 100%;
    text-align: center;
    display: block;
    border-bottom: none;
}

    .inductionbtn a {
        background: #f0f6f6;
        color: #124682 !important;
        text-decoration: none;
        padding: 5px 15px;
        font-size: 16px;
        font-family: 'Poppins';
        border-radius: 5px;
        cursor: pointer;
        font-weight: 700;
    }

        .inductionbtn a:hover {
            color: #124682 !important;
        }

.InductionTag {
    display: block;
    text-align: center;
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    background: #124682;
    box-shadow: 0px 3px 6px 0px rgb(121 122 126 / 63%);
    margin-bottom: 10px;
}

.InductionTagSub {
    text-align: center;
    display: block;
    font-family: 'Poppins';
    color: #fa4338;
    font-size: 20px;
}

.tabinduction img {
    display: block;
    margin-bottom: 20px;
}

.inductionfotter {
    padding: 10px;
    background: #fa4338;
}

.inductionCheckIcon {
    color: #12a900;
}

.inductionWarningIcon {
    color: #fd0000;
}

.inductionQRSection img {
    max-width: 190px;
}

.inductionQRSection span {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 800;
    color: #fa4338;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 0px 3px 6px 0px rgb(121 122 126 / 63%);
    display: block;
    border-left: 3px solid;
    margin-bottom: 20px;
}

.queArea h3 {
    font-family: 'Poppins';
    font-size: 20px;
    color: #fa4338;
    margin-bottom: 30px;
}


/*end induction css*/

#QuestionBody img {
    max-width: 100%;
}

.Infocountdown {
    color: #ffffff;
    text-align: center;
    font-family: 'Russo One';
    font-size: 30px;
    background: #124682;
    border-radius: 15px;
    margin: 0px 10px;
    padding: 5px 10px;
}

    .Infocountdown p {
        font-size: 22px;
        margin-bottom: 0;
    }

.AppTagLine {
    position: relative;
}

.FormStyle .AppTag:before {
    content: '';
    position: absolute;
    border-width: 15px 15px 0 15px;
    border-color: #124683 transparent transparent transparent;
    border-style: solid;
    bottom: -15px;
    left: 30px;
    z-index: 9;
}

.AppTagLine .COLMAIN:after {
    content: '';
    background-image: url(../Images/border-check.png);
    width: 300px;
    height: 13px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    left: 35%;
}

.AppTagLine .questionLine:after {
    left: 34%;
}

.queAreanew h3 {
    font-family: 'Poppins';
    font-size: 20px;
    color: #fa4338;
}

a.SettingClicknew {
    color: #fa4338;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 600;
}

.WelcomeGobtn .btn {
    border: 2px solid #f2f2f2;
    background: #00e907;
    color: #fff;
    font-size: 22px;
    font-family: poppins;
    border-radius: 24px;
    padding: 6px 20px;
    font-weight: 100;
}

    .WelcomeGobtn .btn:hover {
        background: #00e907;
        color: #fff;
        border: 2px solid #00e907;
    }

.mainwelcomeDiv {
    width: 100%;
    height: 66vh;
    display: grid;
    place-content: center;
}

.Welcomelogo img {
    max-width: 250px;
    margin-top: 50px;
}

.WelcomeGobtn {
    position: fixed;
    width: 100vw;
    background: #02020280;
    padding: 5px 20px;
    bottom: 0;
    left: 0;
}

    .WelcomeGobtn img {
        max-width: 130px;
    }

    .WelcomeGobtn span {
        color: #fff;
        font-family: 'Poppins';
    }


/*.BOXDIV {
    display: inline-block;
    background: #caf5d8;
    margin: 10px;
    border-radius: 6px;
    box-shadow: 0px 2px 4px 1px rgb(96 96 96 / 28%);
    height: 80px;
    width: 240px;
    position: relative;
}
    .BOXDIV .btn {
        padding: 10px 10px;
        margin-top: 12px;
        background: none;
        font-family: 'Poppins';
        font-size: 20px;
        color: #124682;
        font-weight: 600;
    }
span.Sidetriangle {
    position: absolute;
    right: -5px;
    webkit-clip-path: polygon(0% 90%, 100% 0%, 100% 0%, 100% 90%);
    clip-path: polygon(0% 90%, 100% 0%, 100% 0%, 100% 90%);
    background: #fa4338;
    transform: rotate( 270deg);
    top: 0px;
    color: #fff;
    font-family: 'Poppins';
    padding: 10px 16px;
}
    span.Sidetriangle:after {
        content: 'O';
        position: relative;
        right: -7px;
        top: 7px;
    }*/


/*.CompLOGO img {
    position: absolute;
    max-width: 200px;
    top: 32%;
    left: 9%;
    z-index: -9;
    opacity: 0.2;
}*/

.boxIAMInner {
    background: none;
    font-family: 'Poppins';
    color: #ffffff;
    font-weight: 100;
    letter-spacing: 2px;
    font-size: 22px;
}

.WelcomeGobtnOUT .btn i {
    transform: rotate( 0deg);
}

.boxIAMInner {
    text-align: left;
    margin: 10px;
    height: 90px;
    /* width: 390px;*/
    background: #124682;
    border-radius: 7px;
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .5s ease;
    padding: 20px;
}

    .boxIAMInner:hover {
        transform: translateY(-5px);
    }

.SideICON {
    display: block;
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 2px;
    left: 4px;
}

.boxIAMInner i.fa {
    color: #fff;
    font-size: 24px;
    margin-right: 10px;
}

.SideICON i {
    transform: rotate( 320deg);
    font-size: 22px;
    color: #ffffff;
    padding: 2px 4px;
}

.SideICON1 i {
    transform: rotate( 142deg);
    font-size: 22px;
    color: #ffffff;
    padding: 2px 4px;
}

.SideICON1 {
    position: absolute;
    right: 5px;
    top: 5px;
}

.numgallery {
    padding: 0 10px;
    color: #fa4338;
    font-family: 'Poppins';
}

.Delgallery a {
    color: #124581;
    text-decoration: none;
}

.Delgallery {
    padding: 0;
}

.galleryTable tr {
    background: #ebf0f4;
    box-shadow: 0px 10px 20px 0px rgb(8 18 109 / 14%);
}

span.span-bloc span {
    color: black;
    font-size: inherit;
}

.scan-Txt {
    font-size: 16px;
    font-family: 'Poppins';
    background: #000000;
    padding: 4px 14px;
    border-radius: 10px;
    position: absolute;
    bottom: -35px;
}

.admin-staff i {
    font-size: 14px !important;
    margin-left: 4px !important;
    margin-right: 5px !important;
    background: -webkit-linear-gradient(#0044cc, #333);
    padding: 6px;
    border-radius: 10px;
    /* padding-top: 6px; */
}

.iPadLogo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 12%;
}

    .iPadLogo img {
        max-width: 152px;
        position: absolute;
        left: 10%;
        top: 11px;
    }

.scan-Txt-ipad {
    font-size: 13px;
    font-family: 'Poppins';
    background: #000000;
    padding: 4px 14px;
    border-radius: 10px;
    position: absolute;
    bottom: 136px;
}

.MidText {
    position: absolute;
    top: 43%;
    font-size: 15px;
    font-weight: 200;
    font-family: 'Poppins';
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
}

.Tabfotter {
    position: absolute;
    bottom: 9%;
    background: #00000085;
    width: 90%;
    left: 4%;
    display: flex;
    justify-content: space-around;
    color: #fff;
    font-family: 'Poppins';
    padding: 6px 6px;
    align-items: center;
    z-index: -9;
}

    .Tabfotter .btn {
        padding: 4px 10px;
        font-size: 16px;
        font-family: 'Poppins';
        border-radius: 30px;
        background: #00e907;
        color: #fff;
    }

    .Tabfotter span {
        font-size: 12px;
    }

.iPadImage img {
    position: absolute;
    width: 370px;
    height: 550px;
    top: 3rem;
    left: 5%;
    z-index: -9;
}

.iPadMobile img {
    position: absolute;
    width: 290px;
    height: 550px;
    top: 5%;
    left: 1.6%;
    z-index: -9;
}

span.scan-Txt-desk {
    font-size: 13px;
    font-family: 'Poppins';
    background: #000000;
    padding: 4px 14px;
    border-radius: 10px;
    position: absolute;
    bottom: 136px;
    left: 6% !important;
}

.admin-i i {
    margin-left: 4px;
    margin-right: 5px;
    background: -webkit-linear-gradient(#0044cc, #333);
    padding: 8px;
    border-radius: 10px;
    padding-top: 10px;
}

.admin-bak i {
    margin-left: 2px !important;
    margin-right: 1px !important;
    background: -webkit-linear-gradient(#0044cc, #333);
    padding: 2px;
    border-radius: 10px;
    padding: 8px;
    padding-bottom: 9px;
    padding-left: 4px;
}

.admin-bak {
    font-size: 15px !important;
}

.DemoVisitordate.desk {
    top: 15% !important;
    font-size: 17px !important;
    right: 10% !important;
}

.DemoVisitorhour.desk {
    top: 8%;
    font-size: 35px;
}

.Tabfotter.desk img {
    margin-left: -50px;
}

.MidTextmob {
    position: absolute;
    top: 46%;
    font-family: 'Poppins';
    width: 100%;
    text-align: center;
    font-size: 28px;
}

.bandinnerwrapmobile .MidText {
    left: 25%;
}

.bandinnerwrapmobile .Tabfotter span {
    font-size: 10px;
}

.SignupOptional {
    font-size: 10px;
    color:red
}

.bandinnerwrapmobile .iPadLogo img {
    max-width: 210px;
    left: 6%;
    position: absolute;
}

.bandinnerwrapmobile .Tabfotter {
    width: 95%;
    left: 6px;
    bottom: 25px;
}

.BrandDesktop img {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 4%;
    z-index: -9;
    max-height: 462px;
    height: 62vh;
    width: 100%;
}

.DesktopLogo img {
    max-width: 200px;
    position: absolute;
    top: 8%;
    left: 5%;
}

.bandinnerwrapdesktop .MidText {
    top: 30%;
    font-size: 20px;
    width: 100%;
    text-align: center;
}

.bandinnerwrapdesktop .Tabfotter {
    bottom: 32%;
    left: 0;
    width: 100%;
}

    .bandinnerwrapdesktop .Tabfotter .btn {
        font-size: 14px;
    }

    .bandinnerwrapdesktop .Tabfotter span {
        font-size: 14px;
    }

.user-select-height {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.bg-orange {
    background: #e35f21;
}

.FinalPaymentDetails {
    font-family: 'Poppins';
}

.paid-plan {
    padding-top: 40px;
    padding-bottom: 38px;
    background: #f7f7f7;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 19px 0px rgb(180 180 180 / 40%);
    /* padding: 0px 0px 0px 0px; */
    border-radius: 6px 6px 6px 6px;
}

div#pPaymentDetails {
    font-family: 'Poppins';
}

.paid-plan img {
    width: 77%;
    /* background: #e35f21; */
    border-radius: 50px;
    padding: 21px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: -2px;
}

.paid-plan table {
    border: 1px solid #d1cbcb;
    border-radius: 50px;
}

.paid-plan td {
    padding: 10px 11px;
    border-radius: 10px;
    font-family: sans-serif;
    border: 1px solid #d1cbcb;
}

div.div-cap#divcaptcha div {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.p-note {
    color: black !important;
    font-size: 14px !important;
    margin-bottom: 21px !important;
    text-align: center !important;
    line-height: 27px;
    font-weight: normal !important;
}

a#divPaypalBtn img {
    margin-bottom: 15px;
}

@media screen and (min-width: 501px) and (max-width: 3000px) {
    .img-mob {
        display: none;
    }
}