/*bootstrap overide*/
body {
    font-family: 'Inter', sans-serif !important;
    /* background-color: #edf1f4;*/
}

strong {
    font-weight: inherit;
}

.form-control {
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1.6;
}

.form-group .iti {
    width: 100%;
}

.PA-0 {
    padding: 0;
}

.rated-star {
    /*color: #6f9d20;*/
    color: #f5a100;
}

.unrated-star {
    color: #cacaca;
}

.btn-primary {
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #81209d;
    background-color: #81209d;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
}

.primary-grad {
    background-image: linear-gradient(109deg, #3f0050, #81209d);
}

.btn-primary:hover {
    background-color: #81209d;
    border-color: #81209d;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background: #81209d;
    background-color: #81209d;
    border-color: #81209d;
}

    .btn-primary:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

.btn-secondary {
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    border: 1px solid #81209d;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    color: #81209d;
    line-height: 1.6;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #81209d;
        border-color: #81209d;
    }

    .btn-secondary:focus, .btn-primary:focus {
        box-shadow: none !important;
    }

    .btn-secondary:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

    .btn-secondary:not(:disabled):not(.disabled):active {
        background-color: #81209d;
        border-color: #81209d;
    }

.btn-white {
    padding: 7px 15px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    font-size: 15px;
    font-weight: 500;
    border: 0;
    color: #333;
    height: 40px;
}

.btn-disabled {
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #cccccc;
    background-color: #fff;
    color: #cccccc;
}

.btn-primary.disabled, .btn-primary:disabled {
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #cccccc;
    background-color: #fff;
    color: #cccccc;
}

.btn-glassy {
    padding: 7px 15px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    border: solid 1px #81209d;
    line-height: 1.6;
    color: #81209d;
}

    .btn-glassy:focus {
        box-shadow: none;
    }

.stamp .icon-fake {
    color: red !important;
}
/*for large btn*/
.fs-18 {
    font-size: 18px;
}

a {
    text-decoration: none;
    /*color: #81209d;*/
}

    a:hover {
        text-decoration: none;
        color: #81209d;
    }

.divider-line {
    width: 100px;
    border-bottom: solid 2px #81209d;
    margin-bottom: 20px;
    display: inline-block;
}

.box-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #af35d2;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1.5s linear infinite; /* Safari */
    animation: spin 1.5s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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

.no-data-avail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    height: 20px;
    font-size: 15px;
    color: #333;
}

.chart-title {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center;
    height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #666;
}
/* Bootstrap select Start */
.bootstrap-select > .dropdown-toggle {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 15px;
    padding: 7px 15px;
    line-height: 1.6;
    color: #333;
}

    .bootstrap-select > .dropdown-toggle::after {
        content: none;
    }

.bootstrap-select.show > .dropdown-toggle {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

.bootstrap-select .dropdown-menu li a {
    font-size: 14px;
    padding: 6px 15px;
}

    .bootstrap-select .dropdown-menu li a.dropdown-item.active {
        background-color: #edf1f4;
        color: #333;
    }
/* Bootstrap select End */
.modal-header {
    display: flex;
    justify-content: space-between; /* Ensures proper spacing between title and close button */
    align-items: center; /* Vertically centers content in the header */
    padding: 15px; /* Adjust padding for better spacing */
}

.modal .close-sign-in {
    position: absolute;
    top: 0; /* Adjust spacing from the top */
    right: 10px; /* Adjust spacing from the right */
    font-size: 1rem; /* Larger font size for better visibility */
    font-weight: 800; /* Bolder font */
    color: #333; /* Close icon color */
    cursor: pointer; /* Pointer cursor for better user feedback */
    padding: 10px; /* Increase padding for a larger clickable area */
    border: none; /* Remove any borders */
    background: transparent; /* Transparent background */
    line-height: 1; /* Ensure proper alignment of the close icon */
    z-index: 1050; /* Ensure it appears on top of other modal content */
    opacity: .5;
    margin-top: 1px;
}

.modal .close span {
    display: inline-block;
    margin: 0;
    margin-bottom: 10px; /* Ensure proper spacing and alignment */
    font-size: inherit; /* Use the inherited font size */
    line-height: 1; /* Adjust spacing around the close icon */
    height: 18px;
}


/* HEADER Start */
header {
    height: 64px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

    header .navbar {
        padding: 12px 15px;
        height: 100%;
    }

        header .navbar .navbar-nav .nav-link {
            padding: 10px 15px;
            font-size: 14px;
            font-weight: 600;
            color: #242c42;
        }

            header .navbar .navbar-nav .nav-link:focus {
                outline: none;
            }

        header .navbar .navbar-nav > li:last-child {
            padding-left: 25px;
        }

        header .navbar .navbar-nav .nav-link:focus {
            color: #242c42;
        }

        header .navbar .navbar-nav .nav-link:hover {
            color: #717377;
        }

        header .navbar .navbar-nav li.nav-item:hover,
        header .navbar .navbar-nav li.nav-item.active {
            margin-bottom: -10px;
            border-bottom: 4px solid #81209d;
        }

            header .navbar .navbar-nav li.nav-item.active a {
                color: #81209d;
            }

#collapseTopMenu li {
    padding-left: 20px;
}

.ms-logo img {
    width: 165px;
    height: 40px;
}

.nav-button .nav-links {
    padding-right: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

#navbarNav .top-menu-wrapper {
    float: right;
    height: 100%;
}

#navbarNav .top-menu {
    float: right;
    display: table;
    height: 100%;
    list-style: none;
}

    #navbarNav .top-menu > li {
        margin: 0;
        padding: 0 10px;
        display: table-cell;
        vertical-align: middle;
    }

    #navbarNav .top-menu .profile-img {
        cursor: pointer;
    }

    #navbarNav .top-menu > li > a {
        display: block;
        position: relative;
    }

    #navbarNav .top-menu > li i {
        font-size: 24px;
        color: #cccccc;
    }

#navbarNav .navbar-nav > li > a > span {
    position: relative;
}

#navbarNav .navbar-nav > li > i {
    float: right;
    margin-top: 10px;
    font-weight: 600;
}

#navbarNav .top-menu > li .badge {
    border-radius: 50%;
    background-color: #ff001f;
    color: #fff;
    position: absolute;
    top: -6px;
    right: -8px;
    border: 2px solid #fff;
    font-size: 11px;
}

#navbarNav .navbar-nav > li.resp-li {
    display: none;
}

#navbarNav .navbar-nav > li .badge {
    border-radius: 50%;
    background-color: #ff001f;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    border: 2px solid #fff;
    font-size: 11px;
}

#navbarNav .top-menu .user-name {
    font-size: 15px;
    font-weight: 500;
    color: #333333;
}

#navbarNav .top-menu .profile-img img {
    background-color: #edf1f4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
/* HEADER End */

/*carousal starts*/
.carousel-indicators .active {
    background-color: #81209d !important;
}

.carousel-indicators li {
    background-color: rgba(160, 160, 160, 0.5) !important;
}

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin-left: 10px;
    border-radius: 50%;
}
/*carousal starts*/

/*bootstrap overide ends*/

/*
.top-section{
 height: 100vh;
 position: relative;
 z-index: 0;
 color: #fff;
}
.top-section:before{
 width: 100%;
 height: 100%;
 content: "";
 position: absolute;
 background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
 z-index: -2;
}
*/
.start-btn {
    display: inline-block;
    font-size: 14px;
    box-shadow: none;
}

.section-title {
    margin: 0;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight: 500;
    color: #242c42;
}

.section-subtitle {
    font-size: 24px;
    color: #242c42;
}

.section-content {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.top-section * {
    color: #fff;
}

.ms-works {
    padding-top: 50px;
}
/*Recommended Article*/

.recommend-top-pages {
    margin-bottom: 25px;
}

    .recommend-top-pages a {
        width: 100%;
        background-size: cover;
        background-position: center;
        min-height: 210px;
        position: relative;
        font-size: 15px;
        border-radius: 5px;
        overflow: hidden;
        display: inline-block;
    }

    .recommend-top-pages .recommend-top-text {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 8px 12px 8px;
        border-radius: 4px;
        font-weight: 500;
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),#000);
        text-align: center;
        color: #fff;
    }
/*Recommended Article end*/

/* SIGN UP Start */
.sign-up-section {
    margin: 0;
}

.sign-up-left {
    height: 700px;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/App_Themes/images/Dashboard/Business-Enquiry-BG.svg');
    position: relative;
    z-index: 0;
    background-color: #803499de;
}

    .sign-up-left * {
        color: #fff;
    }

    .sign-up-left:before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        /* background-image: linear-gradient(311deg, #3023ae, rgba(200, 109, 215, 0.6));*/
        background-image: linear-gradient(311deg, #3f005024, #81209d);
        z-index: -2;
    }

.sign-up-right {
    padding: 0;
    display:flex;
    justify-content:center;
    align-items:center;
}

.sign-up-left-content {
    max-width: 700px;
    position: relative;
    top: 11%;
    padding-right: 13%;
    padding-left: 35px;
    float: right;
    margin: 30px 0;
}

    .sign-up-left-content .divider-line {
        border-color: #fff;
    }

.sign-up-right-content {
    max-width: 500px;
    padding:20px;
    background:#fff;
    border-radius:10px;
}

.PL-0 {
    padding-left: 0;
}

.content-row {
    padding: 60px 0 40px;
}

.sign-up-section .section-subtitle {
    padding-bottom: 24px;
    line-height: 1.33;
}

.sign-up-section .sign-up-left-content .section-title {
    font-weight: 400;
}

.sign-up-section .sign-up-right-content .section-subtitle {
    font-weight: 600;
    color:#81209d;
    text-align:center;
    padding-bottom:10px;
}
.sign-up-section .sign-up-right-content .form-group{
    margin-bottom:20px;
}

.sign-up-section ul.section-content {
    list-style-type: none;
    padding-left: 18px;
}
.sign-up-section .section-points::before {
    content: "> ";
    color: #fff; /* or any color you like */
    margin-right: 0.5em;
}

    .sign-up-section ul.section-content li.section-points h2 {
        line-height: 1.78;
        font-size: 18px;
        display:inline;
    }
/*
.sign-up-section ul.section-content li:before {
 content: '.';
 position: absolute;
 margin-left: -15px;
}
*/
.trusted-brand {
    margin-top: 60px;
}

    .trusted-brand .section-title {
        text-align: center;
    }

    .trusted-brand .under-header {
        font-size: 14px;
        color: #3b3b3b;
        font-style: italic;
        margin-bottom: 20px;
        text-align: center;
    }

.promotion-section {
    background-color: #f7f7f7;
    padding: 20px 60px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-template-rows: auto auto;
    padding: 10px;
    width: 70%;
    height: 300px;
}

    .grid-container > div {
        text-align: center;
        padding: 0 0;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


.responsive-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto;
    padding: 10px;
    width: 70%;
    gap: 15px;
}

    .responsive-grid > div {
        text-align: center;
        padding: 15px;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.brand-img {
    max-width: 100%;
    height: auto;
}

/* Tablet devices */
@media screen and (max-width: 1024px) {
    .responsive-grid {
        grid-template-columns: repeat(3, 1fr);
        width: 90%;
    }

    .bdr-btm, .bdr-rgt {
        border: none;
    }

    .responsive-grid > div {
        border-bottom: 2px solid #D8D8D8;
        border-right: 2px solid #D8D8D8;
    }
}

/* Mobile devices */
@media screen and (max-width: 768px) {
    .responsive-grid {
        grid-template-columns: repeat(2, 1fr);
        width: 95%;
        gap: 10px;
    }

    .promotion-section {
        padding: 5px;
        margin-bottom: 100px !important;
        margin-top: 100px !important;
    }

    .responsive-grid > div {
        padding: 10px;
    }

    .bdr-btm, .bdr-rgt {
        border: none;
    }

    .responsive-grid > div {
        border-bottom: 2px solid #D8D8D8;
        border-right: 2px solid #D8D8D8;
    }
}

/* Small mobile devices */
@media screen and (max-width: 480px) {
    .responsive-grid {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .promotion-section {
        padding: 5px;
        margin-bottom: 100px !important;
        margin-top: 100px !important;
    }

    .bdr-btm, .bdr-rgt {
        border: none;
    }

    /* Reapply borders based on new grid */
    .responsive-grid > div {
        border-bottom: 2px solid #D8D8D8;
        border-right: 2px solid #D8D8D8;
    }
}

.bdr-btm {
    border-bottom: 0.5px solid #D8D8D8;
}

.bdr-rgt {
    border-right: 0.5px solid #D8D8D8;
}

.bdr-wht {
    border: 3px solid #fff0;
    height: 60px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .bdr-wht .item-img {
        width: 100%;
    }

        .bdr-wht .item-img img {
            width: 100%;
        }

/*.item:hover {
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
 transform: scale(1.01);
 transition: box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07);
 }

 .item:hover img {
 transform: scale(1.25);
 }*/
.item {
    position: relative;
}

    .item img {
        height: 60px;
        /*transition: transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-box-shadow 400ms cubic-bezier(0.29, 0.05, 0, 0.07),-webkit-transform 400ms cubic-bezier(0.29, 0.05, 0, 0.07);*/
    }
.brand-testimonial-popup-wrapper {
    display:none;
    position: absolute;
    top: 100%; /* Just below the .item */
    left: 50%;
    transform: translateX(-50%) translateY(0px); /* Move it slightly down */
}
.brand-testimonial-popup {
    display: block;
    position: absolute;
    top: 100%; /* Just below the .item */
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: white;
    border: 1px solid #ccc;
    padding: 20px 20px 10px;
    display: none;
    z-index: 999; /* Make sure it stays on top */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.brand-testimonial-popup-content {
    width: 190px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* Arrow on top */
.brand-testimonial-popup::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 11px 11px 11px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
}

.brand-testimonial-popup::after {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

/* Profile image */
.brand-testimonial-popup-content img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

/* Name */
.brand-header {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px;
}

/* Title/Designation */
.brand-role {
    font-size: 12px;
    font-style: italic;
    color: #666;
    margin-bottom: 12px;
}

/* Testimonial */
.brand-testimonial-detail {
    font-size: 14px;
    font-style: italic;
    color: #444;
    line-height: 1.4;
    text-align: center;
}

.item:hover .brand-testimonial-popup-wrapper {
    display: none;
}

.brand-slick .brand-img {
    min-width: 100px;
    height: 50px;
    display: inline-block;
}

.brand-slick .slick-prev:before {
    font-family: 'ms-icons' !important;
    content: "\ea68";
    color: #cacaca;
    font-weight: 600;
}

.brand-slick .slick-next:before {
    font-family: 'ms-icons' !important;
    content: "\ea83";
    color: #cacaca;
    font-weight: 600;
}
/* SIGN UP End */
/* MOUTHSHUT SCORE Start */
.header-black {
    background-color: #000;
}

.ms-score-section {
    height: calc(100vh - 64px);
    position: relative;
}

    .ms-score-section .container {
        height: fit-content;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .ms-score-section .content-row .star-rating {
        font-size: 34px;
        padding-bottom: 40px;
    }

    .ms-score-section .content-row .section-content {
        padding: 0 40px;
        color: #000;
        line-height: 1.78;
        font-style: italic;
        font-size:14px;
    }

    .ms-score-section .content-row .section-subtitle {
        padding-bottom: 10px;
        font-weight: 600;
        color:#000;
    }

    .ms-score-section .content-row .ms-score-txt {
        font-size: 50px;
        font-weight: 600;
        color: #000;
        padding: 0 0 15px;
    }

    .ms-score-section .content-row .reviews-txt {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 16px;
    }

    .ms-score-section .content-row .recommendation {
        padding: 0 0 25px;
    }

        .ms-score-section .content-row .recommendation i.icon-like {
            color: #e7331d;
            font-size: 33px;
            display: inline-block;
            vertical-align: middle;
        }

        .ms-score-section .content-row .recommendation span {
            font-size: 20px;
            color: #000;
            padding-left: 7px;
            display: inline-block;
            vertical-align: middle;
        }
/* MOUTHSHUT SCORE End */

/* PRICING Start */
.ms-pricing-wrapper {
    padding: 30px 0;
}

.plan-container {
    padding: 24px 40px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    transition: all .35s ease;
    min-height: 461px;
    transition: all .25s;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    text-align: center;
    color: #000;
}

    .plan-container:hover {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
    }

.plan-title {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    /* color: #242c42;*/
}

.plan-price {
    font-size: 30px;
    /* color: #81209d;*/
    text-align: center;
    padding: 20px 0;
    line-height: 1.07;
}

    .plan-price.custom {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.78;
        color: #fff;
    }

        .plan-price.custom a, .plan-price.custom span {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.78;
            color: #81209d;
        }

.plan-container .btn-glassy {
    min-width: 170px;
}

    .plan-container .btn-glassy:hover {
        color: #ffffff;
        background: #81209d;
    }
/*
.plan-btn{
 padding: 15px;
 border-radius: 4px;
 text-align: center;
 color: #fff;
 background-image: linear-gradient(#ff7070, #ee5032);
}
.plan-btn:hover{
 color: #fff;
 background-image: none;
 background-color:#ee5032;
}
*/
ul.plan-features {
    list-style-type: none;
    font-size: 15px;
    padding-top: 20px;
    text-align: left;
}

    ul.plan-features li {
        padding-top: 15px;
        line-height: 1.5;
        margin-left: 30px;
        text-indent: -30px;
    }

        ul.plan-features li i {
            color: #000;
            vertical-align: middle;
            margin-right: 15px;
        }
/*
.compare-pln-btn{
 margin: 40px 0;
}
*/
.pricing-table-wrapper {
    margin-top: 60px;
}

.pricing-table {
    width: 100%;
    text-align: center;
}

    .pricing-table .pricing-item {
        background-color: #fcf7ff;
        text-align: center;
        padding: 15px;
        border: 1px solid #eee;
        width: 20%;
    }
    .pricing-table .price-tab-col1 {
        width: 33%;
        text-align: center;
        border: 1px solid #eee;
    }

    .pricing-table .pricing-item .plan-title {
        font-size: 20px;
        margin: 10px;
    }

    .pricing-table .pricing-item .plan-free-trial {
        font-size: 14px;
        color: #999999;
        margin-bottom: 10px;
        height: 15px;
    }

    .pricing-table .pricing-item .plan-btn {
        font-size: 14px;
        padding: 7px 15px;
    }

    .pricing-table .pricing-table-header .price-tab-col1 h2 {
        font-size: 15px;
        font-weight: 600;
        padding: 15px 0;
        /* text-transform: uppercase;*/
        color: #81209d;
    }

    .pricing-table .pricing-desc-name {
        padding: 15px;
        text-align: left;
        border-bottom: 1px solid #e2e2e2;
    }

        .pricing-table .pricing-desc-name span {
            padding-right: 10px;
        }

    .pricing-table .pricing-table-desc {
        font-size: 15px;
        color: #242c42;
    }

    .pricing-table .cell {
        border: 1px solid #eee;
        padding: 15px;
    }

    .pricing-table .green-cell {
        background-color: #fff;
        border: 1px solid #eee;
    }

    .pricing-table .grey-cell {
        background-color: #f5f9fd;
    }
    .pricing-table .blue-cell {
        background-color: #fff;
        border: 1px solid #eee;
    }

#headerFixed {
    position: fixed;
    top: 64px;
    display: none;
}

.pricing-table .empty-cell {
    padding: 15px;
}

.pricing-table .advanced-premium-box {
    padding: 55px 50px;
    border: 1px solid #e2e2e2;
    color: #81209d;
    font-size: 24px;
    font-weight: 600;
    background: #fff;
}

.pricing-table .advanced-call-box {
    font-size: 20px;
    color: #333;
    border: 0;
    background-color: #fbf3fd;
}
/* PRICING End */

/* DASHBOARD Start */
.dashboard-main-title {
    padding: 20px 30px;
    font-size: 25px;
    font-weight: 500;
}

.left-sidebar {
    width: 238px;
    height: 100%;
    background-color: #242c42;
    position: fixed;
    z-index: 10000;
}

.dashboard-content {
    margin-left: 238px;
}

.dashboard-header {
    height: 64px;
    background-color: #ffffff;
    box-shadow: 0 1px 0 0 #cccccc;
}

    .dashboard-header .mobile-logo-wrapper {
        display: none;
    }

    .dashboard-header .top-menu-wrapper {
        float: right;
        height: 100%;
    }

    .dashboard-header .top-menu {
        float: right;
        display: table;
        height: 100%;
        list-style: none;
        padding-right: 10px;
    }

        .dashboard-header .top-menu > li {
            margin: 0;
            padding: 0 10px;
            display: table-cell;
            vertical-align: middle;
        }

        .dashboard-header .top-menu .profile-img {
            cursor: pointer;
        }

        .dashboard-header .top-menu > li > a {
            display: block;
            position: relative;
        }

        .dashboard-header .top-menu > li i {
            font-size: 24px;
            color: #000;
        }

        .dashboard-header .top-menu > li .badge {
            border-radius: 50%;
            background-color: #ff001f;
            color: #fff;
            position: absolute;
            top: -6px;
            right: -4px;
            font-size: 9px;
            line-height: 15px;
            width: 15px;
            height: 15px;
            text-align: center;
            padding: 0;
        }

        .dashboard-header .top-menu .user-name {
            font-size: 15px;
            font-weight: 500;
            color: #333333;
        }

        .dashboard-header .top-menu .profile-img img {
            background-color: #edf1f4;
            border-radius: 50%;
            width: 50px;
            height: 50px;
        }

.custom-dropdown {
    position: relative;
}

    .custom-dropdown:hover .custom-dropdown-menu {
        display: block;
    }

.custom-dropdown-menu {
    width: 180px;
    position: absolute;
    right: -7px;
    top: 65px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    display: none;
    z-index: 2;
}

    .custom-dropdown-menu a {
        padding: 10px 20px;
        display: block;
        border-bottom: 1px solid #f7f7f7;
        background-color: #fff;
        color: #333;
        font-size: 15px;
    }

        .custom-dropdown-menu a:hover {
            background-color: #f7f7f7;
        }

    .custom-dropdown-menu:before {
        border-width: 11px;
        right: 27px;
        top: -22px;
        border-color: transparent transparent #cacaca transparent;
    }

    .custom-dropdown-menu:before, .custom-dropdown-menu:after {
        content: "";
        border-style: solid;
        position: absolute;
    }

    .custom-dropdown-menu:after {
        border-width: 10px;
        right: 28px;
        top: -20px;
        border-color: transparent transparent #fff transparent;
    }


.left-sidebar .ms-logo {
    float: none;
    display: block;
    text-align: center;
    padding: 12px 0;
}

/*.sidebar-menu li {
 border-left: 3px solid transparent;
}*/

.sidebar-menu li a {
    display: block;
    padding: 12px 0px;
    padding-right: 10px;
    color: #fff;
    font-size: 16px;
    color: black;
    display: flex;
    align-items: center;
}

    .sidebar-menu li a i {
        padding: 0 16px;
    }

.sidebar-menu li.active {
    /* border-left: 3px solid #858585;*/
    background-color: #ffffff;
}

.new-gif {
    display: block !important;
}

.sidebar-menu li.active a {
    color: #000000;
    background-color: #E4E4E4;
}

.dashboard-body {
    background-color: #F5F9FD;
    padding: 30px;
}
/*trends Start*/
.trends {
    padding: 12px 30px;
    background-color: #eaeef3;
    margin: -30px -30px 20px;
    box-shadow: 0 1px 0 0 #cccccc;
    font-size: 15px;
    font-weight: 500;
}

    .trends .competitor-name {
        max-width: 160px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #81209d;
    }
    /*
.trends .move-box{
 position: absolute;
 top: 0;
}
*/
    .trends .recommendation i.icon-like {
        color: #d75a4a;
    }

    .trends .star-rating i.icon-rating {
        color: #44a512;
    }

    .trends .move-box i.down {
        color: #d75a4a;
        font-weight: 600;
    }

    .trends .move-box i.up {
        color: #44a512;
        font-weight: 600;
    }

    .trends .row > div {
        overflow: hidden;
        height: 18px;
    }

        .trends .row > div:first-child {
            border-right: 1px solid #999999;
        }

    .trends .row .move-box > div {
        vertical-align: middle;
        margin-right: 20px;
    }

        .trends .row .move-box > div > * {
            vertical-align: middle;
            margin-right: 5px;
        }
/*trends End*/
.dashboard-title {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 1.6;
    color: #333;
    float: left;
}

.colorbox {
    min-height: 146px;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    margin-top: 15px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .colorbox > svg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

    .colorbox .txt {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 10px 0;
    }

.colorbox-1 {
    /* background-image: linear-gradient(to bottom, #40bcf9, #1e87f0);*/
    background-image: url("/App_Themes/images/Dashboard/colorbox1.svg"); /* fallback */
    background-image: url("/App_Themes/images/Dashboard/colorbox1.svg"), linear-gradient(to bottom, #40bcf9, #1e87f0); /* W3C */
    background-repeat: no-repeat;
    background-position: right;
}

.colorbox-2 {
    background-image: url("/App_Themes/images/Dashboard/colorbox2.svg"); /* fallback */
    background-image: url("/App_Themes/images/Dashboard/colorbox2.svg"), linear-gradient(to left, #f9d423, #f83600); /* W3C */
    background-repeat: no-repeat;
    background-position: right;
    /* background-image: linear-gradient(to left, #f9d423, #f83600);*/
}

.colorbox-3 {
    background-image: url("/App_Themes/images/Dashboard/colorbox3.svg"); /* fallback */
    background-image: url("/App_Themes/images/Dashboard/colorbox3.svg"), linear-gradient(to top, #009efd, #2af598); /* W3C */
    background-repeat: no-repeat;
    background-position: right;
    /* background-image: linear-gradient(to top, #009efd, #2af598);*/
}

.colorbox-1 .rating {
    font-size: 26px;
    color: #fff;
    margin-right: 30px;
}

.colorbox-1 .star-rating i {
    font-size: 24px;
    color: #f5a100;
}

    .colorbox-1 .star-rating i.unrated-star {
        color: #edf1f4;
    }

.colorbox .progress {
    height: 6px;
    margin-top: 10px;
    position: relative;
}

.colorbox-1 .progress .progress-bar {
    background-color: #0063b5;
}

.colorbox-2 .progress .progress-bar {
    background-color: #b4320b;
}

.colorbox-2 .recommendation {
    font-size: 26px;
    color: #fff;
    margin-right: 15px;
}

.colorbox-2 .recommendation-like i {
    font-size: 24px;
    color: #fff;
}

.colorbox-3 .count-info i {
    font-size: 26px;
    color: #fff;
    margin-right: 6px;
}

.count-info {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .count-info > * {
        flex-shrink: 0;
    }

    .count-info .txt {
        flex-shrink: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.colorbox-3 .count {
    font-size: 26px;
    color: #fff;
    margin-right: 12px;
}

.count-box-wrapper {
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.count-box {
    min-height: 130px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    margin-top: 30px;
    padding: 10px;
}

    .count-box .title {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        color: #242c42;
        padding-bottom: 8px;
    }

.count-box1 .title {
    border-bottom: solid 1px #ff0062;
}

.count-box1 .count {
    color: #ff0062;
}

.count-box2 .title {
    border-bottom: solid 1px #0fce6e;
}

.count-box2 .count {
    color: #0fce6e;
}

.count-box3 .title {
    border-bottom: solid 1px #ff001f;
}

.count-box3 .count {
    color: #ff001f;
}

.count-box4 .title {
    border-bottom: solid 1px #f5a623;
}

.roi-count-box-div .count-box5 .count {
    padding-top: 22px !important;
    text-align: left !important;
    color: #3e9489;
}

.count-box5 .title {
    border-bottom: solid 1px #81209d;
}

.count-box5 .roi-text {
    font-size: 22px;
}

    .count-box5 .roi-text:last-child {
        padding-top: 6px;
    }

.count-box4 .count {
    color: #f5a623;
}

.count-box .count {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    padding-top: 24px;
}

.charts-reports-btn-div {
    margin: 40px 0 18px;
}



.export-excel-btn {
    border-radius: 4px;
    background-color: #2a8158;
    border: 1px solid #2a8158;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    padding: 7px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

    .export-excel-btn:hover {
        color: #fff;
    }

    .export-excel-btn img {
        height: 24px;
        width: 34px;
        padding-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .export-excel-btn span {
        display: inline-block;
        vertical-align: middle;
    }

.graph-box {
    min-height: 412px;
    padding: 15px 15px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    position: relative;
}

    .graph-box .info-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

.demograph-info {
    position: absolute;
    right: 30px;
    top: 38px;
    text-align: center;
}

    .demograph-info .gender-percent {
        font-size: 18px;
        line-height: 1.3;
    }

    .demograph-info .gender-reviews {
        font-size: 13px;
        line-height: 1.8;
        color: #485465;
    }

    .demograph-info .gender-women .gender-percent {
        color: #e010a3;
    }

    .demograph-info .gender-men .gender-percent {
        color: #0073d5;
    }

    .demograph-info .gender-nd .gender-percent {
        color: #666666;
    }

    .demograph-info .gender-image img {
        height: 55px;
    }
/* Daterangepicker Start */
.daterangepicker {
    line-height: 2;
    margin-top: 14px;
    -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    -moz-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
}

    .daterangepicker.dropdown-menu {
        z-index: 1019;
        margin-top: 2px;
    }

    .daterangepicker .input-mini.active {
        border-color: #81209d;
    }

    .daterangepicker .ranges li {
        background-color: #fff;
        color: #333;
        border: 0;
    }

        .daterangepicker .ranges li.active {
            color: #333;
            background-color: #edf1f4;
            border: 0;
        }

        .daterangepicker .ranges li:hover {
            background-color: #edf1f4;
            border: 0;
        }

.date-range-select {
    width: 170px;
    cursor: pointer;
    line-height: 1.6;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 15px;
    padding: 8px 30px 7px 15px;
    position: relative;
    min-height: 42px;
}

    .date-range-select:after {
        content: "\ea7e";
        font-family: 'ms-icons' !important;
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 28%;
    }

/*.daterangepicker:before {
 border-width: 14px;
 top: -15px;
}

.daterangepicker:after {
 top: -13px;
 border-width: 13px;
}
*/
.daterangepicker table tbody {
    font-size: 15px;
}

.daterangepicker .applyBtn {
    background-color: #81209d;
    border-color: #81209d;
}

    .daterangepicker .applyBtn:hover {
        background-color: #81209d;
    }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #81209d;
}

.daterangepicker select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}

.competition-analysis ~ .daterangepicker .ranges ul li:last-child {
    display: none;
}

.competition-analysis ~ .daterangepicker .ranges .range_inputs {
    display: none;
}
/* Daterangepicker End */
/* Custom Select Start */
.selectbox-container {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    line-height: 1.6;
}

select {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 7px 30px 7px 15px;
    outline: none;
    color: #333;
    position: relative;
    z-index: 2;
    background: transparent;
    cursor: pointer;
    width: 100%;
}

    select.form-control {
        padding: 7px 30px 7px 15px;
        background-color: transparent;
    }

.selectbox-container .icon-drop-down {
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 8px;
    z-index: 1;
    pointer-events: none;
}

.selectbox-container .bootstrap-select div.dropdown-menu {
    transform: translate3d(0px, 40px, 0px) !important;
    min-width: 100% !important;
}

.selectbox-container .bootstrap-select .dropdown-item {
    white-space: initial;
}
/* Custom Select End */

/* DASHBOARD End */

/* Competition Analysis Start */
.competitor-section {
    margin-top: 30px;
}

    .competitor-section .title {
        font-size: 18px;
        font-weight: 500;
        color: #333;
        margin-bottom: 15px;
    }

.competitor-div, .calculation-div {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    padding: 20px 15px;
    margin-top: 30px;
}

.self-input {
    padding-left: 20px;
    padding-right: 20px;
}

.competitor-input {
    position: relative;
}

.competitor-div input {
    font-size: 15px;
    height: auto;
    /* padding: 8px 15px;*/
}

    .competitor-div input::placeholder {
        font-size: 15px;
    }

.and-span {
    position: absolute;
    font-size: 14px;
    color: #666;
    left: -12px;
    top: 12px;
}
/* Competition Analysis End */
/*====Corp Homepage starts====*/
.PL-0 {
}

.top-section {
    min-height: 576px;
    background-image: url(/App_Themes/images/Dashboard/whyms.svg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff !important;
}

    .top-section .divider-line {
        border-bottom: solid 2px #fff;
    }
/*
.top-section:before{
 width: 100%;
 height: 100%;
 content: "";
 position: absolute;
 left: 0;
 background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
 z-index: -2;
}
*/
.ms-intro-holder {
    padding-top: 116px;
}

.ms-intro-image {
    /*padding-top: 12px;*/
    text-align: center;
}

    .ms-intro-image img {
        max-width: 100%;
    }

.section-holder {
    padding-top: 40px;
}

.top-section .section-title {
    padding-bottom: 20px;
}

.top-section * {
    color: #fff;
}

.ms-works {
    min-height: 585px;
    text-align: center;
    position: relative;
}

.ms-works-holder {
    min-height: 445px;
    width: 20%;
    float: left;
    position: relative;
}

    .ms-works-holder .ms-works-inner {
        position: absolute;
    }

.odd-holder .ms-works-inner {
    top: 0;
}

.even-holder .ms-works-inner {
    top: 53%;
}

.ms-works-holder.odd-holder .works-content {
    padding-bottom: 0;
}

.ms-works-holder.even-holder .works-content {
    padding-top: 20px;
}

.works-icon-holder span {
    display: inline-block;
    padding: 16px;
    border: 2px solid #81209d;
    border-radius: 100%;
    background-color: #fff;
    width: 65px;
    height: 65px;
}

    .works-icon-holder span img {
        font-size: 30px;
        width: 31px;
    }

.works-content {
    color: #242c42;
}

.works-content-title {
    padding-bottom: 16px;
    font-size: 20px;
}

.works-content-info {
    min-height: 65px;
    font-size: 15px;
    line-height: 1.6;
}

.shape-svg-1, .shape-svg-2, .shape-svg-3, .curve-svg {
    position: relative;
}

    .shape-svg-1 svg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -2;
    }

    .shape-svg-2 svg {
        position: absolute;
        top: 11%;
        right: 0;
        z-index: -2;
    }

    .shape-svg-3 svg {
        position: absolute;
        top: 15%;
        right: 0;
        z-index: -2;
    }

.ms-works svg {
    position: absolute;
    top: 26%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

/*feature section starts*/
.image-right .feature-text {
    padding-right: 108px;
}



.feature-section-holder {
    width: 100%;
    /*min-height: 400px;*/
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    align-items: center;
}

.image-right .feature-section-holder {
    flex-direction: row-reverse;
}

.feature-text .section-title {
    padding-right: 0 !important;
    font-weight:600;
}
/*
.feature-section-holder div:first-child{
 padding-right: 80px;
}
*/
.feature-section-holder .feature-photo img {
    width: 370px;
}

.feature-photo.new-customer-img img {
    width: 500px;
}

.feature-photo {
    /*
 display: table-cell;
 vertical-align: middle;
*/
}

.feature-text {
    /*
 display: table-cell;
 vertical-align: middle;
*/
}
/*
.feature-text div:last-child{
 padding-bottom: 0;
}
*/
.ms-business {
    text-align: center;
}

    .ms-business .req-trial-btn {
        min-width: 200px;
    }
/*
.ms-business-photo{
 text-align: center;
}
.ms-business-photo img{
 width: 250px;
 height: 169px;
}
*/
/*====Corp Homepage ends====*/

/*====Corp features starts====*/
/*.main-feature-content .section-holder {
 padding-bottom: 50px;
}*/

.main-feature-content .ms-business {
    padding: 50px 0 50px;
}

.main-client-content .top-section {
    min-height: 590px;
    background-image: url(/App_Themes/images/Dashboard/client-top.png);
}

.main-feature-content .top-section {
    /*min-height: 800px;*/
    /*background-image: url(/App_Themes/images/Dashboard/feature-top.png);*/
}

.main-feature-content .section-content {
    padding-bottom: 0px;
}

.top-section-text {
    padding: 100px 0 25px 0;
    text-align: center;
}

.top-section .main-feature {
    text-align: center;
}

.top-section .feature-- span {
    display: inline-block;
    padding: 8px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.top-section .feature-icon span img {
    font-size: 30px;
    width: 100%;
}

.feature-holder {
    padding-bottom: 20px;
    display: block;
}

.feature-icon span {
    display: inline-block;
    padding: 8px;
  /*  border: 2px solid #81209d;
    border-radius: 100%;*/
    line-height: 65px;
    text-align: center;
    width: 65px;
    height: 65px;
}

    .feature-icon span img {
        font-size: 32px;
        height: 100%;
        width: 100%;
    }

.feature-holder .feature-title {
    padding-top: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #242c42;
}

.review-collection {
    text-align: center;
}
/*
.review-collection .section-content, .client-section .section-content, .crm-section .section-content {
 padding-bottom: 30px;
}
*/
.review-svg, .client-svg {
    position: relative;
}

.review-svg {
    padding-bottom: 100px;
    padding-top: 30px;
}

    .review-svg .review-disp-img {
        width: 500px;
        padding-bottom: 40px;
        margin: 0 auto;
    }

        .review-svg .review-disp-img img {
            max-width: 100%;
        }

    .review-svg svg {
        position: absolute;
        top: 256px;
        right: 0;
        z-index: -2;
    }

.review-collection .feature-holder {
    text-align: left;
}

.review-display {
    text-align: center;
}

.review-collection .feature-holder .feature-title {
    padding-top: 0;
}

.feature-holder .feature-title {
    padding-top: 0px;
}

.review-display .feature-title {
    padding-top: 0;
}

.review-display .feature-holder {
    padding-bottom: 30px;
}

.feature-brief-text {
    padding-top: 0px;
    font-size: 15px;
    line-height: 1.6;
    color: #242c42;
}

.connection-section {
    text-align: center;
}

    .connection-section .feature-holder {
        text-align: left;
        min-height: 130px;
    }

    .connection-section .feature-title {
        padding-top: 0;
    }

.connection-photo-holder {
    padding-bottom: 40px;
}

    .connection-photo-holder img {
        max-width: 350px;
    }

.connection-photo {
    display: table-cell;
    vertical-align: middle;
}

.image-left .image-lg .feature-photo {
    width: 445px;
    padding-right: 125px;
    text-align: center;
}

.image-right .image-lg .feature-photo {
    width: 445px;
    text-align: center;
}

    /*.image-left .image-lg .feature-photo img {
 width: 465px;
}*/

    .image-right .image-lg .feature-photo img {
        width: 445px;
    }

.connection-info {
}

    .connection-info:not(:last-child) {
        padding-bottom: 30px;
    }


.connection-info-text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.connection-info-title {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 16px;
}

.connection-info-subtitle {
    font-size: 15px;
}

.main-feature-content .shape-svg-2 svg {
    position: absolute;
    top: 22%;
    right: 0;
    z-index: -2;
}

.main-feature-content .branding-section {
    text-align: center;
    /*padding-bottom: 50px;*/
}


.social-media {
    text-align: center;
}

.feature-more-text {
    padding-bottom: 40px;
    text-align: left;
}

    .feature-more-text div:first-child {
        padding-bottom: 15px;
        font-size: 20px;
        font-weight: 500;
    }

    .feature-more-text div:nth-child(2) {
        font-size: 15px;
        line-height: 1.6;
    }

.seo-holder {
    text-align: center;
}

    .seo-holder .feature-holder {
        text-align: left;
    }

    .seo-holder .seo-btn {
        padding-top: 12px;
    }

.main-feature-content .crm-section {
    text-align: center;
    padding-bottom: 0;
}

.crm-section .crm-image {
    width: 640px;
    padding: 50px 0 40px;
    margin: 0 auto;
}

    .crm-section .crm-image img {
        max-width: 100%;
    }

.crm-section .section-holder {
    text-align: center;
}

.col-center-align {
    margin: 0 12.5%;
}

.crm-section .section-subtitle {
    padding-bottom: 40px;
}

.client-svg svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.client-section {
    text-align: center;
}

    .client-section.section-holder {
        padding-top: 40px;
    }


    .client-section .divider-line {
        border: solid 2px #81209d;
    }

    .client-section .feature-holder .feature-title {
        padding-top: 0px;
    }
/*====Corp features Ends====*/


/*====Corp Clients starts====*/
.feature-section-holder ul.section-content {
    list-style-position: inside;
    list-style-type: disc;
}

    .feature-section-holder ul.section-content li.section-points {
        line-height: 1.78;
        font-size: 18px;
    }

.ms-score {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

    .ms-score .form-group {
        margin-bottom: 2rem;
    }

.ms-score-input {
    position: relative;
}

    .ms-score-input input {
        color: #333 !important;
    }

.typeahead-search {
    position: relative;
}

    .typeahead-search ul.dropdown-menu {
        width: 100%;
        padding: 0;
    }

        .typeahead-search ul.dropdown-menu li a * {
            color: #333 !important;
            text-wrap: auto;
        }

        .typeahead-search ul.dropdown-menu li:not(:last-child) {
            border-bottom: 1px solid rgba(0,0,0,.15);
        }

        .typeahead-search ul.dropdown-menu li a {
            padding: 6px 10px;
            width: 100%;
            display: block;
            line-height: 1.3;
            font-size: 14px;
            cursor: pointer;
        }

            .typeahead-search ul.dropdown-menu li a .searchParent {
                display: block;
                font-size: 11px;
                color: #81209d !important;
                margin-top: 4px;
            }

    .typeahead-search .dropdown-menu > li.active > a {
        background-color: #dfecff;
    }
/*
.main-client-content .top-section .top-section-text{
 margin-bottom: 24px;
}
*/
.main-client-content .top-section .divider-line {
    margin-bottom: 20px;
}

.ms-score-btn {
    background-color: transparent;
    border: 1px solid #fff !important;
}

.widget-svg {
    position: relative;
}

.widget-svg {
    padding-bottom: 100px;
}

    .widget-svg .review-disp-img {
        width: 470px;
        margin: 0 auto;
        padding-bottom: 40px;
        padding-right: 38px;
    }

        .widget-svg .review-disp-img img {
            max-width: 100%;
        }

    .widget-svg svg {
        position: absolute;
        top: 250px;
        right: 0;
        z-index: -2;
    }

.main-client-content .shape-svg-3 svg {
    top: -7%;
}
/*.card-slider .slick-prev, .card-slider .slick-next {
 width: 36px;
 height: 36px;
 background-color: #fff;
 border-radius: 100%;
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
 background-image: url('../../images/Dashboard/drop.svg');
 z-index: 1;
 background-repeat: no-repeat;
 background-position: center;
 }

.card-slider .slick-prev, .card-slider .slick-next {
 top: 40%;
}

.card-slider .slick-prev {
 left: -13px;
 transform: rotate(90deg);
}

.card-slider .slick-next {
 right: -13px;
 transform: rotate(-90deg);
}*/

.card-slider-holder .slick-prev:before, .card-slider-holder .slick-next:before {
    color: #000;
    font-size: 50px;
    line-height: 5px;
}

.card-slider-holder .slick-next:before {
    content: '\203A';
}

.card-slider-holder .slick-prev:before {
    content: '\2039';
}
/*.card-slider-holder .slick-prev {
 left: -33px;
 background: #d8d8d8;
 height: 22px;
 width: 22px;
 border-radius: 100%;
}
.card-slider-holder .slick-next {
 right: -33px;
 background: #d8d8d8;
 height: 22px;
 width: 22px;
 border-radius: 100%;
}*/
.card-slider-holder.slick-initialized .slick-slide {
    padding-right: 15px;
    padding-left: 15px;
}

.recommend-articles .opacity-image {
    height: 180px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 5px;
}

.recommend-articles .opacity-text {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.brands-say {
    padding-bottom: 30px;
    text-align: center;
}

#brandTestimonial .carousel-indicators {
    bottom: -30px;
}

.user-feedback-text {
    max-width: 850px;
    margin: 0 auto;
}

    .user-feedback-text .user-feedback-text-span {
        position: relative;
        font-style: italic;
        font-weight: 500;
    }

        .user-feedback-text .user-feedback-text-span .inverted-comma {
            /* position: absolute;
 font-size: 123px;*/
            /* top: 30px;
 left: -46px;*/
            line-height: 0;
            color: rgba(0,0,0,0.4);
        }

.user-feedback .user-profile {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
}

    .user-feedback .user-profile img {
        width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

.user-feedback .user-feedback-text {
    min-height: 135px;
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
    padding: 0 30px;
}
/*====Corp Clients Ends====*/



/*=====Integrated CRM System =====*/
/* DASHBOARD Start */
.dataTables_wrapper.container-fluid {
    padding: 0;
}

.dtable thead {
    border-radius: 4px;
    background-color: #f6f7f9;
    box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5);
}

table.dataTable thead th {
    padding: 16px;
    border-bottom: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    color: #333333;
    border-top: 0;
    vertical-align: middle;
}

    table.dataTable tbody td input[type="checkbox"], table.dataTable thead th input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }

table.dataTable tbody td {
    padding: 16px;
}

table.dtable {
    table-layout: fixed;
    width: inherit !important;
}

table.dataTable tbody tr.selected {
    background-color: #e9f6ff;
}

table.dataTable tbody tr {
    background-color: #ffffff;
}

tfoot tr td a {
    font-size: 15px;
}

table.dataTable {
    margin-top: 0 !important;
    border-bottom: 1px solid rgb(202, 202, 202);
}

    table.dataTable tfoot td {
        padding: 16px;
        border: 0;
        background-color: #fff;
    }

tfooot .view-btn {
    background-color: #e0109d;
}

.table-wrapper {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}

.dataTables_wrapper > .row:first-child {
    display: none;
}

.dtable .review-td {
    max-width: 300px;
}

.dtable .email-id-td {
    max-width: 200px;
}

.dtable .quest-ans-section {
    max-width: 200px;
    text-transform: none;
}

.quest-text {
    color: #4a90e2;
}

table.dataTable, table.dataTable th, table.dataTable td {
    /* box-sizing: border-box;*/
    /*white-space: nowrap;*/
}

.view-btn {
    border-radius: 4px;
    background-color: #e0109d;
    border: 1px solid #e0109d;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    padding: 7px 15px;
    color: #fff !important; /* Force white text */
    font-size: 15px;
    font-weight: 500;
}

    .view-btn:hover {
        color: #fff;
    }

.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rev-title {
    width: 250px;
}

    .rev-title a {
        width: 100%;
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        display: inline-block;
        color: #4a90e2;
    }

.grey-text {
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
}

.rev-more-info div {
    display: inline-block;
}

.read-more-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.85;
    cursor: pointer;
    color: #81209d;
}

.rev-date {
    font-size: 12px;
    line-height: 2;
    color: #9b9b9b;
}

.read-stats, .comment-stats {
    text-align: left;
}

.read-stats {
    margin-bottom: 6px;
}

    .read-stats span, .comment-stats span {
        vertical-align: middle;
    }

        .read-stats span:first-child, .comment-stats span:first-child {
            width: 80px;
            font-size: 14px;
            padding: 2px;
            padding-left: 7px;
            display: inline-block;
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;
            color: #ffffff;
        }

@media screen and (max-width: 1399px) {
    .read-stats span:first-child, .comment-stats span:first-child {
        width: 75px;
        font-size: 14px;
        padding: 2px;
        padding-left: 7px;
    }
}

.read-stats span:first-child {
    background-color: #50e3c2;
}

.read-stats .grey-text, .comment-stats .grey-text {
    padding-left: 10px;
}

.comment-stats span:first-child {
    background-color: #f5a623;
}

.comment-stats {
}

.dtable .ms-id {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: #4a90e2;
}

.review-status {
    padding: 2px 15px;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600;
    border-radius: 12px;
    color: #ffffff;
}

.status-open {
    background-color: #ff001f;
}

.status-pending {
    background-color: #f5a623;
}

.status-positive {
    background-color: #00d06a;
}

.status-closed {
    background-color: #cccccc;
}

.communication-icon img {
    width: 26px;
}

.communication-icon {
    padding: 0 12px;
}

.show-history-btn {
    max-width: 140px;
    margin: 6px auto 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    text-align: center;
    color: #9b9b9b;
}

/*Communication modal starts*/
#communicationModal .modal-header {
    border: 0;
    padding: 15px 32px 15px 32px;
    text-align: center;
}

#communicationModal .row {
    margin: 0;
}

#communicationModal .modal-body {
    padding: 0 32px;
}

.chat-content-holder {
    max-height: 350px;
    padding-top: 12px;
    border-top: 1px solid #cccccc;
    overflow-y: scroll;
}

.recieved-message-holder, .sent-message-holder {
    margin-bottom: 10px;
    line-height: 1.6;
}

.recieved-message, .sent-message {
    min-width: 100px;
    max-width: 68%;
    padding: 10px;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
    word-wrap: break-word;
    word-break: break-word;
}

.recieved-message {
    float: left;
    border-bottom-left-radius: 0;
    border: 1px solid #edf1f4;
    background-color: #edf1f4;
    padding: 10px;
}

.sent-message {
    padding-bottom: 17px;
    float: right;
    border-bottom-right-radius: 0;
    border: 1px solid #81209d;
    background-color: #81209d;
    color: #fff;
}

.message-type-area {
    width: 100%;
    padding: 15px 0;
    display: table;
    border-top: 1px solid #cccccc;
}

    .message-type-area div {
        display: table-cell;
    }

    .message-type-area .message-input {
        width: calc(100% - 60px);
    }

.message-input textarea {
    height: 40px;
    border: 0;
    resize: none;
    padding-left: 0;
}

.variable-textbox textarea {
    height: 40px;
    transition: height 0.4s ease-in;
}

.message-send-btn {
    text-align: center;
    vertical-align: bottom;
}

    .message-send-btn a img {
        width: 26px;
        height: 26px;
    }
/*Communication modal ends*/


/*review modal starts*/
#readReviewSection {
    display: none;
}

    #readReviewSection .review-section-holder {
        padding: 30px;
    }

    #readReviewSection .close {
        font-size: 2rem;
    }

.user-details {
    width: 100%;
    padding-bottom: 16px;
    border-bottom: solid 1px #cccccc;
    display: table;
}

.profile-pic {
    height: 76px;
    width: 76px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

    .profile-pic > img {
        height: 76px;
        width: 76px;
        border: solid 1px #979797;
        border-radius: 50%;
    }

.profile-badge {
    position: absolute;
    width: 35px;
    right: -10px;
    bottom: 4px;
}

    .profile-badge img {
        max-width: 100%;
    }

.user-details-content {
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;
}

.user-name {
    padding-bottom: 6px;
    font-size: 15px;
}

    .user-name span {
        font-weight: 500;
        color: #242c42;
        display: inline-block;
        vertical-align: middle;
    }

.usr-location {
    padding-bottom: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #666666;
}

.user-activity {
    font-size: 13px;
    font-weight: 500;
}

    .user-activity span {
        font-size: 13px;
        font-weight: 500;
        color: #242c42;
    }

.review-details-holder {
    position: relative;
    padding-top: 12px;
    border-bottom: solid 1px #cccccc;
}

.review-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #242c42;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
    width: 90%;
}

    .review-title > span {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

.review-detail {
    padding-bottom: 20px;
}

    .review-detail div {
        display: inline-block;
    }

.star-holder {
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

#readReviewSection .review-detail .star-holder span {
    font-size: 20px;
}

    #readReviewSection .review-detail .star-holder span i {
        margin-right: 3px;
    }

.usr-rev-date, .user-views {
    font-size: 13px;
    font-weight: 500;
    color: #666666;
}

.user-views {
    padding-left: 5px;
}

    .user-views span, .flag-reviews span {
        vertical-align: middle;
    }

        .user-views span:first-child {
            padding-right: 5px;
            font-size: 18px;
            width: 18px;
            height: 18px;
        }

#readReviewSection .usr-review-text {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    color: #666666;
}

.review-gallery .review-img {
    float: left;
    width: 110px;
    height: 115px;
    margin-right: 20px;
    margin-top: 20px;
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 10px;
}

    .review-gallery .review-img img {
        max-width: 100%;
        height: 100%;
    }

.review-video {
    width: 500px;
    height: 340px;
    margin-bottom: 15px;
}

    .review-video > iframe {
        width: 100%;
        height: 100%;
    }
/*.flag-reviews{
 padding-top: 2px;
}*/
.flag-reviews img {
    width: 18px;
}

.flag-reviews a {
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 5px 0;
}

.flag-reviews span, .add-tags span {
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
    color: #81209d;
}


    .add-tags span:first-child, .flag-reviews span:first-child {
        margin-right: 5px;
        font-size: 18px;
    }


.post-brand-response, .post-comment-rev {
    padding-top: 15px;
    /*border-bottom: solid 1px #cccccc;*/
}

    .post-brand-response button:first-child, .post-comment-rev button:first-child {
        margin-right: 15px;
    }

#commentDiv {
    display: none;
}

.templates-holder {
    position: fixed;
    right: -160px;
    width: 160px;
    background-color: #f9f8f8;
    border-left: 1px solid #eaeaea;
    z-index: 11;
    top: 65px;
    cursor: pointer;
    height: calc(100% - 64px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.template-heading {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    border-bottom: solid 1px #eaeaea;
    color: #242c42;
    text-align: center;
}

.template-content {
    width: 100%;
    height: calc(100% - 44px);
    overflow-y: auto;
    text-align: center;
}

.template-type {
    /*
 padding-bottom: 7px;
 padding: 0 25px;
*/
}

    .template-type div:last-child {
        display: none;
    }

.template-image {
    height: 70px;
    margin: 12px auto 0px;
}

    .template-image img {
        width: 70px;
        height: 70px;
    }

.template-type-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.85;
    color: #242c42;
}

.comment-holder {
    margin-top: 15px;
    width: 100%;
    display: table;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 15px;
}

.comment-content {
    width: 85%;
    padding: 12px 15px 15px;
    border-radius: 4px;
    background-color: rgba(242, 242, 242, 0.5);
    border: 1px solid #cacaca;
    display: table-cell;
}

    .comment-content textarea {
        resize: none;
        transition: height 0.4s ease-in;
    }

.comment-header {
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #242c42;
}

.send-msg-btn {
    padding-left: 20px;
    display: table-cell;
    vertical-align: bottom;
    position: relative;
}

.img-attach {
    width: 20px;
    height: 20px;
}

.send-msg-btn .img-attach {
    position: absolute;
    top: 10px;
    left: 45%;
}
/*
#flagReview{
 padding-bottom: 6px;
}
*/
#flagReview .dropdown-menu {
    min-width: 125px;
    padding: 0;
    text-align: center;
    margin: 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.175);
    left: -20px;
    top: 126%;
}

    #flagReview .dropdown-menu:before, #flagReview .dropdown-menu:after {
        content: "";
        border-style: solid;
        position: absolute;
    }

    #flagReview .dropdown-menu:before {
        border-width: 11px;
        right: 50px;
        top: -22px;
        border-color: transparent transparent #cacaca transparent;
    }

    #flagReview .dropdown-menu:after {
        border-width: 10px;
        right: 51px;
        top: -20px;
        border-color: transparent transparent #fff transparent;
    }

#flagReview .dropup .dropdown-menu:before {
    border-width: 11px;
    right: 36px;
    top: 88px;
    border-color: #cacaca transparent transparent transparent;
}

#flagReview .dropup .dropdown-menu:after {
    border-width: 10px;
    right: 37px;
    top: 87px;
    border-color: #fff transparent transparent transparent;
}

#flagReview.dropdown:hover .dropdown-menu {
    display: block;
}

#flagReview .dropdown-toggle::after {
    display: none;
}

#flagReview .flag-rev-option {
    padding: 4px 0;
    border-bottom: 1px solid #f6f6f6;
}

#flagReview li.flag-rev-option:hover {
    background-color: #f3f3f3;
}

#flagReview .flag-rev-option a {
    color: #666666;
}

.review-rating {
}

.review-rating-holder {
    padding-bottom: 20px;
}

.review-rating-type {
    min-width: 116px;
    font-size: 13px;
    display: inline-block;
    color: #333333;
    padding-right: 0;
}

.rating-line {
    width: calc(100% - 122px);
    display: inline-block;
}

    .rating-line > span {
        width: 18%;
        height: 10px;
        display: inline-block;
        background-color: #e2e2e2;
    }
    /*
.rating-line span.rate-selected{
 background-color: #6f9d20;
}
*/
    .rating-line span.rate-selected.bg-color1 {
        background-color: #d0021b;
    }

    .rating-line span.rate-selected.bg-color3 {
        background-color: #50e3c2;
    }

    .rating-line span.rate-selected.bg-color4 {
        background-color: #44a512;
    }

    .rating-line span:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .rating-line span:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.response-holder {
    table-layout: fixed;
    padding: 0 0 15px;
    /*border-top: solid 1px #cccccc;*/
    /*margin-top: 15px;*/
}

    .response-holder .reponse-title {
        padding: 15px 0 0;
        font-size: 17px;
        font-weight: 500;
    }

    .response-holder .time-details {
        font-size: 13px;
        font-weight: 500;
        color: #666666;
    }

    .response-holder .corp-img {
        padding-right: 15px;
    }

        .response-holder .corp-img a {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: block;
            border: 2px solid #dfdfdf;
        }

            .response-holder .corp-img a img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }

    .response-holder .corp-resp-details {
        width: 88%;
        line-height: 1.6;
        font-size: 15px;
    }

.corp-resp-details .brand-images img {
    width: 100px;
    height: 120px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.response-holder .resp-user-details {
    margin-top: 15px;
}

.response-holder .corp-edit-resp {
    padding: 0 30px;
}

    .response-holder .corp-edit-resp i {
        font-size: 20px;
        color: #81209d;
    }

    .response-holder .corp-edit-resp span {
        font-size: 13px;
        font-weight: 600;
        color: #81209d;
    }

    .response-holder .corp-edit-resp .edit-response-link, .response-holder .corp-edit-resp .edit-comment-link {
        cursor: pointer;
    }

.r-box {
    display: -webkit-flex;
    display: -ms-flex;
    ;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 0;
}
/*
.comment-on-resp-row{
 margin-top: 15px;
}
*/
.comment-on-resp-input {
    -webkit-flex: 2 0 0;
    -ms-flex: 2 0 0;
    flex: 2 0 0;
    padding-left: 66px;
}
/*review modal ends*/
/*Upload Photos Modal Start*/
.photo-row {
    width: 100%;
    display: table;
    margin-top: 15px;
    padding: 10px 0;
}

    .photo-row > div {
        display: table-cell;
        vertical-align: middle;
    }

    .photo-row input[type="file"] {
        display: none;
    }

    .photo-row .browse-btn-section {
        width: 35%;
    }
/*Upload Photos Modal End*/

/*Upload Verified Modal Start*/
.upload-verified-sec {
    text-align: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #ccc;
    padding: 15px 0;
    /* margin: 0 15px;*/
}

    .upload-verified-sec .title {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
    }

    .upload-verified-sec .files-selected-txt {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: rgba(36, 44, 66, 0.5);
    }

    .upload-verified-sec .demo-file-link {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6;
        color: #4a90e2;
        cursor: pointer;
        display: block;
    }
/*Upload Verified Modal End*/
.big-textarea textarea {
    border: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    resize: none;
    border-radius: 0;
    padding: 7px;
}

.review-tag-flag-detail {
    padding: 10px 0;
    display: table;
    width: 100%;
}

    .review-tag-flag-detail > div {
        display: table-cell;
        vertical-align: middle;
    }

    .review-tag-flag-detail .add-tag-type {
        /*display: none;*/
        width: calc(100% - 120px);
        float: left;
    }

.add-tags .add-tags-inner {
    cursor: pointer;
}
/* Stamps Start */
.stamp .icon-issue-resolved, .stamp .icon-thank-you {
    color: #1cb581;
}

.stamp .icon-brand-response {
    color: #ccc;
}

.stamp {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    width: 81px;
}

    .stamp span {
        font-size: 30px;
        vertical-align: middle;
        display: block;
        margin-bottom: 5px;
    }

.verified {
    font-size: 12px;
    display: inline-block;
    padding-right: 10px;
}

    .verified > img {
        display: inline-block;
        margin-left: 10px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .verified > span {
        display: inline-block;
        vertical-align: middle;
    }
/* Stamps End */

/*=====Integrated CRM System =====*/

/*====== Return Investment Start ======*/
.customer-details {
    width: 100%;
    padding: 16px 0;
    color: #fff;
}

    .customer-details > div {
        vertical-align: middle;
    }

    .customer-details i {
        font-size: 38px;
        margin: 0 30px 0 20px;
    }

    .customer-details .customer-title {
        line-height: 1.33;
        font-size: 18px;
        font-weight: 500;
    }

    .customer-details .customer-count {
        font-size: 36px;
        line-height: 1.33;
    }

.calculation-div .and-span {
    left: -5px;
}

.roi-banner {
    height: 300px;
    position: relative;
    background-image: url(/App_Themes/images/Dashboard/roi-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.roi-title {
    padding: 16px;
    font-size: 20px;
    background-color: rgba(36, 44, 66, 0.9);
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.roi-note {
    font-size: 13px;
    font-weight: 500;
    color: rgba(36, 44, 66, 0.5);
    margin-top: 40px;
}

.count-box .title .avg-price-input {
    display: inline-block;
    max-width: 80px;
    margin-left: 5px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-width: 1px;
    border-color: #242c42;
}

    .count-box .title .avg-price-input:focus {
        outline: none;
    }
/*====== Return Investment End ======*/


/*===== teamplate css starts =====*/
.create-template-holder {
    padding: 30px;
    margin: 25px 0 40px 0;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
}

.create-template-title {
    padding-bottom: 24px;
    font-size: 20px;
    line-height: 1.2;
    color: #333333;
}

.create-template-text {
    padding-bottom: 24px;
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
}

#createTemplate .modal-body {
    padding: 0 15px;
}

#createTemplate .modal-header {
    text-align: center;
    border: 0;
}

#createTemplate .modal-title {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #242c42;
}

#createTemplate .create-response-holder {
    padding: 15px 0 25px 0;
    border-top: 1px solid #cccccc;
}

.create-resp-text div:first-child {
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #242c42;
}

.saved-templates-content {
    padding: 12px;
    height: 270px;
    overflow-x: auto;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}

.saved-templates-holder {
    padding-top: 12px;
}

.saved-templates-content div:first-child {
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    color: #333333;
}

.saved-templates-content div:last-child {
    font-size: 15px;
    line-height: 1.6;
    color: #333333;
}

.saved-temp-option {
    text-align: center;
}

.template-type-text {
    padding: 16px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    color: #333333;
}
/* .temp-opt-btn{
 padding: 0 25px;
}*/
.temp-opt-btn a {
    width: 100%;
}
/*===== teamplate css ends =====*/

/*===== add tag css starts =====*/
.add-tag-holder {
    padding: 25px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}

.add-tag-holder-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #333333;
}

.filter-tag-text {
    padding: 5px 12px 5px 15px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 500;
    border-radius: 22px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

    .filter-tag-text span:first-child {
        padding-right: 4px;
        font-size: 14px;
        line-height: 24px;
    }

    .filter-tag-text span:last-child {
        font-size: 10px;
    }

.add-tag-input {
    padding-top: 15px;
    width: 250px;
    display: inline-block;
    vertical-align: middle;
}

    .add-tag-input input::placeholder {
        font-size: 16px;
        color: rgba(102, 102, 102, 0.6);
    }

    .add-tag-input .add-text-tag-input {
        border-radius: 5px;
        border: solid 1px #cccccc;
        font-size: 15px;
        background-color: white;
        padding: 8px 15px;
        width: 100%;
    }

.add-tag-btn {
    padding: 12px;
    margin: 12px 20px 0;
    font-size: 30px;
    font-weight: 600;
    line-height: 15px;
    border-radius: 100%;
    background-color: #81209d;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.16);
    vertical-align: -4px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.review-tag-flag-detail .add-tag-btn {
    margin: 0 20px 0;
}

.add-tag-section {
    display: block;
    padding-bottom: 20px;
}

.add-tag-text {
    padding: 5px 14px 5px 14px;
    margin-right: 5px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 22px;
    background-color: #edf1f4;
    border: solid 1px #cccccc;
}

    .add-tag-text span:first-child {
        padding-right: 4px;
        font-size: 13px;
        color: #242c42;
        line-height: 24px;
    }

    .add-tag-text span:last-child {
        font-size: 11px;
        font-weight: 600;
        color: #242c42;
        cursor: pointer;
    }

.stats-section .stats-section-title {
    padding-top: 50px;
    font-size: 25px;
    color: #333333;
}

.stats-tag-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    color: #4a90e2;
    margin-right: 10px;
    height: 18px;
}

.date-time-create span:first-child {
    padding-right: 20px;
}

#tagStatsTable table.dataTable thead th {
    vertical-align: middle;
}

#tagStatsTable .recommend-text span:first-child {
    /*padding-right: 30px !important;*/
}

#tagStatsTable .dtable.dataTable thead tr th:first-child, #tagStatsTable .dtable.dataTable tbody tr td:first-child {
    width: auto;
    text-align: left;
}

#tagStatsTable td.dataTables_empty, #tagStatsTable th.dataTables_empty {
    text-align: center !important;
}

#tagStatsTable .delete-row img {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#tagStatsTable i.stats-tag-edit {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
}

#tagStatsTable i.stats-tag-save {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
    color: #44a512;
}

#tagStatsTable .edit-tag-input {
    display: inline-block;
    margin-right: 10px;
    padding: 6px 15px;
    font-size: 13px;
    max-width: 80%;
}

.tag-rev-section .tag-rev-txt {
    padding-top: 50px;
    font-size: 25px;
    color: #333333;
}

.tag-rev-txt {
    font-size: 15px;
    font-weight: 500;
    color: #4a90e2;
}

#allTagRev .recommend-text span:first-child {
    padding-right: 30px !important;
}

@media only screen and (max-width: 576px) {
    .add-tag-input {
        width: calc(100% - 65px);
    }

    .create-template-holder, .add-tag-holder {
        padding: 20px;
    }


    .add-tag-btn {
        margin-right: 0;
    }
}
/*===== add tag css ends =====*/

/*===== Go to Top css starts =====*/
.to-top {
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 999;
    background: #81209d;
    border: 1px solid #81209d;
    border-right: 0;
    padding: 9px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 40px;
    -webkit-transition: color .5s,background-color .5s;
    transition: color .5s,background-color .5s;
    color: #fff !important;
}

    .to-top span {
        font-size: 20px;
        line-height: 1 !important;
    }
/*===== Go to Top css ends =====*/

/*========footer css starts here========*/

/*==footer for desktop starts==*/
.MA-0 {
    margin: 0;
}

footer {
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
}

.center-content {
    max-width: 1120px;
    margin: 0 auto;
}

.primary-footer-wrapper {
}

.primary-footer-holder {
    width: 100%;
    padding: 20px 0;
    border-bottom: solid 1px #e2e2e2;
    display: table;
}

.primary-footer-content {
    display: table-cell;
    vertical-align: middle;
}

.primary-footer-holder .primary-footer-content:nth-child(1) {
    width: 28%;
}

.primary-footer-holder .primary-footer-content:nth-child(2) {
    width: 40%;
    text-align: left;
}

.primary-footer-holder .primary-footer-content:nth-child(3) {
    width: 32%;
    text-align: left;
}

.primary-footer-left {
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    line-height: 50px !important;
    color: #777777;
}

.primary-footer-right {
    padding-left: 20px;
    display: inline-block;
    text-align: left;
}

.fTopTitle {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    line-height: 20px !important;
}

footer .text-muted {
    font-size: 15px;
    font-weight: 500;
    color: #6c757d;
    line-height: 24px !important;
    margin: 0;
}

.primary-footer-right div:first-child {
    padding-bottom: 8px;
}

.rod-footer-img {
    display: table-cell;
    vertical-align: middle;
}

.rod-footer-content-text {
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
}

    .rod-footer-content-text div {
        font-size: 13px;
        font-weight: 500;
        color: #333333;
    }

        .rod-footer-content-text div:nth-child(1) {
            font-size: 15px;
        }

        .rod-footer-content-text div:not(:last-child) {
            padding-bottom: 8px;
        }

.rod-footer-title, .download-app-title {
    padding-bottom: 16px;
    font-size: 17px;
    font-weight: 600;
    color: #333333;
}

.footerMiddleTitle {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 20px !important;
    margin-bottom: 12px;
    text-align: center;
}


.rod-footer-img img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    border: solid 1px #cacaca;
}

.download-app-text {
    padding-bottom: 16px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 20px !important;
    color: #6c757d !important;
    text-align: center;
}

.download-app-img {
    text-align: center;
}

    .download-app-img img {
        width: 120px;
        height: 40px;
    }

    .download-app-img a:last-child {
        margin-left: 20px;
    }

.write-share-win {
    margin-bottom: 12px;
    text-align: center;
}

.contest-title {
    padding-bottom: 9px;
    font-size: 17px;
    font-weight: 500;
    color: #333333;
}
/*.contest-text{
 padding-bottom: 8px;
 font-size: 12px;
 font-weight: 500;
 color: #333333;
}*/
.write-share-text {
    padding-bottom: 9px;
    font-size: 26px;
    font-weight: 600;
    color: #81209d;
    font-family: 'Inter', sans-serif !important;
}

.fb-sign-btn > a {
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background-color: #4b6ea9;
    color: #ffffff;
}

    .fb-sign-btn > a:hover {
        color: #fff !important;
    }

.recommended-holder {
    text-align: center;
    cursor: pointer;
}

.recommended-text {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #6c757d;
    line-height: 20px !important;
}

.recommended-logo-holder img {
    opacity: 0.7;
}

    .recommended-logo-holder img:not(:last-child) {
        margin-right: 20px;
    }

.secondary-footer-wrapper {
    padding: 22px 0;
    text-align: center;
    background-color: #d8d8d8;
    /*.secondary-footer-holder{
 padding: 0 45px;
}*/
}

    .links-holder a, .secondary-footer-wrapper .copyright-text {
        font-weight: 500;
        text-align: center;
    }

.links-holder span {
    /*vertical-align: middle;*/
    color: #666666;
}

.links-holder a {
    font-size: 14px;
    font-weight: 300 !important;
    color: #777777;
    display: inline-block;
}

    .links-holder a:not(:first-child) {
        margin-left: 20px;
    }


    .links-holder a:hover {
        color: #81209d;
        text-decoration: none;
    }

.secondary-footer-wrapper .copyright-text {
    padding-top: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #777777;
    margin: 0;
    line-height: 20px;
}

.recommended-logo-holder img {
    width: 100%;
}


.to-top:hover {
    text-decoration: none !important;
}
/*==footer for desktop starts==*/


/*==footer for mobile starts==*/
.footer-mobile {
    display: none;
}

.font-write-share-win {
    font-size: 18px;
    color: #9017fe;
    font-weight: 500;
    padding: 12px 0;
}

.facebook-button {
    padding: 10px;
    margin-left: 10px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #1c5ab0, #184a91);
    border: none;
    vertical-align: middle;
    color: #fff;
}

.user-won-points-text {
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    text-align: center;
    color: #333333;
}

.usr-amt-won {
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
    text-align: center;
    color: #4990e2;
}

.hit-btn {
    display: block;
    margin: 10px auto;
    padding: 7px;
    width: 193px;
    height: 32px;
    border-radius: 5px;
    margin-top: 12px;
    background-color: #ffffff;
    border: 1px solid #9017fe;
}

.hit-btn-text {
    font-size: 11px;
    font-weight: 500;
    color: #9017fe;
}

.links-holder {
    line-height: 24px;
}

.copyright-content {
    text-align: center;
    background-color: #d8d8d8
}

.copyright-font, .links {
    font-size: 12px;
    color: #333333;
    padding-top: 10px;
}

.copyright-font {
    padding-bottom: 10px;
}

.copyright-font, .links {
    font-size: 12px;
    color: #333333;
    padding-top: 10px;
}

.footer-mobile .links a {
    text-decoration: none;
    color: #9017fe;
    margin: 0 3px;
}

.download-mob-app {
    font-size: 12px;
    color: #9017fe;
    padding: 10px;
}
/*==footer for mobile starts==*/


/*==========Footer Ends here========*/


/*========= Widgets Start =========*/
.widget-box {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
    padding: 15px;
    margin-top: 30px;
    height: 275px;
    display: table;
}

.widget-photo {
    width: 40%;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

.widget-text {
    display: table-cell;
    vertical-align: middle;
}

.widget-photo img {
    width: 100%;
}

.widget-text .section-title {
    font-size: 20px;
}

.widget-text .section-content {
    font-size: 15px;
}
/*========= Widgets End =========*/

/*======= Login Modal Start=======*/
#loginModal .forgot-pass {
    font-size: 13px;
    margin: 25px 0 20px;
}

#loginModal .sign-up-email {
    font-size: 14px;
    margin-top:20px;
    color:#81209d;
}
#loginModal .sign-up-email a{
    font-size: 12px;
    margin-top: 20px;
    color: #81209d;
    font-weight:700;
}

    .login-form .alert {
        font-size: 14px;
        padding: 15px;
    }

#loginModal .modal-title {
    font-weight: 500;
}

/*======= Login Modal End=======*/

/*======= acute box Start =======*/
.ac-select-wrapper input, .ac-select-wrapper select {
    font-size: 15px;
    background-color: white;
    padding: 8px 15px;
}

.ac-select-wrapper {
    font-size: 14px;
    color: #333;
    display: block;
}

.ac-select-main {
    height: auto !important;
    padding: 0;
    margin: 0;
}

.ac-select-widener {
    display: none;
}

td.ac-select-image {
    display: none;
}

.ac-select-text {
    padding-left: 0;
    width: 100%;
    margin: 0;
    border-width: 0 !important;
    border-radius: 5px;
}

.ac-select-text-wrapper {
    padding-left: 0;
}

div.ac-select-popup {
    top: 100%;
    padding-top: 0;
}

.ac-select-popup ul {
    padding: 0;
}

.ac-select-popup li {
    margin: 0;
    padding: 3px 8px;
    height: auto !important;
    line-height: 1.5 !important;
}

.ac-select-no-items {
    display: none !important;
}
/*======= acute box End =======*/

/*.navbar-nav .nav-item:nth-child(4) {
    display: none !important;
}*/

.ms-score-section .icon-half-star .path2:before {
    color: #f5a100;
}

.sign-up-right-content .iti__country-list {
    left: 0;
    right: -340px;
}

.iti__country-list {
    max-height: 150px !important;
}

.disableSidebars {
    opacity: 0.5;
    pointer-events: none;
}

.dark-close-icon {
    content: url('/APP_THEMES/images/Dashboard/close.svg');
}

.rr-close{
    opacity: 1 !important;
}


@media (max-width:990px) {
    .sign-up-right-content {
        padding-left: 4%;
    }

        .sign-up-right-content .iti__country-list {
            left: 0;
            right: -300px;
        }
}

@media (max-width:800px) {

    .sign-up-right-content .iti__country-list {
        left: 0;
        right: -276px;
    }
}

@media (max-width:990px) {
    .iti-mobile .iti__country-list {
        max-height: 100% !important;
    }

    .iti-mobile .iti__country-list {
        max-width: 100%;
    }
}