﻿/*@font-face { font-family: 'AvenirLTStd'; src: url('Fonts/AvenirLTStd-Medium.woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'AvenirLTStd'; src: url('Fonts/AvenirLTStd-Light.woff'); font-weight: 200; font-style: normal; }

@font-face { font-family: 'AvenirLTStd'; src: url('Fonts/AvenirLTStd-Heavy.woff'); font-weight: 700; font-style: normal; }*/

@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


* {
    outline: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Urbanist", sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.4px;
}

body {
    background-color: #fff;
    color: #142535;
    font-family: "Nunito Sans", sans-serif !important;
    margin: 0;
    padding: 0;
    font-weight: 400;
    position: relative;
    min-height: 100vh;
    letter-spacing: 0.25px;
}

.body-content { /*padding-bottom: 3%;*/ /*padding-bottom: 3%;*/
}

.red {
    color: #f00
}

p {
    font-size: 16px;
    line-height: 1.6;
    color: #475666;
}

.spacer10 {
    height: 10px
}
/* Set width on the form input elements since they're 100% wide by default */
header.layoutheader {
    background: none;
    height: auto; /*min-height: 100px;*/
}

.pLeft0 {
    padding-left: 0;
}

.pRight0 {
    padding-right: 0;
}

.nopadding {
    padding: 0px !important;
}
.form-control:focus {
    outline: 0;
    box-shadow: none !important;
    border: 1px solid #4b0072;
}

.fixnav {
    position: fixed;
    background: #fff !important;
    box-shadow: 0 0 10px rgb(146 146 146 / 20%);
    width: 100%;
    z-index: 9999;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    top: 0;
}

.navbar-brand, .navbar-brand img {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.fixed_Nav .fixnav {
    background: #fff !important;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.fixed_Nav .navbar-brand {
    padding: 0px;
}

.navbar-brand img {
    max-width: 300px;
}
/*.fixed_Nav .navbar-brand img { max-width: 140px; }*/
.nav-link {
    font-weight: 400;
}

a {
    color: #333333 !important;
    outline: none;
    text-decoration: underline;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    cursor: pointer;
}

    a:hover, .ViewVideo .breadcrumb a:hover {
        color: #bc3dff !important;
    }

.layoutheader .bg-light {
    background: none !important;
}


.mTop20 {
    margin-top: 20px !important;
}

.fixnav a.nav-link {
    font-size: 16px;
    color: #3f4047 !important;
    position: relative;
    line-height: 1;
    font-weight: 400;
    position: relative;
}

.fixnav .navbar-home-icon a {
    font-size: 24px;
    padding: 0;
    margin: 0 5px;
}

.header-menu li a {
    padding: clamp(0.9375rem, -0.625rem + 2.0833vw, 1.875rem) 5px clamp(0.9375rem, -0.625rem + 2.0833vw, 1.875rem) 5px !important;
    margin: 0 5px;
}

    .header-menu li a:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background-color: #F7BE00;
        border-radius: 25px;
        transition: transform 0.25s ease-out;
        transform: scaleX(0);
        transform-origin: bottom right;
    }

    .header-menu li.active a:after, .header-menu li a:hover:after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

.fixnav .navbar-home-icon.active a {
    color: #3097f3 !important;
}

.fixnav li a.nav-link {
    text-decoration: none;
}

.fixnav a.nav-link:hover {
    color: #0E4678 !important;
}
/*.fixnav li{border-right: 1px solid #c3c2c2;}*/
.fixnav li:last-child {
    border-right: none
}

.fixnav li.active a.nav-link {
    color: #f2671d !important;
}

.fixnav li.active a {
    color: #f2671d !important;
}
/*.fixnav li.active {
    border-bottom: 3px solid #f2671d !important;
    padding: 10px 0px;
}*/

.borRnone {
    border-right: none !important;
}

.navbar-nav .nav-link.btnprimary {
    background: #f26c1d !important;
    color: #fff !important;
    padding: 10px 35px !important;
    font-weight: 500;
    text-decoration: none;
}

    .navbar-nav .nav-link.btnprimary:hover {
        background: #fff !important;
        color: #f26c1d !important;
    }

.fixed_Nav .navbar-nav .nav-link.btnprimary:hover {
    background: #4B0072 !important;
    color: #000 !important;
}

.supBanner {
    background: url("images/EE-Banner-Bg.png") no-repeat;
    background-position: 100% 70px;
    background-size: 240px;
    padding-top: 120px;
    padding-bottom: 60px;
    /*color: #fff;*/
}

    .supBanner .img-fluid {
        max-width: 100%;
    }
    /*.supBanner:before{position:absolute;right:-100px;top:-200px;background:#00aeef;height:680px;width:50%;content:"";border-radius:100%;}*/
    .supBanner h1 {
        font-size: 40px;
    }
    .supBanner h2 {
        font-size: 36px;
    }

    .supBanner span {
        margin: 10px 0;
        display: block;
        font-size: 16px;
        line-height: 24px;
    }

    .supBanner input, .Supptflex input {
        height: 50px !important;
        min-width: 485px !important;
        border-radius: 50px 0px 0px 50px;
        border: 1px solid #ddd;
        margin-right: 0px !important;
        padding-left: 30px;
    }

.Searchpage .Supptflex input {
    height: 50px !important;
    min-width: 50% !important;
    border-radius: 50px 0px 0px 50px;
    border: 1px solid #cdcdcd;
    margin-right: 0px !important;
}

.Searchpage .Supptflex {
    margin: 0px 0px !important;
    padding: 0px;
    justify-content: center;
}

/*.Searchpage .Suggestions {max-width: 444px!important;}*/

.Searchresults {
    margin: 0px auto 20px;
    padding-top: 60px;
}

.searchbg {
    vertical-align: middle;
    background: #f9fbff;
    display: flex;
    align-items: center;
    min-height: 150px !important;
    padding: 100px 0px 30px;
    border-bottom: 1px solid #dee2e6; /* background: #fcf6f5;*/
}

.Supptflex {
    margin: 40px 0px 0px;
    position: relative;
}

    .Supptflex .btnsrch {
        background: #F7BE00;
        height: 50px;
        font-size: 18px;
        font-weight: 600;
        border-radius: 0px 50px 50px 0px;
        border: none;
        min-width: 150px;
        margin-left: -1px;
    }

.supprtBox .d-flex {
    display: block !important;
}

.btnprimary {
    background: #f2671d !important;
    color: #000 !important;
    font-size: 18px;
    text-transform: capitalize;
    padding: 8px 20px;
    border-radius: 200px;
    text-align: center;
    margin: 10px;
    display: inline-block;
    border: none;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    font-weight: 600;
    text-decoration: none !important;
}

    .btnprimary:hover, .btnprimary:focus {
        background: #00aeef !important;
        border: none;
        color: #000 !important;
    }

.btnlg:hover, .btnlg:focus {
    background: #00aeef !important;
    border: none;
    outline: 0;
}




.supprtBox {
    padding: 20px 15px;
    border: 1px solid#dfe1e8;
    border-radius: 10px;
    margin: 5px;
    max-width: 270px !important;
    display: inline-block;
    cursor: pointer;
    min-height: 198px;
    float: left;
    transition: 0.3s all ease-in-out;
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

    .supprtBox::before {
        content: "";
        position: absolute;
        left: -37px;
        top: -51px;
        background: rgba(242, 108, 29,0.1);
        width: 100px;
        height: 111px;
        border-radius: 15px;
        transform: rotate(49deg);
        z-index: -1;
    }

    .supprtBox:hover {
        border: 1px solid #b4b6be;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
    }

        .supprtBox:hover img {
            filter: grayscale(0);
        }

    .supprtBox h3 {
        font-size: 18px;
        margin: 5px 0 10px 0px;
        color: #393a3d;
        font-weight: 400;
        line-height: 24px;
        display: block;
    }

    .supprtBox p {
        color: #3f4047;
        font-size: 15px;
        line-height: 24px;
        text-align: left;
        font-weight: 200;
        padding: 0px;
        margin: 0px;
    }

    .supprtBox img {
        filter: grayscale(1);
        transition: 0.3s all ease-in-out;
    }

.bodyContent {
    max-width: 1200px;
    margin: auto;
}

.startfree {
    text-align: center;
    background: #fff; /*min-height: 200px;*/
    display: block;
    padding: 20px 20px;
    border-radius: 10px;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,.1);
}

    .startfree p {
        font-size: 18px;
    }

.stickyTop {
    position: sticky;
    top: 12%;
}



.startfree h2 {
    font-size: 20px;
    text-align: center;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}

.startfree a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    word-break: break-word;
    color: #00aeef;
}


.videos {
    cursor: pointer !important;
}


.AllSupport {
    text-align: center;
    border: 1px solid #f4f4f4;
    display: block;
    padding: 15px;
    margin: 15px 0px;
}

    .AllSupport h2 {
        font-size: 21px;
        text-align: center;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .AllSupport a {
        text-decoration: underline;
        font-size: 16px;
        font-weight: 600;
    }

    .AllSupport .playbtn {
        background: #00ADEE url(images/playbtn-white.png) top 7px left 5px no-repeat;
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
        padding: 5px 10px 5px 25px;
        text-align: center;
        margin: 10px;
        display: inline-block;
        min-width: 150px;
        border: none;
    }

        .AllSupport .playbtn:hover {
            background: #0a8ebf url(images/playbtn-white.png) top 7px left 5px no-repeat !important;
        }


a.blueLink {
    text-decoration: underline !important;
    font-size: 16px;
    font-weight: 200;
    color: #00aeef !important;
    margin-left: 50px;
    cursor: pointer;
}

    a.blueLink:hover {
        color: #003c86 !important;
    }

.category {
    border: 1px solid rgba(0,0,0,.1);
    background: #f2f2f2; /*box-shadow: 0px 0px 25px rgba(0,0,0,0.1);*/
    border-radius: 10px;
}

    .category ul.sidebar {
        padding: 0px;
        background: #FFF;
        margin: 0px !important;
        border-radius: 0px 0px 10px 10px;
    }

        .category ul.sidebar li {
            list-style: none;
            border-bottom: 1px rgba(0,0,0,.1) solid;
            padding: 5px 5px;
            background: none;
            margin-bottom: 0px;
        }

            .category ul.sidebar li a {
                color: #333;
                border-radius: 4px;
                transition: all .2s ease-in-out 0s;
                -moz-transition: all .2s ease-in-out 0s;
                -webkit-transition: all .2s ease-in-out 0s;
                -o-transition: all .2s ease-in-out 0s;
                text-decoration: none;
                display: block;
                padding: 5px 10px;
                font-size: 16px;
                font-weight: 500;
                width: 100%;
                color: #333;
                background: none;
                border: none !important;
            }

                .category ul.sidebar li a:hover {
                    color: #00aeef !important;
                    background: none;
                }

                .category ul.sidebar li a.menuactive {
                    color: #f2671d !important; /*background: #fcf6f5 ;*/
                }

    .category h2 {
        font-weight: 600;
        padding: 12px 15px;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin-bottom: 0px;
        text-align: left;
        font-size: 18px;
    }

    .category ul.sidebar li:last-child {
        border: none;
    }

    .category ul.sidebar li a.active {
        color: #00aeef !important;
    }

    .category ul.sidebar li a.childactive {
        color: #f2671d !important;
    }

.openCategory ul.sidebar li a.childactive {
    color: #f2671d !important;
}

.SupportUl ul li {
    font-size: 18px;
    line-height: 26px;
    list-style: none !important;
    font-weight: 500;
    position: relative;
    background: none;
    margin: 10px 0px;
}



    .SupportUl ul li a {
        color: #212529 !important;
        text-decoration: none;
        cursor: pointer;
        background: url(images/rightArrow.png) no-repeat 10px 14px #f9f9f9;
        padding: 8px 10px 8px 35px;
        display: block;
        border: 1px solid #f1f1f1;
        border-radius: 6px;
    }


        .SupportUl ul li a:hover { /*text-decoration: underline;*/
            background-color: #edfafd;
            border-color: #bdcdd1;
        }

.SupportHeading {
    font-size: 26px;
    color: #333;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0px 15px 0px;
    text-align: center;
}

.supportBOt .SupportHeading {
    text-align: left;
}

.SupportUl {
    padding: 60px 0px 60px;
    background: #fff;
}
    /*.trendSection { padding: 60px 0px 120px; background: #fff; }*/

    .SupportUl ul {
        margin-left: 0;
        padding-left: 0px;
    }

.supportBOt {
    padding: 50px 0;
    text-align: left;
    background: rgb(3, 67, 128);
}

    .supportBOt h5, .supportBOt .h5, .supportBOt .SupportHeading {
        color: #fff;
        font-size: 1.25rem;
    }

    .supportBOt ul {
        margin: 0;
        padding-left: 35px;
    }

        .supportBOt ul li {
            padding: 10px 0px !important;
            list-style: none;
            line-height: 20px;
        }

            .supportBOt ul li a {
                padding: 0px !important;
                color: #aeb7c1 !important;
                font-size: 16px;
                font-weight: 400 !important;
                position: relative;
                text-align: left;
                cursor: pointer;
                display: block;
                text-decoration: none;
            }

                .supportBOt ul li a:hover {
                    text-decoration: none;
                    color: #fff !important;
                }

                .supportBOt ul li a:before {
                    content: "";
                    background: #aeb7c1;
                    height: 10px;
                    width: 10px;
                    border-radius: 50px;
                    position: absolute;
                    left: -20px;
                    top: 5px;
                }


.footer {
    text-align: center;
    background: #4B0072;
    padding: 15px 0px;
}

    .footer p {
        margin: 0px !important;
        font-size: 14px;
        font-weight: 400;
        color: #527eae;
    }


.ViewVideo .breadcrumb {
    margin: 0px 0px 20px;
    background: unset; /*border-bottom: 1px solid #dfdfdf;*/
    border-radius: unset;
    padding: 0px 0px 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}
    /*.BannerViewVideo .breadcrumb { margin-bottom: 10px; }*/
    .ViewVideo .breadcrumb li {
        margin-bottom: 0px;
    }


    .ViewVideo .breadcrumb a {
        text-decoration: underline !important;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
    }


.videoTitle {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}

.ViewVideo h1 {
    color: #212529;
    font-size: 26px;
    margin: 0px 0px 0px;
    line-height: 40px;
}

.relatedQuestion {
    margin-top: 15px;
}

.ViewVideo ul.question {
    margin: 0;
    list-style-type: none;
    padding: 0px;
}

.ViewVideo div.question {
    margin: 20px 0 10px 0;
    list-style-type: none;
    padding: 0
}

    .ViewVideo div.question h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .ViewVideo div.question div.border-bottom:last-child {
        border: none !important;
    }

.ans-Char {
    float: left;
    font-weight: 600;
    margin-left: 30px;
    margin-top: 2px;
}
/*.ViewVideo ul.question li { margin-bottom: 5px; background: none; padding-left: 0px; }*/
.ViewVideo ul.questionRelated {
    margin: 10px 0px 10px 0px;
    list-style-type: none;
    padding: 0px;
}

    .ViewVideo ul.questionRelated li {
        margin-bottom: 5px;
        background: none;
        padding-left: 0px;
    }

        .ViewVideo ul.questionRelated li a {
            font-size: 15px;
            padding: 5px 10px 5px 25px;
            background: url(images/rightArrow.png) no-repeat 5px 10px;
            color: #00aeef !important;
        }

            .ViewVideo ul.questionRelated li a:hover {
                color: #f2671d !important;
            }

.ViewVideo ul {
    margin: 10px 0px 10px 20px;
    list-style-type: none;
    padding: 0px;
    font-size: 16px;
    color: #3f4047;
}

.ViewVideo ol {
    margin: 10px 0px 10px 20px;
    padding: 0px 0px 0px 20px;
    font-size: 18px;
    color: #3f4047;
}
/*.ViewVideo ul li, .ViewVideo ol ul li { margin-bottom: 15px; background: url(images/bulletIcon.png) no-repeat left 5px; padding-left: 23px; border: none; }*/
ul.bulletPoints {
    margin-top: 15px;
    padding-left: 20px;
}

    ul.bulletPoints li {
        margin-bottom: 15px;
        background: url(images/bulletIcon.png) no-repeat left 5px;
        padding-left: 23px;
        border: none;
    }

.ViewVideo ol li {
    margin-bottom: 15px;
    background: none;
}

.videoUL { /*margin-top: 30px;*/
}

.ViewVideo ul li a:hover {
    color: #4B0072 !important;
}

.ViewVideo ul li a svg path {
    fill: #333333;
}

.ViewVideo ul li a:hover svg path {
    fill: #0A77D6;
}

.ViewVideo ul li a {
    text-decoration: none !important;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #F2F6FA;
    padding-bottom: 0.3rem;
    color: #333 !important;
    margin-bottom: 12px;
}

.ViewVideo .faqAns ul li a {
    background: none;
    border: none;
    padding: 0px;
    font-weight: 200;
    color: #00aeef !important;
    text-decoration: underline;
    display: initial;
}

    .ViewVideo .faqAns ul li a:hover {
        color: #f2671d !important;
    }

.videoBanner {
    background: #fcf6f5;
    min-height: 200px;
    background-size: cover;
    margin: 0;
    padding: 30px 0px;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
/*.getReady.colorBg { background: #fff; }*/

.btnlg {
    background: #4B0072 !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border-radius: 200px;
    border: none !important;
    padding: 8px 20px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    min-width: 150px;
    text-decoration: none;
}

    .btnlg:hover {
        background: #F8EFFF !important;
        color: #4B0072 !important;
        text-decoration: none !important;
    }

#qnSuggestions .btnlg {
    font-size: 14px !important;
}

.videoBanner h1 {
    font-size: 36px;
    line-height: 45px;
    margin: 0px 0px 25px;
    color: #333;
    font-weight: 400;
}

.product .videoTitle {
    border-bottom: 1px solid #dee2e6; /*margin-bottom: 15px; padding-bottom: 15px; color: #333; font-size: 22px; line-height: 20px;*/
}

.product .videoUL p {
    margin: 0px 0px 15px;
    line-height: 1.5;
    font-size: 18px !important;
    color: #3f4047 !important;
    text-align: left;
}

.Article p {
    line-height: 24px;
    font-size: 16px;
    color: #8d9096;
    font-weight: 200;
    text-align: left;
}

.spacer30 {
    height: 30px;
}

.spacer20 {
    height: 20px;
}

.Article b {
    font-size: 18px;
    margin-bottom: 10px;
    color: #555;
    font-weight: 400 !important;
    display: block;
}

.Article {
    margin: 30px 0px 0px; /*padding: 10px 0px 40px;border-bottom: 1px solid #dfdfdf;*/
}

.arrowul li a {
    color: #555555 !important;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0px;
    list-style: none;
    font-weight: 200;
    position: relative;
    text-align: left;
}

.arrowul li:before {
    content: "";
    background: url(images/rightArrow.png) no-repeat !important;
    position: absolute;
    top: 15px !important;
    left: -26px;
    height: 20px;
    width: 20px;
}

.playul li {
    color: #555555;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0px;
    list-style: none;
    font-weight: 600;
    position: relative;
    text-align: left;
}

    .playul li:before {
        content: "";
        background: url(images/playbtn.png) no-repeat !important;
        position: absolute !important;
        top: 12px !important;
        left: -26px !important;
        height: 20px !important;
        width: 20px !important;
    }

.borBot {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 30px;
}

.BotTop {
    border-top: 1px solid #dfdfdf;
    margin-top: 30px;
}

.Suggestions { /*display: inline-block;*/
    border-radius: 0 0 12px 12px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    z-index: 1500;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgb(125 125 125 / 20%);
    max-height: 400px;
    overflow-y: auto;
    left: 0;
    top: 60px;
}

.m-10 {
    margin: 10px;
}

.Suggestions div:hover {
    background: #FCF7FF;
    cursor: pointer;
    border-color: #bdcdd1;
}

.Suggestions div.noResult {
    border: 1px solid transparent !important;
}

    .Suggestions div.noResult:hover {
        cursor: default;
        background: none;
        border: 1px solid transparent !important;
    }

.Suggestions div h5 {
    font-size: 16px;
    color: #f2671d;
    font-weight: 600;
    margin: 0px 0 5px;
}

.Suggestions div h2 {
    font-size: 18px;
    color: #212529;
    margin: 0px 0px 10px;
    font-weight: 500;
    text-align: left;
    line-height: normal;
}

.Suggestions div h3 {
    font-size: 16px;
    color: #212529;
    margin: 0px 0px 10px;
    font-weight: 500;
    text-align: left;
    line-height: normal;
}

.Suggestions div span {
    font-size: 16px;
    color: #3f4047;
    font-style: initial;
    line-height: 1.4;
    padding: 0;
    display: -webkit-box;
    height: inherit;
    margin: 0px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Suggestions div {
    padding: 10px 10px;
    margin: 10px 15px;
    color: #555;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    text-align: start;
}

    .Suggestions div span ul, .Suggestions div span ol {
        overflow: hidden;
        margin-top: 10px;
    }

.searchTitle {
    font-size: 18px;
    margin-bottom: 4px; /*color: #555;*/
    color: #212529;
    font-weight: 400 !important;
    display: block;
    background: url(images/rightArrow.png) no-repeat 10px 8px;
    padding-left: 35px;
}


.searchAnswer {
    font-size: 18px;
    color: #3f4047;
    text-align: left;
    line-height: 1.5;
    font-weight: 200;
    padding: 0px 10px 0px 35px;
}

.Searchsec {
    margin: 10px 0px 0px;
    padding: 10px 0px;
    border: 1px solid transparent;
}

    .Searchsec:hover {
        background: #f9f9f9;
        border-radius: 6px;
        border: 1px solid #f1f1f1;
    }

.navbar-brand {
    margin-right: 2rem !important;
}


.VideoModal {
    display: flex;
    align-items: center;
    height: 100vh !important;
    width: 750px !important;
    max-width: 750px !important;
}

    .VideoModal iframe {
        width: 100% !important;
        height: 400px !important;
    }

    .VideoModal .form-group {
        margin-bottom: 0rem;
    }

    .VideoModal .modal-title {
        color: #fff;
        font-size: 22px;
        line-height: 30px;
    }

    .VideoModal .close {
        color: #fff !important;
        font-size: 34px !important;
        line-height: normal !important;
        opacity: 0.8 !important;
        padding: 10px !important;
    }

    .VideoModal .modal-header {
        background: #00aeef;
    }

    .VideoModal .modal-body {
        padding: 20px !important;
    }

.videoSec {
    display: flex;
}

    .videoSec iframe {
        max-width: 250px !important;
        max-height: 150px !important;
    }



/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 25px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}

    .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .animated-icon1 span {
        background: #000;
    }

        .animated-icon1 span:nth-child(1) {
            top: 5px;
        }

        .animated-icon1 span:nth-child(2) {
            top: 12px;
        }

        .animated-icon1 span:nth-child(3) {
            top: 19px;
        }

    .animated-icon1.open span:nth-child(1) {
        top: 12px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .animated-icon1.open span:nth-child(2) {
        opacity: 0;
        left: 0px;
    }

    .animated-icon1.open span:nth-child(3) {
        top: 12px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }


/*#contact-form label.error, .field-validation-error {
    background: red;
    font-weight: bold;
    font-size:11px!important;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    line-height: 15px;
    display: block;
    top: -25px;
    margin: 0;
}*/
.ContactUs {
    margin: 20px auto 20px;
}

    .ContactUs .form-group {
        margin-bottom: 2rem !important;
    }

/*   #contact-form label.error, .field-validation-error {
    background: red; 
    font-weight: bold;
    font-size: 13px!important;
    color: red;
    padding: 10px 0px;
    position: absolute;
    right: 0;
    line-height: 15px;
    display: block;
    top: unset;
    margin: 0;
    bottom: -30px;
    left: 5px;
    right: unset;
}*/




label.error:before {
    content: "\f06a";
    position: absolute;
    font-family: 'FontAwesome';
    left: 7px;
    top: -1px;
    color: #d74313;
    font-size: 15px;
}

label.error {
    margin: 0;
    padding: 2px 5px 2px 25px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0px;
    top: -21px;
    z-index: 1;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid #d74313;
    color: #333;
    font-weight: normal;
}

    label.error:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -23px;
        bottom: -8px;
        left: 53px;
        box-sizing: border-box;
        border: 4px solid white;
        border-color: transparent transparent #fff #fff;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -ms-transform: rotate(-43deg);
        -webkit-transform: rotate(-43deg);
        -moz-transform: rotate(-43deg);
        -o-transform: rotate(-43deg);
        transform: rotate(-43deg);
        box-shadow: -1px 1px 0px 0 rgb(215, 71, 87);
        background: #fff;
    }

.contactRadio ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .contactRadio ul li {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }

        .contactRadio ul li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

        .contactRadio ul li label {
            display: block;
            position: relative;
            padding: 5px 20px 5px 35px;
            margin: 5px auto;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
        }

        .contactRadio ul li:hover label {
            color: #333;
        }

        .contactRadio ul li .check {
            display: block;
            position: absolute;
            border: 3px solid #ced4da;
            border-radius: 100%;
            height: 25px;
            width: 25px;
            top: 8px;
            left: 0px;
            z-index: 5;
            transition: border .25s linear;
            -webkit-transition: border .25s linear;
        }

        .contactRadio ul li:hover .check {
            border: 3px solid #757575;
        }

        .contactRadio ul li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 11px;
            width: 11px;
            top: 4px;
            left: 4px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

.contactRadio input[type=radio]:checked ~ .check {
    border: 3px solid #00aeef;
}

    .contactRadio input[type=radio]:checked ~ .check::before {
        background: #00aeef;
    }

.contactRadio input[type=radio]:checked ~ label {
    color: #333;
}

.taR {
    text-align: right;
}

.taL {
    text-align: left;
}


/*label#IsETTCustomer-error {
    bottom: -72px!important;
}*/

.taC {
    text-align: center;
}

/*#ContactUsId {margin-top:20px;}*/


.ContactForm {
    display: inline-block;
    margin: auto;
    padding: 0px 0px 0px;
}

input[type="button"] {
    outline: none !important;
}


    input[type="button"]:focus {
        outline: 0;
    }
/*.ViewVideo { margin-top: 0px !important; padding: 20px 0px 50px; }*/
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 60px;
}

    #back-to-top a {
        color: #fff;
        font-size: 30px;
        display: block;
        height: 40px;
        transition: all 1s ease 0s;
        width: 40px;
        -ms-transition: 1s;
        -webkit-transition: 1s;
        opacity: 0.9;
        -moz-transition: 1s;
        transition: 1s;
        background: #f7f5f5;
        line-height: 14px;
        text-align: center;
        padding-top: 9px;
        border: 1px solid #f2671d;
        border-radius: 50%;
    }

        #back-to-top a img {
            width: 20px;
            height: auto;
        }

.success-msg {
    background-color: #dff0d8;
    padding: 15px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    position: relative;
}

    .success-msg p {
        margin-bottom: 0px;
        color: #3c763d;
        font-weight: 300;
    }

.visible-xs {
    display: none !important;
}

.success-msg .fa {
    position: absolute;
    right: -10px;
    top: -11px;
    color: #646464;
    font-size: 20px;
    cursor: pointer;
}

.Topic_Section {
    background: #fcf6f5;
    padding: 0px 0px 0px;
    border-top: 1px solid #dee2e6;
}

    .Topic_Section.notTap {
        padding: 60px 0px;
    }
/*.customizeSection { background: #fcf6f5; padding: 60px 0px 60px; border-top: 1px solid #dee2e6; margin-top: -60px; }*/
.mainCategory {
    width: 23%;
    margin: 0 1%;
    font-weight: 500;
    max-width: 260px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}

    .mainCategory a {
        display: block;
        text-decoration: none;
    }

        .mainCategory a .image {
            padding: 31px 0;
            background: #fff;
            box-shadow: 0 1px 3px 0 rgba(55,59,66,.15),0 0 0 1px rgba(55,59,66,.05),0 15px 20px 0 transparent;
            border-radius: 6px;
            margin: 0 0 15px;
            transition: background .15s linear;
        }

        .mainCategory a:hover .image {
            box-shadow: 0px 0px 10px rgba(0,0,0,.15);
        }

        .mainCategory a .name {
            margin: 0 0 7px;
            font-weight: 600;
            font-size: 20px;
            color: #333333;
        }

        .mainCategory a .text {
            padding: 0 4%;
            font-size: 16px;
            color: #868686;
            line-height: 24px;
            font-weight: 300;
        }

.product .videoUL .faqAns, .faqAns {
    margin: 0px;
    color: #3f4047;
    font-size: 18px;
    line-height: 1.5;
}

    .product .videoUL .faqAns img, .faqAns img {
        max-width: 100%;
        border: 2px solid #B8BABD !important;
        box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    }
/*.BannerViewVideo { padding-top: 120px !important; }*/
.SearchListShow.Searchpage .Suggestions {
    left: 50%;
    margin-left: -327px;
    max-width: 655px !important;
}



@font-face {
    font-family: "glyphs";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphs) format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "glyphs";
        src: url(../fonts/glyphicons-halflings-regular.svg#glyphs) format("svg")
    }
}

/*.article-vote { margin-top: 50px; border-top: 1px solid #dfdfdf; padding-top: 20px; }*/
.article-vote .vote-up {
    border: 1px solid #017517;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 16px;
    text-decoration: none;
    color: #017517 !important;
    font-size: 14px;
}

.article-vote .vote-down {
    border: 1px solid #CA140B;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 16px;
    text-decoration: none;
    color: #CA140B !important;
    font-size: 14px;
}

.article-vote .vote-up:before {
    content: "\e125";
    display: inline-block;
    font-family: glyphs;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    margin: 0 2px 0 0;
    color: #017517;
    top: 2px;
    position: relative;
}

.article-vote .vote-down:before {
    content: "\e126";
    display: inline-block;
    font-family: glyphs;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    margin: 0 2px 0 0;
    color: #CA140B !important;
    top: 2px;
    position: relative;
}

.article-vote .vote-up.active {
    color: #198d5b !important;
    border-color: #198d5b !important;
}

    .article-vote .vote-up.active:before {
        color: #198d5b !important;
    }

.article-vote .vote-down.active {
    color: #be2929 !important;
    border-color: #be2929 !important;
}

    .article-vote .vote-down.active:before {
        color: #be2929 !important;
    }

#successMsgThumbsUp {
    font-size: 18px;
    margin-top: 25px;
}

    #successMsgThumbsUp.success {
        font-size: 18px;
        color: #198d5b;
    }

.views {
    color: #949494;
    font-size: 14px;
    font-weight: 200 !important;
    display: block;
    margin-top: -10px;
}
/*.faqTips .col-lg-4 { padding-bottom: 30px;*/ /*border-bottom: 1px solid #dee2e6;*/ /*}*/
.faqTips a.faq_list_style {
    font-size: 20px;
    color: #f2671d !important;
}

.faq_list_style {
    color: #f2671d;
}

    .faq_list_style, .faq_list_style:focus, .faq_list_style:hover .faq_list_style:active {
        text-decoration: none !important;
    }
/*.faqTips .form_list_box { min-height: 120px; margin-top: 5px; background: #fff; padding: 10px; border-radius: 6px; border: 1px solid rgba(0,0,0,.1); min-height: 150px; }*/
.form-list-min-hght {
    min-height: 0px;
}
/*.form_list_box { min-height: 150px; display: block; }*/
/*.view_all_question { color: #f26522; text-decoration: underline !important; font-size: 14px; display: inline-block; background: #fff; text-decoration: none; padding: 2px 20px; border: 1px solid #00aeef; border-radius: 35px; margin-top: 15px; margin-right: 10px; }
    .view_all_question:hover { color: #f2671d; border-color: #f2671d; text-decoration: none; }*/
.faq_list {
    margin: 0;
    padding: 0px;
    min-height: 120px;
}

    .faq_list li {
        list-style-type: none;
        display: block;
        position: relative;
        color: #212529;
        list-style: none;
        list-style-type: none;
        padding: 5px 20px 0px !important;
        font-size: 16px;
        background: url(images/rightArrow.png) no-repeat 0px 10px;
        margin-bottom: 10px;
        font-weight: 300;
    }
/*.faqTips .form_list_box .faq_list li a { font-size: 16px; color: #212529 !important; min-height: 45px; padding-left: 0px; text-decoration: none; font-weight: 300; }*/


/*.faqTips .faq_min_height { padding-left: 0; }*/
.faqLastCol, .faqLastCol1 {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}
/*.faq_min_height { margin-bottom: 25px; }*/
.SupportHeading + hr {
    max-width: 50px;
    border-width: 3px;
    border-color: #f2671d;
    margin-left: auto;
    margin-right: auto;
}

.social-icons {
}

    .social-icons a {
        float: none;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        display: inline-block;
        background-image: url(images/socialicons.png);
        background-repeat: no-repeat;
        text-indent: -99999999px;
        outline: none;
        font-size: 0px;
        vertical-align: top;
    }

        .social-icons a.fb {
            background-position: -38px top;
            margin-right: 10px;
        }

        .social-icons a.twit {
            background-position: 0 top;
            margin-right: 10px;
        }

        .social-icons a.ln {
            background-position: -152px top;
            margin-right: 10px;
        }

        .social-icons a.yt {
            background-position: -190px top;
            margin-right: 10px;
        }

        .social-icons a.rss {
            background-position: -240px top;
            margin-right: 10px;
        }

        .social-icons a.insta {
            background-position: -76px top;
        }

/*.getReady { padding: 4rem 0;*/ /*border-bottom: 1px solid #dee2e6;*/ /*background: #f9fbff; border-top: 1px solid #dee2e6; font-size: 18px; color: #3f4047; font-weight: normal; }
    .getReady p { font-size: 18px; color: #3f4047; }
    .getReady h2 { font-size: 28px; color: #212529; }*/
.getReady .borderRight {
    border-right: 1px solid #dee2e6;
}

#clockdiv {
    color: #000;
    display: inline-block;
    font-weight: 100;
    text-align: left;
    font-size: 30px;
}

    #clockdiv .day:after {
        content: ':';
        position: absolute;
        font-size: 50px;
        margin-left: 43px;
        margin-top: -94px;
    }

    #clockdiv .day-1:after {
        content: ':';
        position: absolute;
        font-size: 50px;
        margin-left: 30px;
        margin-top: -94px;
    }

    #clockdiv div > span {
        padding-top: 0px;
        border-radius: 3px;
        background: none;
        display: inline-block;
        font-size: 28px;
        font-weight: 600;
    }

        #clockdiv div > span.seconds {
            color: #212121;
            margin: 0px;
        }

.timmer {
    width: 90px;
}

.smalltext_timer {
    margin-top: 0px;
    font-size: 13px;
    font-weight: 200;
    color: #26508F;
    background: #EDF4FF;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 0px 0px 5px 5px;
}

.colon:after {
    content: ":";
    position: absolute;
    top: 0px;
    left: 85px;
}

.deadline-timer-aca h4 {
    font-size: 20px;
    font-weight: 600;
    color: #234e8e;
}

    .deadline-timer-aca h4 span a {
        font-size: 20px;
        font-weight: 600;
        color: #ee7d41;
        text-decoration: underline;
    }

#clockdiv > div.colon {
    position: relative;
    font-size: 28px;
    font-weight: 600;
    color: #000;
    padding: 0px 0px 0px;
    min-height: 40px;
    display: inline-block;
    border: 1px #26508F solid;
    border-radius: 5px;
    background-color: #fff;
    width: 75px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    margin: 0px 10px;
    text-align: center;
}

.colon.no_colon:after {
    display: none;
}

.timer {
    margin-bottom: -100px;
    position: relative;
    z-index: 1;
}

.faq_list_New {
    margin-bottom: 0;
    padding: 0px;
    padding-right: 40px;
    list-style-type: none;
}

    .faq_list_New li {
        list-style-type: none;
    }

        .faq_list_New li a {
            font-size: 16px;
            color: #212529 !important;
            background: url(images/rightArrow.png) no-repeat 5px 22px;
            cursor: pointer;
            padding: 15px 0 15px 30px;
            border-bottom: 1px solid #f1f1f1;
            display: block;
            text-decoration: none;
            font-weight: 400;
            line-height: 1.5;
        }

            .faq_list_New li a:hover {
                background-color: #f9f9f9;
            }

.getReady .fa {
    border: 2px solid #333;
    padding: 5px;
    border-radius: 50%;
    width: 32px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.BannerViewVideo .social-icons {
    margin-top: 0px;
    margin-bottom: 1rem !important;
}

    .BannerViewVideo .social-icons a {
        margin-right: 0px;
        width: 26px;
        height: 26px;
        transition: all .2s ease-in-out;
    }

        .BannerViewVideo .social-icons a.fb {
            background-position: -40px center;
        }

        .BannerViewVideo .social-icons a.twit {
            background-position: -1px center;
        }

        .BannerViewVideo .social-icons a.ln {
            background-position: -153px center;
        }
/* language tabs styles */
.tabinator {
    position: relative;
}

    .tabinator input {
        display: none;
    }

    .tabinator label {
        box-sizing: border-box;
        display: inline-block;
        padding: 10px 15px;
        color: #ccc;
        margin-bottom: -3px;
        margin-left: 15px;
        font-weight: 500;
        border: 2px solid transparent;
        position: relative;
    }

        .tabinator label:before {
            content: '';
            display: none;
            width: 100%;
            height: 25px;
            background-color: #fff;
            position: absolute;
            bottom: -17px;
            left: 0;
            z-index: 10;
        }

    .tabinator input:checked + label:before {
        display: block;
    }

    .tabinator label:hover {
        color: #888;
        cursor: pointer;
    }

    .tabinator input:checked + label {
        position: relative;
        color: #000;
        background: #fff;
        border: 2px solid #bbb;
        border-bottom: 1px solid #fff;
        border-radius: 5px 5px 0 0;
    }

        .tabinator input:checked + label:after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            box-shadow: 0 0 15px #939393;
        }

#english-content, #spanish-content {
    display: none;
    border-top: 2px solid #bbb;
    padding: 30px 0px 15px;
}

#english:checked ~ #english-content,
#spanish:checked ~ #spanish-content {
    display: block;
}

#english-content p[style="text-align:right;"] {
    display: none;
}
/* Home page Tab Styles*/
.categoryTab {
    position: relative;
    text-align: center;
    margin-top: -55px;
}

    .categoryTab input {
        display: none;
    }

    .categoryTab label {
        box-sizing: border-box;
        display: inline-block;
        padding: 10px 15px;
        color: #333;
        margin-bottom: 5px;
        margin-left: 15px;
        font-weight: 500;
        border: 2px solid transparent;
        position: relative;
        background: #ebebeb;
        border-radius: 5px;
        min-width: 115px;
    }

        .categoryTab label:hover {
            color: #f2671d;
            cursor: pointer;
        }

    .categoryTab input:checked + label {
        position: relative;
        color: #fff;
        background: #f2671d;
        border: 2px solid #f2671d;
        border-bottom: 8px solid #f2671d;
        margin-bottom: 0px;
        border-radius: 5px 5px 0 0;
    }

.category-hover:hover {
    background: #FCFCFC;
}

.tabContent {
    border-top: 2px solid #f2671d;
    background: #fcf6f5;
    padding: 50px 0px 15px;
    text-align: left;
}

h1.reSize {
    font-size: 1.75rem;
}

p.faqAns.contactus {
    color: #3f4047 !important;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.product .videoUL .faqAns .errorMsg, .faqAns .errorMsg {
    background: #ffefed;
    border-left: 5px solid #cba9a4;
    padding: 15px;
    margin-bottom: 25px;
    line-height: 1.5;
    font-size: 18px;
    color: #3f4047;
    text-align: left;
    font-weight: 200 !important;
}

.product .videoUL .faqAns h2, .faqAns h2, .product .videoUL .faqAns h3, .faqAns h3 {
    line-height: 1.5;
    font-size: 18px;
    color: #3f4047;
    text-align: left;
    margin-bottom: 0px;
}

.product .videoUL .faqAns h4, .faqAns h4, .abc {
    background: url(images/note-icon.png) no-repeat 7px 15px/30px rgba(255,229,44,0.1);
    border: 1px solid rgba(234,209,28,0.4);
    padding: 15px 15px 15px 43px;
    margin-bottom: 25px;
    line-height: 1.5;
    font-size: 18px;
    color: #3f4047;
    text-align: left;
    font-weight: 200 !important;
}

.openCategory .LeftMenuList > li {
    margin: 0 0 25px;
    background: none;
    padding-left: 0px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: 15px;
}

    .openCategory .LeftMenuList > li:last-child {
        border: none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.openCategory .LeftMenuList li a {
    background: none;
    padding: 0px;
    font-size: 22px;
    font-weight: 700;
    border: none;
}

.openCategory .LeftMenuList > li a:hover, .openCategory .LeftMenuList > li a.active, .openCategory .LeftMenuList > li a.active:hover {
    background: none;
    border: none;
    color: #00aeef !important;
}
/*.openCategory .LeftMenuList li a .fa { display: none; }*/
.openCategory .LeftMenuList li {
    margin: 0 0 25px;
    font-size: 22px;
    font-weight: 700;
    background: none;
    padding-left: 0px;
}

    .openCategory .LeftMenuList li ul {
        display: block !important;
        margin: 0px 0px 0px 15px !important;
        padding-top: 10px;
    }

        .openCategory .LeftMenuList li ul li {
            margin-bottom: 5px;
        }

            .openCategory .LeftMenuList li ul li a {
                font-size: 16px;
                font-weight: 400;
            }

.openCategory ul.sub-menu li a.active, .openCategory ul.sub-menu li a.active:hover, .openCategory ul.sidebar li a.childactive, .openCategory ul.sidebar li a.childactive:hover {
    color: #f2671d !important;
}
/*.answerDiv { padding-right: 20px; border-right: 1px solid #dfdfdf; }*/
.ViewVideo li ul.sub-menu {
    margin: 0px 0px 0px 20px;
}

    .ViewVideo li ul.sub-menu li {
        padding: 0px;
    }

.mobileOnly a {
    display: none;
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    padding: 5px 15px;
    color: #fff !important;
    text-decoration: none !important;
}
/*css style end*/
/*Applicable start*/
.sampleTableMain {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

    .sampleTableMain label {
        margin-bottom: 0;
        padding-right: 25px;
    }

.sampleTableGrps {
    background-color: #f2f2f2;
}

    .sampleTableGrps td:nth-child(1) {
        border-right: 1px solid #e2e2e2;
    }

    .sampleTableGrps td:nth-child(2), .sampleTableGrps td:nth-child(3), .sampleTableGrps td:nth-child(4), .sampleTableGrps td:nth-child(5) {
        border: none;
        width: 20%;
    }

        .sampleTableGrps td:nth-child(2) p { /*text-decoration: none;*/
        }

    .sampleTableGrps td span i {
        display: inline-block;
        color: #cbcbcb;
    }

    .sampleTableGrps td {
        font-size: 18px;
        font-weight: 500;
    }

        .sampleTableGrps td p {
            display: inline-block;
            margin-bottom: 0; /*text-decoration: line-through;*/
            font-size: 18px;
            color: #989898;
        }

    .sampleTableGrps .active p, .sampleTableGrps .active span i {
        color: #333;
    }

.sampleTableMain {
    position: relative;
    width: 100%;
    min-height: 40px;
    background-color: #ededed;
    padding-left: 130px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

    .sampleTableMain .grps-title {
        color: #333;
        font-size: 14px;
        display: inline-block;
        padding: 10px;
        margin-left: 10px;
        margin-bottom: 0;
        border-right: 1px solid #e2e2e2;
        padding-right: 10px;
        position: absolute;
        height: 100%;
        left: 0px;
    }

.grps-container {
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 2px;
    width: 100%;
}

.sampleTableMain .label {
    padding: 0 0 0 35px;
    margin-right: 4px;
    background-color: #ededed;
    display: inline-block;
    font-size: 14px;
    color: #999;
    font-weight: 300;
    text-transform: capitalize;
    border-radius: 0;
    text-shadow: 0 0 0;
    text-decoration: line-through;
    letter-spacing: 0.75px;
    width: 18%;
}

    .sampleTableMain .label:before {
        content: "";
        background: url('images/not-applicable-plan.png');
        width: 18px;
        height: 13px;
        margin-left: -20px;
        position: absolute;
        top: 15px;
    }

    .sampleTableMain .label.label-selected {
        background-color: #ededed;
        color: #333;
        text-decoration: none;
        font-weight: 600;
        letter-spacing: 0.75px; /*min-width: 100px;*/
        position: relative;
        margin-bottom: 10px;
    }

        .sampleTableMain .label.label-selected:before {
            content: "";
            background-image: url('images/applicable-plan.png');
            width: 18px;
            height: 13px;
            position: absolute;
            top: 2px;
            margin-left: 0px;
            left: 5px;
        }

.available {
    position: relative;
    min-height: 40px;
    padding-left: 125px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    margin-top: 20px;
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    margin-bottom: 20px !important
}

    .available .grps-title {
        color: #333;
        font-size: 14px;
        display: inline-block;
        padding: 10px;
        margin-left: 5px;
        margin-bottom: 0;
        border-right: 1px solid #c7c7c7;
        position: absolute;
        left: 0px;
        line-height: 19px;
        font-weight: 600;
        height: 100%;
        min-width: 120px;
    }

    .available .label {
        padding: 0 0 0 20px;
        margin-right: 4px;
        display: inline-block;
        font-size: 15px;
        color: #999;
        font-weight: 500;
        text-transform: capitalize;
        border-radius: 0;
        text-shadow: 0 0 0;
        text-decoration: line-through;
        background: none;
        position: relative;
        min-width: 100px;
    }

        .available .label.label-selected {
            color: #f2671d;
            text-decoration: none;
        }

        .available .label:before {
            content: "";
            background: url(images/not-applicable-plan.png) no-repeat left center;
            width: 18px;
            height: 13px;
            margin-left: -20px;
            position: relative;
            top: 2px;
            display: inline-block;
        }

        .available .label.label-selected:before {
            content: "";
            background: url(images/applicable-plan.png) no-repeat -2px center;
            width: 18px;
            height: 13px;
        }

.primaryTab {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 15px rgba(0,0,0,.1);
    padding: 10px 15px;
    min-height: 120px;
    transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    -webkit-transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    -o-transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    text-decoration: none;
    display: block;
    margin-bottom: 20px;
}

    .primaryTab b {
        font-size: 20px;
        color: #f2671d !important;
        font-weight: 700;
    }

    .primaryTab .desc {
        font-size: 16px;
        color: #4b4b4b;
    }

    .primaryTab:hover {
        transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);
        text-decoration: none;
    }
/*Applicable end*/

/* Header */

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-nav .nav-link.btnprimary {
    background: #fff !important;
    color: #4B0072 !important;
    font-weight: 600;
    text-decoration: none;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    margin-right: 12px !important;
    border: 2px solid #4B0072;
}

.navbar-expand-xl .navbar-nav .nav-link.btn-primary-filled {
    background: #F7BE00;
    border: 1px solid #fff !important;
    font-weight: 600;
    color: #000 !important;
    border-radius: 200px;
    padding: 11px 1.5rem 11px 1.5rem;
}

.navbar-nav .nav-link.btnprimary:hover {
    background: #4B0072 !important;
    color: #fff !important;
}

.navbar-expand-xl .navbar-nav .nav-link.btn-primary-filled:hover {
    background: #f1b902;
    color: #000 !important;
}

section {
    padding: 70px 0;
    position: relative;
    width: 100%;
}

.faq_min_height {
    padding: 12px;
}

.card-group > .card {
    box-shadow: 0px 0px 5px rgb(186 190 194 / 26%);
    border-radius: 12px;
    text-align: left;
    cursor: pointer;
    border: 1px solid transparent !important;
    transition: 0.3s ease-in-out;
}

    .card-group > .card:hover {
        border: 1px solid #814C9C !important;
    }

.card-group {
    padding: 12px;
}

.card-footer {
    background-color: transparent;
    border-top: 0;
}

.home-icon-box .card .card-body .image img {
    width: 40px;
    height: 40px;
}

.colorBg {
    background: #F9FAFF;
}

.cnt-link {
    color: #4B0072 !important;
}

    .cnt-link:hover {
        color: #F7BE00 !important;
    }

.newbreadcrumb {
    padding-bottom: 15px;
    border-bottom: 3px solid #F2F6FA;
    margin-bottom: 12px;
}

.breadcrumb {
    background-color: transparent !important;
}
    .breadcrumb li a {
        font-weight: 500;
        font-family: "Urbanist", sans-serif !important;
    }

.faq-box {
    border: 1px #e6e8eb solid;
    border-radius: 0.5rem;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    width: 100%;
}

    .faq-box:hover {
        border: 1px solid #814C9C !important;
    }

    .faq-box .sec-que:hover {
        background: rgba(10, 119, 214, 0.1);
        border-radius: 0.5rem;
    }

    .faq-box .sec-que {
        transition: none;
    }

    .faq-box a:hover svg {
        fill: #4B0072 !important;
    }

    .faq-box:hover .faq_list_style {
        color: #4B0072 !important;
    }

.newbreadcrumb .category-menu-tab li.breadcrumb-item a.Primary.active {
    cursor: auto;
    color: #142535 !important;
    font-weight: 600;
    text-decoration: none !important;
}

.faq-ans .ans {
    padding-bottom: 20px;
    border-bottom: 2px solid #F2F6FA;
    margin-bottom: 15px;
}

    .faq-ans .ans table {
        width: 100% !important;
        margin-bottom: 20px;
    }

        .faq-ans .ans table th,
        .faq-ans .ans table td {
            padding: 8px 6px;
        }

    .faq-ans .ans img {
        width: 100% !important;
        height: auto !important;
        box-shadow: 0px 4px 30px rgba(186, 190, 194, 0.6);
        -webkit-box-shadow: 0px 4px 30px rgba(186, 190, 194, 0.6);
    }

.fixnav .navbar-home-icon a:hover,
.fixnav .navbar-home-icon a.active {
    color: #4B0072 !important;
}

.supportmobile {
    position: relative;
}
.question li a {
    text-decoration: none !important;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #F2F6FA;
    padding: 12px;
    color: #333 !important;
    font-weight: 500;
}
.question li:hover { background: #FCF7FF;}
.question li a svg path {
    fill: #4a0171;
}
.gap-3 {
    gap: 1.5rem;
}
.question li {
    list-style: none;
}
.question {
    padding-left: 0;
}

.rounded-1{border-radius: 8px;}