@font-face {
    font-family: OpenSans-bold;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf);
}

@font-face {
    font-family: OpenSans-Semibold;
    src: url(../fonts/OpenSans/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
}

p {
    font-family: OpenSans-Regular;
    letter-spacing: 0px;
}

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: OpenSans-Regular;
    background: #f5f8ff;
}

p {
    font-weight: 300;
}

#landerprop_form::-webkit-scrollbar {
    width: 5px;
}
#landerprop_form::-webkit-scrollbar-thumb {
    background: #888;
}
#landerprop_form::-webkit-scrollbar-track {
    background: #f1f1f1;
}
#landerprop_form{
    height: 380px;
    overflow-y: scroll;
    overflow-x:hidden
}
a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none !important;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 0px;
    border-radius: 0;
    padding-right: 15px;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}


/*.sticky-top {*/


/*    z-index: 0 !important*/


/*}*/

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i,
span {
    display: inline-block;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

html,
body {
    height: 100%;
    overflow: hidden;
    margin: 0px;
}


/*a:-webkit-any-link {*/


/*    color: -webkit-link;*/


/*    cursor: pointer;*/


/*}*/

.wrapper {
    /* display: flex;*/
    align-items: stretch;
    position: relative;
    height: 100%;
    overflow: scroll;
    /*!*    overflow: auto;*/
    /*height: calc(100vh - 140px);*!*/
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    /*animation-fill-mode: forwards; */
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #1a1a27;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding-left: 10px;
    margin-bottom: 0px;
}

#sidebar ul li a {
    font-size: 15px;
    display: block;
    text-align: left;
    line-height: 19px;
    letter-spacing: 0px;
    color: #8b8b8b;
}

#sidebar ul li a:hover {
    color: #3b5998 !important;
    opacity: 1;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    font-family: OpenSans-Regular;
    color: #000;
    font-size: 20px;
    opacity: 10 !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386d5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 90%;
    transition: all 0.3s;
    position: relative;
    /*width: calc(100% - 300px);*/
    min-height: calc(100vh - 177px);
    margin-left: auto;
    /*margin-top: 60px;*/
    margin-bottom: 160px;
    background: #f5f8ff;
    margin-right: auto;
}


/*css for language localization*/

.language_dropdown_btn {
    background: none;
    box-shadow: none;
    border: none;
    padding-right: 11px;
    padding-left: 0;
}

.language_dropdown_btn,
.language_dropdown_btn[aria-expanded="true"] {
    color: #fff !important;
    color: #000;
    /*font-size: 16px;*/
}

.language_dropdown_btn::after {
    display: none;
}

.language_dropdown_menu {
    padding-left: 20px !important;
}

.language_dropdown_menu ul {
    padding: 0;
}

.community_btn {
    margin-right: 11px;
}

.community_btn img {
    width: 19px;
}

@media (min-width: 992px) and (max-width: 1090px) {
    .top_user_name {
        max-width: 130px;
    }
}

@media (max-width: 992px) {
    .language_dropdown_btn {
        padding-right: 0;
    }
}

@media (max-width: 700px) {
    .language_dropdown {
        display: none !important;
    }
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

.pt-12 {
    padding-top: 12px;
}

.p-0 {
    padding: 0px;
}

.my_collapse_btn {
    color: #fff !important;
    background-color: #77545400 !important;
    border-color: #77545400 !important;
    box-shadow: 0 0 0 0.2rem #77545400 !important;
    margin-top: 8px;
}

.active_pg_logo {
    float: left;
    margin-top: 2px;
    width: 198px;
}

.user_img {
    width: 43px;
    border-radius: 8px;
}

.user_name {
    margin-right: 1%;
    margin-left: 3%;
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: #fff;
    line-height: 45px;
    letter-spacing: 0;
    display: block ruby;
}

.nav-link:hover {
    color: #ffc700 !important;
}

.dashboard_heading {
    padding-left: 15px;
}

.dashboard_heading p {
    color: #000;
    font-size: 30px;
    line-height: 25px;
}

.dashboard_success_msg {
    text-align: right;
}

.dashboard_success_msg p {
    font-size: 15px;
    background: #326de7;
    display: inline;
    color: #f5f4f4;
    padding: 8px 15px;
    border-radius: 35px;
}

.form-control,
.sortby_optn_div input {
    /*border: none !important;*/
    background: none !important;
    color: #6d6d6feb !important;
    /*width:40% !important;*/
    /*text-align: center;*/
}

.date_selecter {
    background: #bbdcff26;
    border-radius: 20px;
    padding: 3px;
    z-index: 1;
}

.gray_bg {
    background: #f0f1f6;
    padding: 0px 10px;
}

.date_icon {
    width: 25px;
    height: 25px;
    margin-left: 4%;
    padding: 1px;
}

.selected_date {
    font-size: 13px;
    margin-bottom: 0px;
}

.top_nav {
    padding: 10px 0px 0px 0px !important;
    background: #326de7;
}

.tab-content {
    background: #fff;
    padding: 30px;
    min-height: 285px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 2px 2px 9px 0px #d7d4d42e;
}

.graph1_nav .nav-tabs .nav-item.show .nav-link,
.graph1_nav .nav-tabs .nav-link.active {
    border: 0px !important;
    color: #47494b !important;
    font-weight: 600;
}

.graph1_nav .nav-item {
    color: #86878a;
    border: 1px solid #e5e5e6 !important;
}

.graph1_nav .nav-item:hover {
    background: #fff;
    color: black !important;
}

.graph1_nav .nav-tabs {
    background: #f4f5f8;
    box-shadow: 2px 2px 9px 0px #d7d4d42e;
}

.graph_sectn {
    padding-top: 10px;
    padding-bottom: 20px;
}

.fb_color_h {
    color: #5d78ff;
    font-weight: 700;
}

#curve canvas {
    width: 70% !important;
    height: 72% !important;
}

.left_menu_icon2 {
    width: 20px;
    margin-right: 6px;
    opacity: 0.3;
}

#chartdiv,
#chartdiv2 {
    width: 100%;
    height: 500px;
}

.platform_chart {
    background: #fff;
    margin-top: 25px;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 2px 2px 9px 0px #d7d4d42e;
}

.hoverme {
    position: relative;
    display: inline-block;
}

.hoverme .showtxt {
    visibility: hidden;
    background-color: #fff;
    color: #6f6969;
    text-align: center;
    border-radius: 6px;
    padding: 4px 13px;
    position: absolute;
    z-index: 1;
    box-shadow: -5px 0px 10px 0px #00000026;
    margin-left: -10%;
    font-size: 13px;
    top: 100%;
}

.hoverme:hover .showtxt {
    visibility: visible;
}

.dropbtn {
    border: none;
    background: none;
    color: #fff;
    margin-top: 10px;
}

.dropbtn:hover {
    background: #fff;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(167, 165, 165, 0.2);
    z-index: 1;
    right: 0;
    font-family: OpenSans-Regular;
    font-size: 15px;
}

.dropdown-content img {
    width: 20px;
    margin-right: 10px;
}

.user_dropdown a {
    padding: 1px 15px;
    text-decoration: none;
    display: block;
    color: #505356 !important;
    border-bottom: 1px solid #ece6e678;
    font-size: 15px !important;
    font-family: OpenSans-Regular !important;
}

.dropdown-content a:hover {
    background-color: #f0f1f638;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.sidemenu-active {
    color: #7386d5 !important;
    opacity: 1 !important;
}

#country-wise-chartdiv {
    width: 100%;
    height: 500px;
}

.footer {
    background: #fff;
    color: #000;
    padding: 20px 13px;
}

.footer p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #5e5e77;
}

.report-count-p {
    color: #1a1a27;
    font-size: 16px;
}

.report_table_div {
    padding-top: 25px;
}

.report_table_div table {
    font-size: 12px;
}

[type="search"] {
    border-radius: 4px !important;
    border: 1px solid #424f88 !important;
}

select {
    border: 2px solid #fff !important;
    box-shadow: 2px 2px 6px 0px #52505026;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 2px solid #424f88 !important;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 2px solid #424f88 !important;
}

.report-count-p span {
    color: #424f88;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none !important;
}

.logo_top {
    cursor: pointer;
}

.pt-0 {
    padding-top: 0px !important;
}

.ads_tbody td a {
    color: #5d78ff;
    font-size: 15px;
}

.ads_tbody td .btn-primary {
    font-size: 15px;
    padding: 6px;
    border-radius: 4px;
    background-color: rgba(10, 187, 135, 0.1) !important;
    color: #0abb87;
    font-weight: 600;
    border: none;
}

.ads_tbody td .btn-primary:hover {
    background-color: #bde8dc !important;
    color: #077d70 !important;
}

.version_div {
    text-align: right;
}

.version_div p {
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 0px;
}

.navbar_ul li a {
    font-family: OpenSans-bold;
    font-size: 20px;
    color: #000 !important;
    line-height: 45px;
}

.social_menu_img {
    padding-right: 0px !important;
}

.navbar_ul li a img {
    max-width: 48px;
}

.user_img_i {
    line-height: 40px;
    font-size: 18px;
}

.user_icon_div {
    box-shadow: 0px 3px 6px #00000029;
    padding: 10px;
    border-radius: 81px;
    width: 40px;
    height: 35px;
    margin-right: 5px;
    text-align: center;
    margin-left: 10px;
    line-height: 1;
}

.slide_inner_ul {
    padding-left: 33px !important;
    color: #505050;
}

#sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

#sidebar::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

#sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #cdcdcd;
}

.dashboard_total_no p {
    color: #000000;
    font-size: 20px;
    line-height: 25px;
}

.user_login_right {
    display: flex !important;
    /*margin-left: 15px;*/
    margin-top: 10px;
    float: right;
}

.boxx_sectn {
    padding-top: 5px;
    padding-bottom: 25px;
    margin-left: 12px;
}

.ad_boxx {
    padding: 15px 0px 0px 0px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 0.1s;
    position: relative;
    box-shadow: 0px 6px 10px #326de74d;
    word-wrap: break-word;
}

.ad-header {
    display: flex;
    padding: 5px 30px 20px 30px;
    align-items: center;
}

.ad_top_text {
    padding: 0px 30px 0px 30px;
}

.ad-icon {
    margin-right: 14px;
}

.ad-icon img {
    width: 45px;
    height: 45px;
    border-radius: 80px;
    box-shadow: 0px 0px 10px 0px #0000001a;
}

.ad-title h3 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 0px;
}

.ad_add_tag {
    padding-right: 20px;
}

.ad_badge {
    background: #326de7 !important;
    font-size: 9px;
    color: #f5f4f4;
    position: absolute;
    right: 28px;
    padding: 5px 20px;
    width: 79px;
}


/* .ad-title_line1
{
    display: flex;
} */

.sponsored_ad {
    font-size: 12px;
    color: #505050;
    white-space: nowrap;
}

.native_titlt2 {
    font-size: 12px;
    color: #326de7;
    margin-right: 5px;
    white-space: normal;
    word-break: break-word;
}

.sponsored_ad img {
    margin-right: 8px;
    width: 15px;
    height: 15px;
}

.badge_tick {
    background: #326de7 !important;
    padding: 2px;
    margin-right: 5px;
    width: 12px;
    height: 12px;
}

.ad_date {
    font-size: 12px;
    color: #505050;
    text-align: right;
}

.ad_star_icon {
    color: #505050;
    font-size: 20px !important;
    /*margin-right: 12px;*/
    width: 20px;
    /*padding-top: 3px;*/
}

.ad_i_icon {
    color: #505050;
    font-size: 11px !important;
    /*margin-right: 12px;*/
    width: 20px;
    /*margin-top: -5px;*/
}

.ad_arrow_icon_gray,
.ad_arrow_icon_gray2 {
    color: #505050;
    font-size: 12px;
    font-size: 17px !important;
    font-weight: 800 !important;
    width: 20px;
}

.ad_arrow_icon {
    color: #ffc700 !important;
}


/*.ad_star_icon:hover, .ad_i_icon:hover, .ad_arrow_icon_gray:hover
{
    color:#FFC700;
}*/

.ad_more_optn::after {
    display: none !important;
}

.ad_more_optn {
    background: none !important;
    padding: 0px;
}

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

.ad_dropdown_menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 10px #326de74d;
    padding: 25px 0px;
    z-index: 99 !important;
}

.ad_dropdown_menu a,
.ad_dropdown_menu label {
    font-size: 15px;
    color: #8b8b8b;
    line-height: 1.5;
}

.ad_extra_iconad_extra_icon {
    line-height: 1.3;
    margin-top: 0px;
    font-size: 14px;
    padding-top: 0px;
    margin-left: auto;
}

.ad_dropdown_menu a:hover {
    color: #326de7;
    background: none;
}

.ad_dropdown_menu .dropdown-item:hover {
    background-color: #fff !important;
}

.ad_top_text p {
    color: #505050;
    font-size: 14px;
    text-align: left;
    font-family: OpenSans-Regular;
    margin-bottom: 20px;
}

.ad_show_btn {
    padding: 15px 30px;
}

.ad_btn1 {
    padding-left: 0px;
    float: left;
}

.ad_btn2 {
    padding-right: 0px;
    float: right;
}

.ad_show_btn_row,
.ad_top_text_row {
    margin: 0px;
    text-align: center;
    color: #505050;
    font-size: 14px;
}

.likes_comments_row {
    margin: 0px;
    text-align: center;
    font-size: 15px;
    padding: 15px 30px 15px 30px;
    padding-bottom: 0px;
    color: #326de7 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.likes_comments_row span span {
    vertical-align: middle;
}

.likes_comments_col>span {
    display: flex;
    align-items: center;
}

.likes_comments_row>.likes_comments_col img {
    width: 20px;
    margin-right: 5px;
}

.ad_show_btn_row a,
.ad_content_btn,
.btn_style {
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4;
    padding: 4px 13px;
    border: none;
    border: 1px solid #326de7;
    min-width: 130px;
}

.ad_show_btn_row a:hover,
.ad_content_btn:hover,
.btn_style:hover {
    background: #fff;
    border: 1px solid #326de7;
    color: #326de7;
}

.ad_bottom_text_row {
    margin: 15px 30px 0px;
}

.ad_bottom_text {
    font-size: 14px;
    color: #505050;
}

.ad_bottom_text span {
    font-family: OpenSans-Semibold;
    margin-bottom: 10px;
}

.ad_bottom_text p {
    font-family: OpenSans-Regular;
    margin-bottom: 10px;
}

.ad_bottom_text a {
    font-family: OpenSans-Regular;
    /*color: #326de7;*/
}

.padding_5 {
    padding-right: 0.5rem !important;
}

.icon-bar {
    position: fixed;
    top: 155px;
    right: 19px;
    /* -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    border-radius: 10px 0px 0px 10px;
    z-index: 99999;
    width: 73px;
    padding-top: 0px;
    padding-bottom: 15px;
}

.icon-bar a {
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
}

.icon-bar a:hover {
    margin-right: 5px;
}

.sidebar_footer {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sidebar_footer {
    text-align: center;
}

.sidebar_search {
    background: #fbb03b;
    border-radius: 50px;
    font-size: 15px;
    color: #f5f4f4;
    padding: 3px 30px;
    border: none;
}

.sidebar_search:hover {
    background: #fbb03b;
}

.sidebar_footer img {
    width: 16px;
}

.left_menu_title {
    font-family: OpenSans-Regular;
    color: #000;
    font-size: 20px;
    text-align: left;
}

.sidebar_card {
    background: none;
    border: none;
}

.top_form_search {
    font-family: OpenSans-Regular !important;
    box-shadow: none;
    padding: 8px 0px 10px 34px;
    font-size: 20px;
    display: block;
    line-height: 19px;
    letter-spacing: 0px;
    color: #f5f8ff80 !important;
    height: min-content !important;
    display: flex;
    border: 2px solid #fff !important;
    border-radius: 0px 15px 15px 0px !important;
    background: none;
    width: 380px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.sidebar_form_control {
    font-family: OpenSans-Regular !important;
    text-align: left;
    box-shadow: none;
    padding: 6px;
    font-size: 15px;
    display: block;
    text-align: left;
    line-height: 19px;
    letter-spacing: 0px;
    color: #8b8b8b;
    padding-left: 12px;
    height: min-content !important;
    display: flex;
    border: none !important;
    width: 92% !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.sidebar_form_group input {
    margin-left: 20px;
    background: white !important;
    padding-left: 11px;
    border-radius: 4px;
}

.sidebar_form_control:focus {
    box-shadow: none !important;
    border: none !important;
}

.sidebar_form_control option {
    background: #fff;
    color: #6d6d6feb;
    font-family: OpenSans-Regular !important;
    border: none;
}

.sidebar_form_group {
    margin-bottom: 5px;
}

.sidebar_card_body {
    padding: 9px 10px;
}

.mt-25 {
    margin-top: 25px;
}

.sidebar_searchmode {
    color: #505050 !important;
}

#selectorxxx {
    display: none;
    background: #f4f4f4;
    padding-bottom: 10px;
    padding-top: 5px;
}


/*#selectorage
{
    display: none;
}*/

#selectorxxx input,
#selectorage input,
#lcs_range input {
    border-radius: 3px;
    font-size: 0.8rem;
    line-height: 2;
    color: #495057;
    text-align: center;
    width: 100%;
    padding-left: 0px !important;
    margin-left: 0px !important;
    border: none;
    border-radius: 80px;
}

#ads_timepicker,
#post_ads_timepicker,
#domain_ads_timepicker {
    width: 100%;
    margin-left: 4px;
}

.sidebar_multiselect {
    border: 1px solid #707070;
    border-radius: 20px;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 1rem;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.sidebar_multiselect .select2-container--default.select2-container--focus .select2-selection--multiple,
.sidebar_multiselect .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none !important;
    /*border-radius: 80px;*/
}

.sidebar_multiselect .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 15px;
    margin-left: 0px;
    cursor: pointer;
}

.sidebar_multiselect .selection {
    width: 100%;
}

.select2-results__option--selectable {
    font-size: 13px;
    color: #414141;
}

.sidebar_multiselect input {
    /*width: 100% !important;*/
    border: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 1rem;
    color: #6d6d6feb;
    cursor: pointer !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 15px !important;
    line-height: 22px;
    border: none !important;
    float: right;
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #fff !important;
}

.nstslider_1 {
    height: 16px !important;
    background: #dee0e2 !important;
}

.nstslider_1 .bar {
    top: 0px !important;
    height: 16px !important;
    background: #c8e1f7 !important;
}

.leftGrip,
.rightGrip {
    top: -2px;
    background: #326de7 !important;
}

.range_selecter p,
.range_slider p {
    font-size: 14px;
    color: #8a8a8ceb;
    text-align: center;
    margin-bottom: 3px;
}

.range_slider .rightLabel {
    position: absolute;
    right: 0px;
    top: 23px;
}

.range_slider .leftLabel {
    position: absolute;
    left: 0px;
    top: 23px;
}

.width-100 {
    width: 100%;
}

.textalign-left {
    text-align: left !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.dropdown-toggle[aria-expanded="true"] .ad_arrow_icon_gray {
    transform: rotate(-90deg);
    color: #ffc700;
}


/*for animation*/

.dropdown-toggle .ad_arrow_icon_gray {
    transition: 0.5s;
}

.dropdown-toggle[aria-expanded="true"] .ad_arrow_icon_gray2 {
    transform: rotate(90deg);
    color: #ffc700;
}


/*for animation*/

.dropdown-toggle .ad_arrow_icon_gray2 {
    transition: 0.5s;
}

.popover {
    width: 200px !important;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 10px #326de74d;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.popover_small_txt {
    line-height: 1.2 !important;
    font-size: 11px;
    margin-top: 15px;
}

.w-100 {
    width: 100%;
}

.form-check-label {
    padding-left: 23px;
}

.ad_dropdown_menu_i {
    color: #505050;
}

.fav_clicked .ad_star_icon {
    color: #326de7;
}

.border-none {
    border: none !important;
}

.border_radious_10 {
    border-radius: 10px !important;
    box-shadow: 0px 6px 10px #326de74d;
}

.pr_5px {
    padding-right: 5px;
}

.top_nav_div1 {
    /*    width: 100%;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    margin-bottom: 6px;
}

.domain_search_i2 {
    padding: 7px;
    color: #fff;
    font-size: 17px;
    border: 1px solid white;
    border-left: none;
    text-align: center;
    border-radius: 0px 15px 15px 0px;
}

.top_dropdown_btn {
    padding-right: 23px;
    background: none;
    border-radius: 10px;
    font-size: 14px;
    font-family: OpenSans-Bold;
    border-color: #326de7;
    padding-top: 4px;
    padding-bottom: 4px;
}

.top_dropdown_btn:hover {
    border-color: #fff;
    background-color: #326de7 !important;
}

.user_btn {
    border-radius: 10px;
    font-size: 20px;
    border-color: #326de7;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-right: 10px;
    background: none;
    font-size: 14px;
    font-family: OpenSans-Bold;
}

.user_btn:hover {
    border-color: #326de7;
    background-color: #326de7 !important;
}

.top_nav_dropdown_form {
    width: 400px;
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    margin-top: 15px;
    padding-top: 35px;
    padding-left: 38px;
    padding-right: 38px;
    padding-bottom: 20px;
}

.pr-0 {
    padding-right: 0px !important;
}

.filters_top_nav_dropdown {
    max-height: 357px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.top_nav_dropdown_form label,
.top_nav_dropdown_form .form-control {
    font-size: 15px;
    color: #505050;
}

.top_nav_dropdown_form .form-control {
    border-radius: 20px;
    border: 1px solid #707070 !important;
    height: 35px;
}

.sortby_optn_div {
    display: flex;
}

.sortby_optn_div .filter {
    padding: 1px !important;
}

.sortby_optn_1 {
    border-radius: 20px;
    border: 1px solid #707070;
    padding: 5px 10px;
    color: #6d6d6feb !important;
    height: 35px;
}

.sortby_optn_div input {
    width: 100%;
    border: none;
    font-size: 15px;
}

.sortby_enter_range_txt {
    font-size: 11px;
    color: #8b8b8b80;
    line-height: 1;
    vertical-align: middle;
    padding: 8px;
    margin-top: 5px;
}

.sortby_to {
    padding: 8px;
    font-size: 11px;
    color: #8b8b8b80;
}

.top_nav_row2 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
}

.user_dropdown_div {
    right: 0;
    left: auto;
    width: auto;
    padding-top: 23px !important;
    padding-left: 15px !important;
    padding-right: 40px !important;
    padding-bottom: 11px !important;
    z-index: 1001;
}

.user_dropdown_div a {
    font-size: 15px;
    color: #505050;
    padding: 0;
    margin-bottom: 15px;
}

.top_nav_div1_img {
    width: 19px;
    vertical-align: middle;
}

.top_nav_row1 {
    position: relative;
    min-height: 50px;
}

.top_nav_row1 p {
    position: absolute;
    top: 17px;
    color: #ffffff80;
    font-size: 14px;
    left: 2%;
}

.btn_right_smallview {
    background-color: #326de7 !important;
    background: none;
    color: #fff !important;
    border: none;
    float: right;
}

.btn_right_smallview:hover {
    background-color: none;
    color: #fff;
}

.row_below_header {
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.below_header_1_title {
    font-size: 15px;
    color: #505050;
    font-family: OpenSans-Bold;
}

.below_header_1 {
    display: flex;
}

.below_header_form_control {
    font-family: OpenSans-Regular !important;
    text-align: left;
    box-shadow: none;
    padding: 4px;
    font-size: 20px;
    display: block;
    line-height: 25px;
    letter-spacing: 0px;
    color: #326de7 !important;
    height: min-content !important;
    display: flex;
    border: none !important;
    width: 150px !important;
    margin-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.below_header_form_control:focus {
    box-shadow: none !important;
    border: none !important;
}

#ads_timepicker span,
#post_ads_timepicker span,
#domain_ads_timepicker span {
    font-size: 15px;
    font-family: OpenSans-Bold !important;
    color: #326de7;
    margin-right: 30px;
    cursor: pointer;
}

.daterangepicker {
    border-radius: 10px !important;
    box-shadow: 0px 6px 10px #326de74d;
    border: none !important;
    margin-top: 15px;
    padding: 23px 23px 10px 25px !important;
    font-family: OpenSans-Regular !important;
}

.daterangepicker::before,
.daterangepicker::after {
    display: none !important;
}

.daterangepicker .ranges li.active {
    background-color: #fff0 !important;
    color: #326de7 !important;
}

.daterangepicker .ranges li {
    font-size: 15px !important;
    color: #505050 !important;
    font-family: OpenSans-Regular !important;
    padding: 0px !important;
    margin-bottom: 15px;
}

.daterangepicker .ranges li:hover {
    color: #326de7 !important;
    background: none !important;
}

.daterangepicker td.in-range {
    background-color: #f5f8ff !important;
}

.below_header_form_control option {
    font-family: OpenSans-Regular !important;
}

.below_header_form_control option:hover {
    background: #fff !important;
}

.user_dropdown_div a:hover {
    color: #326de7;
    background-color: #f8f9fa00;
}

.icon-bar-left {
    position: fixed;
    /*z-index: 10000;*/
    top: 153px;
    left: 18px;
    /* -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    border-radius: 0px 10px 10px 0px;
    margin-left: 0px;
    max-height: calc(100vh - 218px);
    overflow-y: scroll;
    direction: rtl;
    width: 270px;
    display: flex;
    justify-content: end;
    z-index: 0;
}

.boxx_sectn {
    z-index: 1;
    position: relative;
}

.left-menu-arrow-down,
.left-menu-arrow-up {
    width: 43px;
    position: fixed;
    left: 15px;
    padding: 9px;
    transition: all .5s ease;
    height: 43px;
    font-size: 27px;
    color: #326de7;
    line-height: 0;
    text-align: center;
}

.left-menu-arrow-down {
    bottom: 30px;
}

.left-menu-arrow-up {
    top: 108px;
    display: none;
}

.left-menu-arrow-down img {
    width: 16px;
    height: 16px;
}

@media (min-height: 900px) {
    .left-menu-arrow-down {
        display: none;
    }
}

.rotate-180 {
    transform: rotate(-180deg);
    transition: all .5s ease;
}

.scroll-left-menu {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    scrollbar-color: #98b6f300 #f5f8ff;
}

.scroll-left-menu::-webkit-scrollbar-thumb {
    background-color: #98b6f300;
    border-radius: 20px;
    border: 3px solid #f5f8ff;
}

.scroll-left-menu::-webkit-scrollbar {
    width: 0px !important;
}

.scroll-left-menu::-webkit-scrollbar-track {
    background: #f5f8ff;
}

.icon-bar-left a {
    /*display: block;*/
    /*text-align: center;*/
    /*transition: all 0.3s ease;*/
    /*color: white;*/
    /*font-size: 20px;*/
    /*border-radius: 114px;*/
    /*border: 2px solid #326de700;*/
    /*padding-top: 5px;*/
    /*margin-bottom: 5px;*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*direction:ltr;*/
    display: flex;
    text-align: center;
    transition: all .3s ease;
    color: #fff;
    font-size: 20px;
    border-radius: 114px;
    border: 2px solid #326de700;
    margin-bottom: 5px;
    width: 40px;
    height: 40px;
    justify-content: center;
    direction: ltr;
    align-items: center;
}

.icon-bar-left a img {
    width: 32px;
    height: 32px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 100px;
}

.icon-bar-left a:hover {
    border: 2px solid #326DE7;
}

.icon-bar-left .active {
    border: 2px solid #326DE7;
}

.menu_optns {
    float: left;
}

.my_collapse_btn {
    float: left;
}

.options_selected_display {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-bottom: 6px;
}

.options_selected_display p {
    color: #fff;
    padding: 1px 14px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
}

.options_selected_display .close {
    color: #fff;
    float: left !important;
    font-size: 20px;
    text-shadow: none;
    margin-right: 10px;
    opacity: 1;
    padding: 4px 10px;
    margin-bottom: 0;
}

.display_selected_1,
.display_selected_2 {
    display: none;
}

.closeDIv {
    /*  border: 1px solid #000;
      border-radius: 20px;*/
    padding: 3px;
    display: none;
}

.left_bar_icon_txt {
    color: #505050;
    font-family: OpenSans-Semibold;
    font-size: 8px !important;
    padding: 13px 3px !important;
    width: 38px;
    height: 38px;
    border-radius: 100px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
}

.carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-shadow: 0px 3px 6px 0px #63636375;
    border: 1px solid #fff;
}

.ads_carousal_arrow {
    background-image: none;
    background: none;
    width: 30px;
    height: 30px;
}

.ads_carousal_arrow_a {
    opacity: 1;
    padding: 0px 35px;
}

.ads_carousal_arrow img {
    width: 10px;
}

.below_header_1 .form-group {
    margin-bottom: 0px !important;
}

.ads_carousal_arrow i {
    overflow: hidden;
    font-size: 27px;
    color: #fff;
    padding: 3px 4px;
    text-shadow: 0px 2px 3px #63636354;
}

.top_nav_dropdown_form .form-group {
    margin-bottom: 22px;
}

.filters_top_nav_dropdown .form-group {
    padding-right: 38px;
}

.top_nav_dropdown_form label {
    margin-bottom: 9px;
    padding-left: 12px;
}

.top_nav_row2 .dropdown {
    margin-right: 15px;
}

.show>.top_dropdown_btn.dropdown-toggle,
.show>.user_btn.dropdown-toggle {
    color: #fff;
    background-color: #326de7;
    border-color: #326de7;
    z-index: 99;
}

.user_btn:focus {
    background-color: #326de7 !important;
    border-color: #326de7 !important;
}

.sortby_row_dropdown_form {
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    margin-top: 7px;
    padding: 23px 23px 10px 25px;
    width: 245px;
}

.sortby_row_dropdown_form li {
    margin-bottom: 15px;
    line-height: 1em;
}

.sortby_row_dropdown_form li a {
    font-size: 15px;
    color: #505050;
}

.sortby_row_dropdown_form li a:hover {
    color: #326de7;
}

.dom_adv_keyw_dropdown {
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    margin-top: 7px;
    padding: 23px 23px 20px 25px;
    width: 230px;
}

.dom_adv_keyw_dropdown li {
    margin-bottom: 14px;
}

.dom_adv_keyw_dropdown li a {
    font-size: 15px;
    color: #505050;
}

.dom_adv_keyw_dropdown li a:hover {
    color: #326de7;
}

.dropdown_btn1 {
    background: none;
    padding: 0px;
    vertical-align: top;
    margin-top: -1px;
}

.dropdown_btn1:after {
    display: none;
}

.dropdown_btn1 .dropdown-label {
    font-size: 15px;
    font-family: OpenSans-Bold !important;
    color: #326de7;
    margin-right: 30px;
    margin-left: 4px;
}

.top_form_search::after {
    margin-right: 14px;
    color: #fff;
}

.ml-15 {
    margin-left: 15px !important;
}

.pr-38 {
    padding-right: 38px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.form-control:focus {
    box-shadow: none !important;
}

.sortby_optn_div input:focus {
    outline: none;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: none !important;
}

.daterangepicker .drp-buttons {
    border-top: none !important;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    font-family: OpenSans-Semibold;
    width: 35px !important;
    height: 31px !important;
}

.daterangepicker .calendar-table th {
    font-family: OpenSans-Semibold;
    font-size: 12px;
    color: #0a1f44;
}

.daterangepicker.show-calendar .drp-buttons {
    /*display: none !important;*/
}

.daterangepicker td.start-date.end-date {
    border-radius: 30px !important;
}


/*custom select option dropdown*/

.custom_select {
    position: relative !important;
    padding: 0;
    border-radius: 45px;
    border: 1px solid #707070;
    margin-bottom: 22px;
}

.custom_select select {
    display: none;
}

.select-selected {
    background-color: #fff;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #6d6d6feb;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    border: none;
    border-radius: 30px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 15px;
}

.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 6px 10px #326de74d;
    border-radius: 10px;
    padding: 20px 10px 20px 10px;
    margin-top: 10px;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    color: #326de7;
}


/*END-custom select option dropdown*/

.search_icon_top {
    width: 19px;
    vertical-align: middle;
}

.top_searchbar_round {
    display: inline-flex;
    border: 1px solid #fff;
    border-radius: 12px;
}

.top_search1 {
    border: none;
    width: 285px;
    padding-left: 8px;
    color: #fff !important;
    font-family: OpenSans-bold;
    font-size: 14px;
    text-align: center;
}

.top_search1:focus {
    box-shadow: none !important;
    color: #f5f8ff80;
}

.top_search1::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #f5f8ff80;
    font-size: 14px;
    font-family: OpenSans-bold;
}

.top_search1:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #f5f8ff80 !important;
    opacity: 1;
    font-size: 14px;
    font-family: OpenSans-bold;
}

.top_search1::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #f5f8ff80 !important;
    opacity: 1;
    font-size: 14px;
    font-family: OpenSans-bold;
}

.top_search1:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #f5f8ff80;
    font-size: 14px !important;
    font-family: OpenSans-bold;
}

.top_search1::selection {
    background: #fff;
    /* WebKit/Blink Browsers */
    color: #326de7;
}

.top_search1::-moz-selection {
    background: #fff;
    /* Gecko Browsers */
    color: #326de7;
}

.top_searchbar_dropdown_i {
    color: #fff;
    margin-right: 15px;
}


/* The emerging W3C standard
   that is currently Firefox-only */

* {
    scrollbar-width: auto;
    scrollbar-color: #326de7 #f5f8ff;
}

.filters_top_nav_dropdown,
.select2-results__options,
.search_suggestion_dropdown ul,
.autocomplete-items,
.invitefrnd_box2_table_scroll {
    scrollbar-width: thin;
    scrollbar-color: #c7c7c7 #fff;
}

.target-profile-block,
.thin_grey_scroll {
    scrollbar-width: thin;
    scrollbar-color: #98b6f3 #fff;
}

.target-profile-block::-webkit-scrollbar-thumb,
.thin_grey_scroll::-webkit-scrollbar-thumb {
    background-color: #b7ccf7;
    border-radius: 20px;
    border: 3px solid #fff;
}

.key_box_in {
    scrollbar-width: thin;
    scrollbar-color: #326de7 #fff;
}


/*.key_box_in
{
    scrollbar-width: thin;
    scrollbar-color: #326DE7 #F5F8FF;
}*/


/* Works on Chrome/Edge/Safari */

*::-webkit-scrollbar {
    width: 17px;
}

*::-webkit-scrollbar-track {
    background: #f5f8ff;
    /*margin-top: 60px*/
}

*::-webkit-scrollbar-thumb {
    background-color: #326de7;
    border-radius: 20px;
    border: 3px solid #f5f8ff;
}

.key_box_in::-webkit-scrollbar {
    width: 10px;
}

.filters_top_nav_dropdown::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar,
.search_suggestion_dropdown ul::-webkit-scrollbar,
.autocomplete-items::-webkit-scrollbar,
.invitefrnd_box2_table_scroll::-webkit-scrollbar,
.thin_grey_scroll::-webkit-scrollbar,
.target-profile-block::-webkit-scrollbar {
    width: 12px;
}

.filters_top_nav_dropdown::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-track,
.search_suggestion_dropdown ul::-webkit-scrollbar-track,
.autocomplete-items::-webkit-scrollbar-track,
.invitefrnd_box2_table_scroll::-webkit-scrollbar-track,
.thin_grey_scroll::-webkit-scrollbar-track {
    background: #fff;
}

.filters_top_nav_dropdown::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb,
.search_suggestion_dropdown ul::-webkit-scrollbar-thumb,
.autocomplete-items::-webkit-scrollbar-thumb,
.invitefrnd_box2_table_scroll::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border: 3px solid #fff;
}

.target-profile-block::-webkit-scrollbar-track,
.key_box_in::-webkit-scrollbar-track {
    background: #fff;
}


/*.key_box_in::-webkit-scrollbar-track
{
    background: #F5F8FF;
}*/

.target-profile-block::-webkit-scrollbar-thumb,
.key_box_in::-webkit-scrollbar-thumb {
    border: 3px solid #fff;
}


/*.key_box_in::-webkit-scrollbar-thumb
{
    border: 3px solid #F5F8FF;
}*/

.domain_search_dropdown {
    box-shadow: 0px 6px 10px #326de74d !important;
    border: 1px solid #ffffff !important;
    border-radius: 10px !important;
    margin-top: 7px !important;
    width: 308px !important;
    padding-top: 35px !important;
    padding-left: 38px  !important;
    padding-right: 38px !important;
    padding-bottom: 20px !important;
    padding: 20px !important;
}

.domain_search_dropdown a {
    font-size: 15px;
    padding-left: 12px !important;
    color: #505050;
    margin-bottom: 9px;
    padding: 0;
    background: #fff !important;
}

.domain_search_dropdown a:hover {
    background: none;
    color: #326de7;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #6d6d6feb;
    cursor: pointer;
    user-select: none;
    border: none !important;
    background-color: white !important;
    border-radius: 0px !important;
}

input[type="number"] {
    border: none;
    background: none;
    box-shadow: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

.lock-scroll {
    position: fixed !important;
}

.top_menu_count {
    color: #326de7;
    background: #fff;
    border-radius: 80px;
    margin-left: 7px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    font-family: OpenSans-Regular;
    float: right;
}

.select2-container--open .select2-dropdown {
    /*width: 288px !important;*/
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    box-shadow: 0px 6px 10px #326de74d;
    border-radius: 10px !important;
    padding: 20px 10px 20px 10px;
    margin-top: 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fff !important;
    color: #326de7 !important;
}

.select2-results__option {
    color: #6d6d6feb !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 15px !important;
    padding: 6px 12px !important;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--selected:hover {
    background: #fff !important;
}

.dropdown-toggle[aria-expanded="true"] .top_searchbar_dropdown_i {
    transform: rotate(-90deg);
}

.dropdown-toggle .top_searchbar_dropdown_i {
    transition: 0.3s;
    font-size: 16px;
}

.number-wrapper {
    position: relative;
}

.number-wrapper:after,
.number-wrapper:before {
    position: absolute;
    right: 11px;
    width: 1.6em;
    height: 0.9em;
    font-size: 10px;
    pointer-events: none;
    background: #fff;
}

.number-wrapper:after {
    color: #6d6d6feb;
    /*content: "\25B2";*/
    content: "";
    margin-top: 1px;
    padding-bottom: 14px;
    background-image: url(../imgs/sort.png);
    background-repeat: no-repeat;
}

.number-wrapper:before {
    color: #6d6d6feb;
    /*content: "\25BC";*/
    content: "";
    margin-bottom: 9px;
    bottom: -0.45em;
    background-image: url(../imgs/sort2.png);
    background-repeat: no-repeat;
}

.daterangepicker td.active {
    border: 1px solid red;
    border-radius: 80px !important;
    background: #fff !important;
    color: #326de7 !important;
    border-color: #326de7 !important;
}

.daterangepicker .calendar-table table {
    border-collapse: unset !important;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    /*border: 1px solid red;
    border-radius: 80px !important;
    border-color: #326DE7 !important;*/
    background: #fff !important;
    color: #326de7 !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #999 !important;
    border-color: transparent !important;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px !important;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0 !important;
}

.btn_right_smallview i {
    font-size: 22px;
    margin-top: 5px;
    transition: all 0.3s ease;
}

.btn_right_smallview i:hover {
    margin-top: 8px;
}

.sidebar2 {
    display: none !important;
}

.mb-9 {
    margin-bottom: 9px;
}

.mb-6 {
    margin-bottom: 6px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

.right_icon_round {
    background: #fff;
    width: 38px;
    height: 38px;
    border-radius: 80px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 1px;
}

.right_icon_round img {
    width: 16px;
    height: 13px;
}

.right_icon_round .whatsapp {

    height: 18px;
    width: 19px;
}

.mt-15 {
    margin-top: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.select2-container--default .select2-selection--multiple {
    cursor: pointer !important;
}

.ad_extra_icon_div {
    margin-bottom: 8px;
}

.expand_icon {
    margin-right: 3px;
    cursor: pointer;
}

.expand_icon img {
    color: #fff;
    width: 18px;
    transition: transform 0.3s;
}

.expand_icon img:hover {
    transform: scale(1.1);
}

.user_btn:after {
    display: none;
}

.user_btn i {
    font-size: 16px;
    margin-left: 7px;
    vertical-align: top;
    margin-top: 4px;
}

.moreellipses,
.morecontent {
    margin-bottom: 0 !important;
}

.morecontent span {
    display: none;
    font-family: OpenSans-Regular !important;
}

.morelink {
    display: block;
}

.boxx_sectn .card {
    border: 0px !important;
    background: none !important;
}

#collapse_icon_id {
    display: none;
}


/*//Sweet-Alert-for copy-url-popup------------------------------*/

.swal-title {
    margin: 0px;
    font-size: 40px;
    box-shadow: #477ef2;
    margin-bottom: 28px;
    font-family: OpenSans-Bold !important;
    color: #477ef2;
    padding-bottom: 0px;
}

.swal-text {
    color: #477ef2;
}

.swal-modal {
    max-width: 400px;
    box-shadow: 0px 6px 10px #326de74c;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.user_dropdown_i_span {
    text-align: center;
    width: 28px;
}


/*main--sawitch---------------------------------*/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 0px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #50505036;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    right: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: #326de7;
}


/*input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/

input:checked+.slider:before {
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.invide_heading {
    font-size: 30px;
    color: #477ef2;
    font-family: OpenSans-Bold;
}

.invite_friends_top_img {
    width: 45px;
    margin-bottom: 15px;
}

.invite_friends_top_p {
    color: #477ef2;
    font-size: 15px;
}

.invite_friends_box {
    background: #fff;
    max-width: 862px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 6px 10px #326de74c;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 20px 50px 25px 50px;
    margin-top: 34px;
    display: grid;
}

.invite_friends_box h4 {
    color: #477ef2;
    font-size: 20px;
    margin-bottom: 15px;
}

.invite_txt_area::placeholder {
    color: #9a9c9f;
    opacity: 1;
}

.invite_friends_box p {
    color: #477ef2;
    font-size: 15px;
}

.invite_txt_area {
    /*    box-shadow: 0px 6px 10px #326DE74C;*/
    border: 1px solid #326de780;
    border-radius: 30px;
    resize: none;
    font-size: 15px;
}

.invite_friends_box_down {
    text-align: left;
    margin-top: 15px;
    padding: 0px 31px;
}

.invite_friends_box_down p {
    font-size: 20px;
    margin-bottom: 10px;
    color: #477ef2;
}

.invite_choosefile_txt {
    font-size: 15px;
    color: #326de7;
    margin-left: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.link_box {
    /*    box-shadow: 0px 6px 10px #326DE74C;*/
    border: 1px solid #326de780;
    border-radius: 12px;
    height: 38px;
    padding: 4px 16px;
    width: 100%;
    color: #80a2e9 !important;
    font-size: 15px;
}

.invite_soc_icon {
    width: 12px;
}

.invite_soc_icon2 {
    width: 25px;
    margin-left: 22px;
}

.invite_soc_icon3 {
    width: 16px;
    margin-right: 22px;
}

.invite_friends_box2 {
    background: #fff;
    max-width: 862px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 6px 10px #326de74c;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 20px 50px 15px 50px;
    margin-top: 20px;
    display: grid;
    text-align: left;
    color: #505050;
}

.show_entity {
    width: 39px;
    /*    box-shadow: 0px 6px 10px #326DE74C;*/
    border: 1px solid #326de780;
    border-radius: 10px;
}

.show_entity_p {
    margin-right: 20px;
    margin-bottom: 4px;
    margin-top: 8px;
    font-size: 15px;
}

.search_entity {
    /*    box-shadow: 0px 6px 10px #326DE74C;*/
    border: 1px solid #326de780;
    border-radius: 10px;
    width: 240px;
}

.invitefrnd_box2_table {
    margin-top: 11px;
    /*margin-bottom: 0px;*/
}

.invitefrnd_box2_table th {
    border-top: 0px !important;
    border-bottom: 2px solid #326de780 !important;
    font-family: OpenSans-Regular;
    font-weight: 500 !important;
}

.invitefrnd_box2_table td {
    border: 0px !important;
}

.invitefrnd_box2_table tbody tr:hover {
    background-color: #f5f8ff !important;
}

.invide_choose_file {
    padding-left: 144px !important;
    border: 0px !important;
}

.invide_choose_file:after {
    left: 0 !important;
    right: auto !important;
    content: "Choose file" !important;
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: none;
    border: 2px solid #326de7;
    min-width: 130px;
    text-align: center;
}

.invide_choose_file:after:hover {
    background: #fff;
    border: 2px solid #326de7;
    color: #326de7 !important;
}

.invite_nodate {
    padding-top: 20px;
    padding-bottom: 50px;
}

.mail_box {
    background: #fff;
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 6px 10px #326de74c;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 20px 50px 20px 50px;
    margin-top: 34px;
    display: grid;
}

.mail_box h4 {
    color: #477ef2;
    font-size: 20px;
    margin-bottom: 10px;
}

.mail_box p {
    color: #477ef2;
    font-size: 15px;
}

.mail_table {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.mail_table th {
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-family: OpenSans-Bold;
    font-weight: 500 !important;
    color: #505050;
}

.mail_table td {
    border: 0px !important;
    color: #477ef2;
    padding-top: 7px;
    padding-bottom: 7px;
}

.mail_table tbody td {
    line-height: 1.8;
}

.mail_table tbody tr:hover {
    background-color: #fff !important;
}


/*------------invite-friend-upoad-btn------------------*/

div.upload {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    position: relative;
    width: auto;
    color: #326de7;
}

div.upload:hover {
    opacity: 0.95;
}

div.upload input[type="file"] {
    display: input-block;
    width: 100%;
    height: 30px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
}

.uploadButton {
    background-color: #425f9c;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 15px;
    width: auto;
    padding: 0 20px;
    box-sizing: content-box;
}

.fileName {
    padding-left: 8px;
}

.upload+.uploadButton {
    height: 38px;
}

.bs-example {
    margin: 20px;
    position: relative;
}


/*
//Toastr-popup-----------------------*/

#toast-container {
    top: 110px !important;
}

#toast-container>.toast-success {
    background-image: url(../imgs/tick.svg) !important;
    background-color: #f5f8ffe8;
    color: #477ef2;
    box-shadow: none !important;
    opacity: 1 !important;
    font-size: 15px;
    font-family: OpenSans-Regular;
    border: none;
    padding-left: 38px;
}

#toast-container>.toast-info {
    background-image: none !important;
    background-color: #f5f8ffe8;
    color: #477ef2;
    box-shadow: none !important;
    opacity: 1 !important;
    font-size: 15px;
    font-family: OpenSans-Regular;
    border: none;
    padding-left: 38px;
}

#toast-container>div {
    width: 320px !important;
}

.no_hidden_ads {
    font-size: 30px;
    color: #477ef2;
    font-family: OpenSans-Bold;
    margin-top: 46px;
}


/*mob_menu---------------------------------*/

.menu_container {
    display: inline-block;
    cursor: pointer;
}

.bar1,
.bar2,
.bar3 {
    width: 16px;
    height: 3px;
    background-color: #fff;
    margin: 3px 0;
    transition: 0.4s;
    border-radius: 25px;
}

.change .bar1 {
    -webkit-transform: rotate(-36deg) translate(-7px, 5px);
    transform: rotate(-36deg) translate(-7px, 5px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(36deg) translate(-5px, -1px);
    transform: rotate(36deg) translate(-5px, -1px);
}

#content {
    opacity: 0;
}


/*Preloader-----------------------------*/

.loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #f5f8ff;
}


/*Styling preloader*/

.preloader {
    /* position: fixed; */
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../imgs/poweradspy_spidy.svg") 50% 50% no-repeat #f5f8ff;
    background-size: 30%;
    opacity: 1;
    animation: bounce 0.6s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

.card_loader {
    height: 130px;
    z-index: 9999;
    background: url("../imgs/poweradspy_spidy.svg") 50% 50% no-repeat;
    opacity: 1;
    animation: bounce 0.6s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

.no_ad_found {
    height: 180px;
    background: url("../imgs/poweradspy_spidy.svg") 50% 50% no-repeat;
    opacity: 1;
    animation: bounce 0.6s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, 40px, 0);
    }
}

.no_ad_found_h {
    font-size: 30px;
    color: #477ef2;
    font-family: OpenSans-Bold;
    margin-top: 10px;
}

.no_ad_found_h_2 {
    font-size: 20px;
    color: #505050;
}

.analytic_for_color {
    color: #505050;
}

#ageChart text {
    fill: #505050;
}


/*Search engine dashboard-------------------------------
*/

.se_dashboard_h {
    font-size: 20px;
    color: #505050;
    font-family: OpenSans-Bold;
    margin-bottom: 0px !important;
    font-weight: bold;
}

.mt-35 {
    margin-top: 30px !important;
}

.se_tab_ul_1 {
    margin-top: 25px;
    margin-bottom: 20px !important;
}

.se_tab_ul_1 li {
    margin-right: 17px;
    margin-left: 17px;
    padding-bottom: 5px;
}

.se_tab_btn {
    background: #f5f8ff80;
    border-radius: 50px !important;
    font-size: 16px;
    color: #505050 !important;
    padding: 4px 15px;
    border: none;
    border: 1px solid #505050;
    min-width: 130px;
    font-family: OpenSans-Bold;
    text-align: center;
}

.active.se_tab_btn {
    background: #326de7 !important;
    border-radius: 50px;
    font-size: 16px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: none;
    border: 1px solid #326de7;
    min-width: 130px;
    font-family: OpenSans-Bold;
    text-align: center;
}

.se_tab_btn:hover {
    background: #326de7 !important;
    color: #f5f4f4 !important;
    border: 1px solid #326de7;
}

.se_tab_content {
    background: #f5f8ff !important;
    box-shadow: none !important;
    padding: 0px !important;
    min-height: unset !important;
}

.se_google_box {
    background: #fff;
    max-width: 834px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 0px 30px #326de724;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 35px 100px 30px 100px;
}

.se_google_box_table {
    margin-bottom: 0px !important;
}

.se_google_box_table th {
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 16px;
    color: #505050;
    padding-top: 0px;
}

.se_google_box_table td {
    border: 0px !important;
    color: #505050;
}

.se_google_box_table tbody tr:hover {
    background-color: #fff !important;
}

.se_bigbox {
    background: #fff;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 35px;
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 35px 50px 35px 50px;
}

.se_bigbox_table {
    margin-bottom: 0px !important;
}

.se_bigbox_table th {
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 16px;
    color: #505050;
    padding-top: 0px;
}

.se_bigbox_table td {
    border: 0px !important;
    color: #505050;
    font-size: 15px;
}

.se_bigbox_table tbody tr:hover {
    background-color: #fff !important;
}

.se_bigbox_th_width {
    width: 20%;
}

.se_bigbox_show_btn {
    padding: 0.75rem;
    color: #477ef2 !important;
    font-size: 15px;
}

.se_bigbox_icon {
    padding-right: 0px !important;
    text-align: right;
}

.se_bigbox_icon img {
    width: 19px;
}

.se_bigbox_icon i {
    color: #326de7;
    font-size: 23px !important;
}

.h_35 {
    height: 35px;
}

.se_sectn {
    margin-left: 12px;
    margin-top: 20px;
    z-index: 1;
    position: relative;
}

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

.ad_copy_underline:hover {
    text-decoration: underline !important;
}

.ad_copy_small_txt {
    font-size: 12px;
    padding-top: 10px;
    line-height: 15px;
}

.se_google_box_table thead,
.se_bigbox_table thead {
    border-bottom: 1px solid #8b8b8b;
}

.se_bigbox_w10 {
    width: 10%;
}

.domain_search_formgroup {
    margin-bottom: 15px;
}

.domain_search_formgroup label {
    margin-bottom: 9px;
    padding-left: 12px !important;
    font-size: 15px;
    color: #505050;
}

.domain_search_formgroup .form-control {
    border-radius: 20px;
    border: 1px solid #707070 !important;
    height: 35px;
    font-size: 15px;
    color: #505050;
}

.keyword_optns {
    display: none;
}

.no_menu_nav_height {
    height: 110px;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.mob_mt_30 {
    margin-top: 40px !important;
}


/* search dropdown suggestion================================= */

.search {
    position: relative;
}

.search input:focus+.search_suggestion_dropdown {
    display: block;
}

.search_suggestion_dropdown {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    margin-top: 15px;
    padding-top: 35px;
    padding-left: 38px;
    padding-right: 0px;
    padding-bottom: 20px;
    width: 300px;
}

.search_suggestion_dropdown .results li {
    display: block;
}

.search_suggestion_dropdown .results li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    color: #505050;
    font-size: 15px;
}

.search_suggestion_dropdown .results li:hover {
    color: #326de7;
}

.search_suggestion_dropdown ul {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 0 !important;
    padding-right: 38px;
}

.celebrity_suggestion_dropdown,
.object_suggestion_dropdown {
    bottom: 45px;
}

.hiddenads_row span {
    font-size: 15px;
}

.hidden_red {
    background: red;
    border-radius: 30px;
    height: 15px;
    width: 15px;
    margin-top: 4px;
    margin-right: 5px;
}

.hidden_blue {
    background: blue;
    border-radius: 30px;
    height: 15px;
    width: 15px;
    margin-top: 4px;
    margin-right: 5px;
    margin-left: 10px;
}

.hiddenads_top_div {
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}

.ads_red {
    border-top: 3px solid red;
}

.ads_blue {
    border-top: 3px solid blue;
}

.ad_analysis_accordion {
    margin-bottom: 20px;
    box-shadow: 0px 6px 10px #326de74d;
}

.ad_analysis_accordion .card-body {
    font-size: 13px;
    background: #fafafa;
}

.ad_analysis_accordion .card-header {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(205, 213, 230);
    padding: 8px 3px;
}

.ad_analysis_accordion button {
    font-family: OpenSans-bold;
    font-size: 16px;
    color: #505050;
}

.ad_analysis_accordion button:hover,
.ad_analysis_accordion button:focus {
    text-decoration: none;
    color: #2a2929;
}

#loader_2 {
    display: none;
    background: #f5f8ff !important;
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}


/*Styling preloader*/

.preloader_2 {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("../imgs/poweradspy_spidy.svg") 50% 50% no-repeat #f5f8ff;
    background-size: 30%;
    opacity: 1;
    animation: bounce 0.6s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

#ecommerce {
    font-family: OpenSans-Regular !important;
}

#country_chart {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    height: 500px;
}

.tablinks {
    background: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 4px 15px;
    border: 1px solid #fff;
}

.tablinks.active {
    background: #326de7;
    border-radius: 50px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #326de7;
}

.tablinks:hover {
    background: #326de7;
    border-radius: 50px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #326de7;
}

#social_chart2 div {
    width: 100% !important;
}

.ad_analytics_country_list p {
    color: #505050;
}

.subscribed_top i {
    font-size: 46px;
    color: #326de7;
    margin-bottom: 15px;
}

.subscribed_top_p {
    color: #477ef2;
    font-size: 15px;
    margin-bottom: 0px;
}

.subscribed_form {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
}

.subscribed_form h4 {
    color: #326de7;
    font-family: OpenSans-Bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.subscribed_form input {
    border: 1px solid #326de7;
    border-radius: 10px;
    width: 192px;
    text-align: center;
    color: #3264ce !important;
}

.subscribed_form .form-control::placeholder {
    color: #93b2f3 !important;
}

.subscribed_form .input-group {
    border: 1px solid #326de7 !important;
    border-radius: 10px !important;
    width: 192px;
    margin-bottom: 0px;
}

.subscribed_form .form-group {
    margin-right: 40px;
    margin-bottom: 0;
}

.subscribed_sub_btn {
    position: relative;
}

.subscribed_sub_btn button {
    position: absolute;
    bottom: 0px;
}

.subscribed_form .select2-container--default .select2-selection--multiple,
.subscribed_form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.subscribed_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #fff0 !important;
}

.subscribed_form .select2-container--open .select2-dropdown,
.subscribed_form .select2-container {
    width: 100% !important;
}

.top_nav_dropdown_form .select2-container--open .select2-dropdown,
.top_nav_dropdown_form .select2-container {
    width: 100% !important;
}

.subscribed_form .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 42%;
    border-top: 7px solid #326de7;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.subscribed_form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: left !important;
}

.subscribed_key h3 {
    color: #505050;
    font-size: 20px;
    font-family: OpenSans-Bold;
    margin-top: 40px;
    margin-bottom: 20px;
}

.subscribed_key_main h4 {
    text-align: center;
    color: #326de7;
    font-size: 16px;
    font-family: OpenSans-Bold;
    margin-bottom: 20px;
}

.subscribed_key_box {
    box-shadow: 0px 6px 10px #326de74d;
    border-radius: 10px;
    padding: 15px 9px 15px 18px;
    background: #fff;
    min-height: 100px;
}

.key_box_in {
    max-height: 260px;
    overflow-y: auto;
}

.close_this_key,
.close_this_adv {
    cursor: pointer;
    margin-right: 4px;
}

.key_box_in p {
    color: #6d6d6feb;
    font-size: 14px;
    margin-bottom: 8px;
}

.subscribe_to_key_div {
    text-align: center;
}

.subscribe_to_key_div form label {
    font-size: 20px;
    color: #505050;
    margin-bottom: 0px;
    line-height: 21px;
}

.subscribe_to_key_div form span {
    color: #326de7 !important;
}

.custom_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
}

.custom_checkbox_p {
    float: left;
    font-size: 15px;
    color: #505050;
    margin-bottom: 5px;
    line-height: 21px;
}


/* Hide the browser's default checkbox */

.custom_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f5f8ff80;
    border: 1px solid #326de7;
    border-radius: 4px;
}


/* On mouse-over, add a grey background color */

.custom_checkbox:hover input~.checkmark {
    background-color: #d5e2ff;
}


/* When the checkbox is checked, add a blue background */

.custom_checkbox input:checked~.checkmark {
    background-color: #326de7;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.custom_checkbox input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.custom_checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.subscribe_to_key_div form {
    display: inline-block;
}

.btn_subscribed {
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 6px 35px;
    border: none;
    border: 1px solid #326de7;
    border-radius: 10px !important;
}

.btn_subscribed:hover {
    background: #fff;
    border: 1px solid #326de7;
    color: #326de7 !important;
}

.native_analytics_c1 {
    box-shadow: 0px 6px 10px #326de74d;
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 40px;
    background-color: #fff;
}

.native_analytics_c1 .links {
    margin-bottom: 35px;
}

.native_analytics_c1 .links span {
    width: 160px;
    font-size: 18px;
}

.native_analytics_c1 .links a {
    color: #505050;
    text-decoration: underline !important;
    font-size: 18px;
    white-space: nowrap;
    width: calc(100% - 160px);
    text-overflow: ellipsis;
    overflow: hidden;
}

.native_analytics_c2 {
    box-shadow: 0px 6px 10px #326de74d;
    background: #fff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 20px 50px 25px 50px;
    /*margin-top: 20px;*/
    display: grid;
    text-align: left;
    color: #505050;
}

.native_analytics_box2_table {
    margin-top: 11px;
    margin-bottom: 0px;
    color: #505050;
}

.native_analytics_box2_table th {
    border-top: 0px !important;
    border-bottom: 2px solid #326de780 !important;
    font-family: OpenSans-Regular;
    font-weight: 500 !important;
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 15px;
}

.native_analytics_box2_table td {
    border: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.native_analytics_box2_table tbody tr:hover {
    background-color: #f5f8ff !important;
}

.box_pg_no li a {
    border: none !important;
    font-size: 12px;
    padding: 7px;
}

.box_pg_no li a span,
.box_pg_no li a {
    color: #505050 !important;
}

.box_pg_no li a:hover {
    color: #505050 !important;
    background: #fff !important;
}

.box_pg_no li a:focus {
    box-shadow: none !important;
    border-color: #fff !important;
}

.box_pg_no li a i {
    color: #000000 !important;
}

.box_pre {
    margin-left: 13px;
}

.box_next {
    margin-right: 13px;
}

.box_pg_shown p {
    margin-bottom: 0;
    font-size: 12px;
    color: #505050;
    padding: 7px;
    padding-left: 12px;
}

.native_show_entity_p {
    margin-right: 20px;
    margin-bottom: 4px;
    margin-top: 8px;
    font-size: 15px;
}

.native_analytics_row2 {
    padding-top: 50px;
}

.native_network_h {
    padding-top: 30px;
    margin-bottom: 30px;
}

.native_network_box {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-shadow: 0px 6px 10px #326de74d;
    background: #fff;
    border-radius: 10px;
    color: #505050;
    padding-bottom: 30px;
    margin-bottom: 50px;
    padding-top: 20px !important;
}

.native_network_box span {
    font-size: 15px !important;
    margin-top: 10px;
}

.native_network_scroll {
    max-height: 345px;
    overflow-y: scroll;
    padding-right: 8px;
}

.native_network_box .progress-bar {
    background-color: #326de7;
    border-radius: 6px;
}

.native_country {
    padding-top: 30px;
}

.country_chart2 {
    width: 100%;
    max-width: 100%;
}

.native_country_main {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 10px;
    transition: 0.6s;
    position: relative;
    box-shadow: 0px 6px 10px #326de74d;
}


/***************GOOGLE-DASHBOARD*************/

.google-ad-icon {
    margin-right: 14px;
}

.google-ad-icon img {
    width: 45px;
    height: 45px;
    border-radius: 80px;
    box-shadow: 0px 0px 10px 0px #0000001a;
}

.g-ad-title {
    padding-top: 0px;
}

.g-ad-title h3 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 0px;
}

.ad_icon {
    font-size: 12px;
    color: #326de7;
    border: 1px solid #326de7;
    border-radius: 80px;
    padding: 3px 4px;
    height: 25px;
    width: 25px;
}

.google_ad_h {
    color: #326de7;
    font-size: 20px;
    margin-bottom: 5px;
}

.google_ad_content {
    padding: 5px 15px 0px 15px;
}

.google_ad_link {
    color: #01b70e;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.google_ad_text {
    color: #505050;
    font-size: 15px;
    margin-bottom: 11px;
    text-align: justify;
}
div#searched_keywords {
    padding-bottom: 15px;
}
.g_ad_show_btn {
    margin-bottom: 20px;
}

.harshtags span {
    color: #326de7;
    font-size: 15px;
    margin-right: 13px;
}

.harshtags a {
    color: #326de7;
    font-size: 15px;
    margin-right: 13px;
}

.g_ad_boxx {
    padding: 15px 0px 25px 0px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 0.1s;
    position: relative;
    box-shadow: 0px 6px 10px #326de74d;
}

.g_ad_boxx:hover {
    margin-top: 2px;
}

.g_ad {
    font-size: 12px;
    color: #505050;
    margin-right: 5px;
}

.g_ad img {
    margin-right: 3px;
    width: 17px;
}


/***************INSTA-DASHBOARD*************/

.insta_ad_bottom_text_row {
    margin: 15px 30px;
}

.insta_ad_bottom_text_row p {
    font-size: 14px;
    color: #505050;
    line-height: 1.4;
}

.insta_bottom_txt {
    font-size: 20px;
    color: #505050;
    margin-bottom: 0px;
}

.insta_bottom_txt a {
    color: #326de7;
}


/***************YOUTUBE-DASHBOARD*************/

.yt_ad_bottom_text_row {
    margin: 25px 30px 10px 30px;
}

.insta_ad_bottom_text_row_p {
    font-size: 16px;
    color: #505050;
    line-height: 1.2;
    font-family: OpenSans-Semibold !important;
}

.native_bottom_text_p {
    font-size: 14px;
    color: #505050;
    line-height: 1.2;
    font-family: OpenSans-Semibold !important;
}

.yt_bottom_txt p {
    font-size: 15px;
    color: #505050;
    margin-bottom: 0px;
}

.yt_read_more {
    color: #326de7;
}

.yt_likes_comments_row {
    margin: 0px;
    text-align: center;
    font-size: 12px;
    padding: 25px 30px 0px 30px;
    color: #326de7 !important;
}

.yt_likes_comments_row img {
    width: 20px;
    margin-right: 4px;
}

.yt_ad-title {
    padding-top: 0px;
    width: 50%;
}

.yt_ad-title h3 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 10px;
}


/***************QUORA-DASHBOARD*************/

.quora_ad_top_text {
    padding: 0px 30px 0px 30px;
}

.quora_ad_top_text p {
    font-size: 16px;
    color: #326de7;
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.2;
}

.quora_ad_bottom_text_row {
    margin: 15px 30px 0px 30px;
}


/***************REDDIT-DASHBOARD*************/


/*.reddit_card_columns {*/


/*    column-count: 2;*/


/*}*/

.reddit_display_flex {
    display: flex;
    margin-top: 3px;
}

.reddit_ad_date {
    font-size: 12px;
    color: #505050;
    margin-top: 7px;
    text-align: right;
    margin-right: 12px;
}

.reddit_ad-title {
    padding-top: 0px;
    /*width: 55%;*/
}

.reddit_ad-title h3 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 0px;
}

.reddit_ad_bottom_text_row {
    margin: 15px 30px 0px 30px;
}

.reddit_upvote {
    display: inline-grid;
    color: #477ef2;
    font-size: 15px;
}


/***************NATIVE-DASHBOARD*************/

.native_ad_bottom_text_row {
    margin: 14px 30px 0px 30px;
}

.native_txt_below_btn {
    margin-bottom: 10px;
}

.native_txt_below_btn p {
    font-size: 15px;
    color: #505050;
    font-family: OpenSans-Bold;
    margin-bottom: 0px;
}

.native_txt_below_btn span {
    font-size: 12px;
    color: #505050;
}

.mb-20 {
    margin-bottom: 20px;
}

.native_text_left {
    text-align: center;
    /*padding-right: 52px;*/
}

.native_text_right {
    text-align: center;
    /*padding-left: 52px;*/
}

.native_bottom_txt {
    font-size: 15px;
    color: #505050;
    margin-bottom: 0px;
}

.native_bottom_txt a {
    color: #326de7;
}

.row .flexRow {
    display: flex;
    flex-wrap: wrap;
}


/***************GDN-DASHBOARD*************/

.gdn_bottom_txt p {
    font-size: 15px;
    color: #505050;
    margin-bottom: 0px;
}

.gdn_text_right {
    text-align: center;
    padding-left: 52px;
}


/* Supriya Created CSS for Ad Analytics starts here*/

.ad-title-text,
.similar_ads .text {
    font-family: OpenSans-Semibold;
    color: #505050;
    font-size: 17px;
}

.relationship_status span {
    font-size: 1rem;
}

.profile-status .progress_bar_div {
    /*border-radius: 10px;*/
    /*!*border: 1px solid #326de7;*!*/
    /*box-shadow: 0 0 0px 1px #326DE7;*/
    /*-moz-box-shadow:   inset 0 0 0 1px #326de7;*/
    /*-webkit-box-shadow: inset 0 0 0 1px #326de7;*/
    /*box-shadow:         inset 0 0 0 1px #326de7;*/
    border-radius: 10px;
    background: #e6eeff;
    height: 15px !important;
}

.profile-status .progress_bar_count {
    border-radius: 30px;
}

.profile-status .percentage {
    margin-left: 5px;
    min-width: 40px;
}

.ad_analytics .ad-title,
.ad_analytics .ad_extra_iconad_extra_icon {
    padding-top: 0px;
}

.ad_analytics .ad_show_btn_row,
.ad_analytics .ad_show_btn_row a {
    font-size: 12px;
}

.ad_analytics .ad_bottom_text_row {
    margin: 15px 10px;
}

.card-links,
.profile-status {
    box-shadow: 0px 6px 10px #326de74d;
    margin-bottom: 30px;
    border-radius: 10px;
    padding-bottom: 15px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

.card-links .links {
    margin-bottom: 20px;
}

.card-links .links span {
    width: 220px;
    font-size: 14px;
}

.card-links .links a {
    color: #505050;
    text-decoration: underline !important;
    font-size: 13px;
    white-space: nowrap;
    width: calc(100% - 160px);
    text-overflow: ellipsis;
    overflow: hidden;
}
.card-links1 .ad-details{
    padding: 5px 5px;
}
.ad-details {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 5px;
}

.bold-text {
    font-family: OpenSans-bold;
    font-size: 1rem;
    color: #505050;
    margin-bottom: 1rem;
}

.ad-details:hover {
    box-shadow: 0px 6px 10px #326de74d;
    background-color: #fff;
    border-radius: 10px;
}

.ad-details {
    font-size: 13px;
}

.ad-details .bold-text {
    font-size: 15px;
    margin-bottom: 10px;
}


/*.target-details:first-child {
    width: 35px;
}*/

.profile-status {
    min-height: 433px;
    padding: 10px;
}

.profile-status .number {
    width: 65px;
    font-size: 14px;
}

.target-profile-block {
    max-height: 300px;
    overflow-y: auto;
}

.target-profile-details {
    background-color: #326de70d;
    margin-top: 10px;
    border-radius: 6px;
    margin-right: 8px;
}

.target-details:first-child {
    width: 42px;
}

.target-details {
    /*width: 65px;*/
    font-weight: 600;
    font-size: 14px;
}

.target_location {
    width: 70%;
    font-size: 14px;
}

.target_age {
    width: 30%;
    font-size: 14px;
}

.gender_span {
    width: 100px;
}

.relationship_status .progress+.progress {
    margin-top: 20px;
}

.relationship_status .progress {
    margin-left: 5px;
}

.relationship_status .progress span {
    margin-left: 15px;
    margin-top: 10px;
}

.social_engagement_block {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 0.6s;
    position: relative;
    box-shadow: 0px 6px 10px #326de74d;
}

.ad_analytics_content {
    margin-top: 30px !important;
    width: 94%;
    transition: all 0.3s;
    position: relative;
    min-height: calc(100vh - 60px);
    margin-left: auto;
    margin-bottom: 120px;
    background: #f5f8ff;
    margin-right: 1%;
}

.fav_ads_content,
.hidden_ads_content,
.subscribed_keywords_content,
.mail_settings_content {
    margin-top: 30px;
}

.ad_arrow_icon_gray1 {
    width: 15px;
}

.lander-container {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
}

.lander-box {
    max-height: 710px;
    /*height: 100%;*/
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

.lander-box img {
    object-fit: cover;
    /* height: 100%; */
    width: 100%;
}

#ageChart {
    height: 300px;
    font-size: 12px;
}

.social_engagement_block {
    padding: 10px;
}

.pas_checkbox .custom-control-label::after {
    border: 1px solid #326de7;
    border-radius: 5px;
}

.pas_checkbox .custom-control-label::before {
    background-color: transparent;
}

.pas_checkbox.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none !important;
}

.social_engagement_block .pas_checkbox+.pas_checkbox,
.pas_social_count .social_count+.social_count {
    margin-top: 30px;
}

.pas_social_count .social_count {
    display: flex;
}

.pas_social_count .social_count a {
    margin-right: 15px;
}

.pas_social_count .social_count span {
    color: #326de7;
    font-weight: 600;
}

.social_engagement_block .ad-title-text {
    margin-bottom: 0px;
}

.pas_social_engagement {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    color: #505050;
}

#social_chart,
#social_chart2,
#social_chart3 {
    width: 100%;
    height: 300px;
}


/*#collapse_icon_id {
    display: none;
}*/

.book_demo_icon {
    width: 18px !important;
    height: 15px !important;
}

.create_request_table .view_eye {
    width: 75px;
}

.create_request_table .view_eye i:hover {
    color: #326de7;
}

.create_request_table td:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
}

.create_request_table th:first-child,
.create_request_table td:first-child {
    width: 190px;
}

@media (max-width: 768px) {
    .create_request_table th {
        width: 130px;
    }
    .create_request_table th:first-child,
    .create_request_table td:first-child {
        width: 200px;
    }
}

@media screen and (min-width: 992px) {
    .ad-details-col,
    .lander-col {
        /*max-width: 30%;*/
        /*flex: 0 0 30%;*/
    }
    .ad-analytics-col {
        max-width: 40%;
        flex: 0 0 40%;
    }
}


/* Supriya Created CSS for Ad Analytics Ends here*/


/* Supriya Created Login-page css starts here*/

.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #f5f8ff;
    height: 100vh;
    overflow: scroll;
}

.login-container {
    box-shadow: 0px 6px 10px #326de74d;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 20px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

.login_logo {
    max-width: 273px;
}

.leftside-login {
    text-align: center;
}

.leftside-login .pas-icon {
    width: 300px;
}

.leftside-login p {
    font-size: 20px;
    color: #326de7;
    margin-top: 45px;
    margin-bottom: 5px;
    font-family: OpenSans-bold;
}

.rightside-login {
    background-color: #326de7;
    color: #fff;
    border-radius: 10px;
    padding: 70px 50px;
    margin-right: -15px;
}

.rightside-login h4 {
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 3.5rem;
}

.rightside-login .form-group {
    position: relative;
}

.rightside-login .fa-eye-slash {
    position: absolute;
    right: 43px;
    top: 40px;
    cursor: pointer;
    color: #8b8b8b;
}

.rightside-login .fa-ellipsis-h {
    position: absolute;
    right: 2px;
    top: 32px;
    padding: 0.6rem;
    border-radius: 5px;
    background-color: #8b8b8b24;
    cursor: pointer;
    color: #666;
}

.rightside-login label,
.password-link a,
.registered-link a {
    color: #fff;
}

.rightside-login .form-control {
    border-radius: 10px;
    background-color: #f5f8ff !important;
    height: 34px;
}

.registered-link a {
    color: #fbb03b;
}

.rightside-login .btn-primary {
    background-color: #fbb03b;
    min-width: 200px;
    border-radius: 10px;
}

.password-link a:hover,
.registered-link a:hover {
    text-decoration: none;
}

.registered-link {
    margin-top: 60px;
    margin-bottom: 0px;
}

.footer-wrapper {
    color: #326de7;
    font-size: 1rem;
}

.dots {
    position: absolute;
    width: 26px;
    height: 26px;
    background-color: #8b8b8b33;
    right: 4px;
    top: 33px;
    border-radius: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dots span {
    width: 4px;
    height: 4px;
    background-color: #8b8b8b;
    border-radius: 50%;
}

.dots span+span {
    margin-left: 2px;
}


/*Supriya Created Login-page css ends here*/

.card {
    padding-top: 0.55rem;
}

.card .card-body {
    margin-top: 0.5px;
}


/*Supriya Responsive CSS Ends Here*/

.likes_comments_row img {
    margin-right: 4px;
}

.progress-bar {
    background-color: #326de7;
}

.progress {
    background-color: #fff;
}

.multiselect_type_duration {
    caret-color: transparent;
}


/*FOR NATIVE AD analytics---------------------------------------------------*/


/*Native analytics datatable--&--Userearnings datatable-----------------------------------*/

#native_analytics_datatable,
.datatable_style {
    margin: 0px !important;
}

#native_analytics_datatable.dataTable tbody th,
#native_analytics_datatable.dataTable tbody td,
.datatable_style tbody th,
.datatable_style tbody td {
    padding: 8px 10px;
    font-size: 15px;
}

td.details-control {
    background: url("../imgs/down.svg") no-repeat center center;
    cursor: pointer;
    background-size: 30px 14px;
}

tr.shown td.details-control {
    background: url("../imgs/up.svg") no-repeat center center;
    background-size: 30px 14px;
}

#native_analytics_datatable.dataTable thead th,
.datatable_style.dataTable thead th {
    padding: 15px 8px;
}

#native_analytics_datatable.dataTable thead th,
#native_analytics_datatable.dataTable thead td,
.datatable_style.dataTable thead th,
.datatable_style.dataTable thead td {
    border-bottom: 1px solid #326de7 !important;
    font-family: OpenSans-Regular;
    font-weight: 500 !important;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 0.2em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button a {
    border: none !important;
    color: #505050;
}

.dataTables_wrapper .dataTables_paginate .paginate_button a:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button a:focus {
    background-color: #fff;
    border: none !important;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_info,
#native_analytics_datatable_length,
#userearning_datatable_length,
#userearning_transaction_datatable_length {
    float: left;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_paginate,
#native_analytics_datatable_filter,
#userearning_datatable_filter,
#userearning_transaction_datatable_filter {
    float: right;
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #326de780 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    /*margin-left: 20px !important;*/
    padding: 0.175rem 0.35rem;
}

div.dataTables_wrapper div.dataTables_length select {
    margin: 0px 5px;
}

.page-item.active .page-link {
    color: #326de7 !important;
    background-color: #fff;
}

#native_analytics_datatable_previous a,
#userearning_datatable_previous a,
#userearning_transaction_datatable_previous a {
    position: relative;
}

#native_analytics_datatable_previous a::before,
#userearning_datatable_previous a::before,
#userearning_transaction_datatable_previous a::before {
    /*    content: "\f060";
    font-family: FontAwesome;
    left: -10px;
    position: absolute;
    color: #000;*/
    content: "";
    background: url("../imgs/left.svg") no-repeat center center;
    height: 15px;
    width: 15px;
    position: absolute;
    left: -7px;
    margin-top: 3px;
}

#native_analytics_datatable_next a,
#userearning_datatable_next a,
#userearning_transaction_datatable_next a {
    position: relative;
}

#native_analytics_datatable_next a::after,
#userearning_datatable_next a::after,
#userearning_transaction_datatable_next a::after {
    /*    content: "\f061";
    font-family: FontAwesome;
    right: -10px;
    position: absolute;
    color: #000;*/
    content: "";
    background: url("../imgs/right.svg") no-repeat center center;
    height: 15px;
    width: 15px;
    position: absolute;
    right: -7px;
    margin-top: 3px;
}

#native_analytics_datatable_paginate,
#userearning_datatable_paginate,
#userearning_transaction_datatable_paginate {
    margin-right: 10px;
}

.top_ten {
    color: #000;
}

.datatable_child {
    /*background: #f5f8ff;*/
    padding: 8px 0px 0px 22px;
}

.datatable_child a:hover {
    color: #326de7;
}


/*Native analytics datatable-&--Userearnings datatable-END-----------------------------------*/

#daily_activity_graph {
    font-size: 12px;
}

#daily_activity_graph text {
    fill: #505050;
}

.daily_activity_graph_div {
    min-height: 430px;
}

.reset_icon {
    width: 50px !important;
    padding: 0px 10px;
    background: #fff;
    color: #326de7;
    font-size: 21px !important;
    border: 1px solid white;
    text-align: center;
    border-radius: 12px 0px 0px 12px;
    height: 35px;
    margin-left: -2px;
}

.domain_search_icon {
    float: right;
    height: 37px;
    width: 39px;
    /*padding: 0px 10px;*/
    background: #ffffff85;
    color: #326de7;
    font-size: 21px !important;
    /*border: 1px solid white;*/
    text-align: center;
    border-radius: 12px;
    margin-left: 15px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    animation: search-blink 2s linear infinite;
}

@keyframes search-blink {
    50% {
        background: #ffffff85;
    }
}

.clear_filters {
    float: left;
    height: 37px;
    padding: 0px 10px;
    background: #ffffff85;
    color: #326de7;
    font-size: 21px !important;
    /*border: 1px solid white;*/
    text-align: center;
    border-radius: 12px;
    margin-right: 15px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}


/*.clear_filters a
{
    font-size: 14px;
    margin-top: 7px;
    font-family: OpenSans-Bold;
}*/

.sortby_clear_values {
    cursor: pointer;
    margin-bottom: 9px;
    padding-left: 12px;
    font-size: 15px !important;
    color: #505050;
}

.sortby_clear_values:hover {
    color: #326de7;
}

.domain_search_dropdown a:focus {
    color: #505050;
}

.top_dropdown_btn:focus {
    background-color: #326de7;
    border-color: #326de7;
}

.top_nav_dropdown_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #838383 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    margin-left: 0px;
    padding: 0px !important;
    margin-top: 2px;
    margin-bottom: 0;
    height: 100%;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.remove_select2_arrow .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: #fff0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #326de7 transparent transparent transparent !important;
    border-width: 7px 7px 0 7px !important;
    margin-top: 0px !important;
}

.subscribed_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #6d6d6feb !important;
}

.subscribed_form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #93b2f3 !important;
}

.close_this {
    cursor: pointer;
}

.search_engine_tag {
    background: #326de7 !important;
    border-radius: 50px;
    font-size: 16px;
    color: #f5f4f4 !important;
    padding: 4px 18px;
    border: 1px solid #326de7;
    min-width: 130px;
    text-align: center;
    margin-bottom: 25px;
}

.ad-title h3,
.g-ad-title h3,
.reddit_ad-title h3,
.yt_ad-title h3 {
    width: 8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
}

.price_popup_table tbody tr th {
    font-family: OpenSans-Regular;
    font-weight: 300;
    font-size: 15px;
}

.price_popup_table thead th {
    border-bottom: 0px !important;
    font-size: 15px;
    color: #505050;
    font-family: OpenSans-Bold;
}

.price_popup_table th {
    border-top: 1px solid #e0e0e0 !important;
}

.price_popup_table td i {
    font-size: 12px;
}

#priceModelLabel {
    font-family: OpenSans-Bold;
}

.price_popup_btn_active {
    background: #28a745;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #28a745;
    width: 115px;
}

.price_popup_btn {
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #326de7;
}

.search_dropdown_icon {
    background: none !important;
    padding: 8px 8px;
    border: none;
    margin-right: 5px;
    height: 100%;
}

.line_height_1 {
    line-height: 1;
}

.select2-container--default .select2-selection--single:focus {
    border: none !important;
    outline: none !important;
}

.top_search1:-webkit-autofill,
.top_search1:-webkit-autofill:hover,
.top_search1:-webkit-autofill:focus,
.top_search1:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #326de7 inset !important;
    transition: all 5000s ease-in-out 0s;
}

.top_search1:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

a {
    cursor: pointer;
}

.age_group_p {
    color: #505050;
    margin-bottom: 10px;
}

.ad_img {
    text-align: center;
}

.lander-container .ad_boxx {
    padding-top: 0;
    overflow: hidden;
}

.create_req_accordian_div label {
    padding-left: 12px;
    color: #477ef2;
}


/*.invitefrnd_box2_table{*/


/*    display: block;*/


/*    height: 200px;*/


/*    overflow-y: scroll;*/


/*}*/

.createreq_p_padding {
    padding: 0 15%;
}

.create_req_ul {
    color: #477ef2;
}

.create_req_ul li {
    margin-bottom: 15px;
    font-size: 15px;
}

.other_ads {
    font-family: OpenSans-Semibold;
    color: #505050;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 10px;
}

.create_request_table tbody {
    display: block;
    max-height: 160px;
    min-height: 50px;
    overflow: auto;
}

.create_request_table thead,
.create_request_table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.create_request_table thead {
    width: calc(100% - 1em);
}

.ad_analytics_bottom_txt {
    word-wrap: break-word;
    width: 100%;
}


/*------------------youtube image ads-----------------------*/

.yt_img_ads {
    padding: 15px 30px 15px 30px;
    background: #fafafa;
}

.yt_img_ads h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.yt_img_ad_img {
    font-size: 12px;
    color: #505050;
    margin-right: 10px;
}

.yt_img_ad_img img {
    margin-right: 3px;
    width: 17px;
}

.yt_ad_link_div {
    width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #505050;
}

.yt_small_btn {
    background: #326de7;
    border-radius: 50px;
    font-size: 12px;
    color: #f5f4f4 !important;
    padding: 2px 15px;
    border: 1px solid #326de7;
    margin-top: 15px;
}

.small_btn:hover {
    background: #fff !important;
    border: 1px solid #326de7;
    color: #326de7 !important;
}

.pt-25 {
    padding-top: 25px !important;
}


/*------------------youtube image ads--END---------------------*/

.yt_ad_typetxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #343333;
    margin-bottom: 12px;
    font-size: 15px;
}

.a_color_blue,
.a_color_blue:hover {
    color: #477ef2;
}


/*------------------Feedfback popup form---------------------*/

.feedback_modelbody .select2-container {
    width: 100% !important;
}

.feedback_modelbody .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #838383 !important;
}

.feedback_modelbody .form-control::placeholder {
    color: #9d9b9b !important;
}

.feedback_modelbody label {
    font-size: 15px;
    color: #505050;
}

.feedback_modelbody textarea.form-control {
    border: 1px solid #707070;
}

.feedback_modelbody p {
    padding-top: 15px;
}

.feedback_pin {
    width: 23px;
}

.feedback_modelbody .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent !important;
}

.feedback_modelbody .sidebar_multiselect {
    border-radius: 0.25rem !important;
}


/*------------------Feedfback popup form-END--------------------*/


/*----------------------------------------------autocomplete dropdown---------------------------*/


/*the container must be positioned relative:*/

.autocomplete {
    position: relative;
    /*  display: inline-block;*/
}

.autocomplete-items {
    position: absolute;
    border: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 0px 6px 10px #326de74d;
    border-radius: 10px !important;
    padding: 20px 10px 20px 10px;
    margin-top: 10px;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-items div {
    cursor: pointer;
    background-color: #fff;
    font-size: 15px;
    color: #505050;
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px 12px !important;
    border: none;
}


/*when hovering an item:*/

.autocomplete-items div:hover {
    color: #326de7;
}


/*when navigating through the items using the arrow keys:*/

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/*----------------------------------------------autocomplete dropdown end---------------------------*/


/*------------------Scroll Top--------------------*/

.scrolltop_main_a {
    height: 38px;
}


/*.scrolltop {
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #fff;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border-radius: 80px;
    width: 38px;
    height: 38px;
    box-shadow: 0px 3px 6px #00000029;
}
.scrolltop img
{
    width: 16px;
    vertical-align: bottom;
}*/


/*------------------Scroll Top-END--------------------*/

.ad_analytics_card_h3 {
    width: 13rem !important;
}


/*---------------pricing popup-------------------------*/

#priceModelLabel {
    font-family: OpenSans-Bold;
}

.price_popup_btn_active {
    background: #28a745;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #28a745;
    width: 115px;
    margin-bottom: 30px;
}

.price_popup_btn {
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4 !important;
    padding: 4px 15px;
    border: 1px solid #326de7;
    transition: transform 0.2s;
}

.pricing_h {
    color: #326de7;
    font-family: OpenSans-bold;
    font-size: 50px;
}

.pricing_upgrade_h {
    color: #477ef2;
    font-family: OpenSans-bold;
    font-size: 50px;
    line-height: 7px;
    margin-bottom: 50px;
}

.pricing_price {
    color: #477ef2;
    font-family: OpenSans-bold;
    font-size: 20px;
    text-align: center;
}

.platform_no {
    font-family: OpenSans-bold;
    color: #505050;
    margin-bottom: 0;
}

.pricing_text_left {
    color: #8b8b8b;
}

.price_model .modal-body {
    padding: 0px 50px 20px 50px;
}

.price_popup_table {
    border-collapse: separate;
    background-color: transparent;
    border-spacing: 0;
}

.basic_plan {
    /*box-shadow: 0 0.5rem 0.5em #326DE780;*/
    box-shadow: 0 0.8rem 0.5em #326de780;
    position: relative;
    z-index: 2;
}

.basic_plan_h {
    box-shadow: 0 -0.1rem 0.5em -0.25rem #326de780, 0 0.8rem 0.5em #326de780;
    border-radius: 10px 10px 0px 0px;
}

.plan_names {
    padding-top: 35px !important;
    font-family: OpenSans-bold;
    color: #505050;
    text-align: center;
}


/*--------------------pricing in popup--------------------*/

.pricing_column {
    float: left;
    width: 275px;
    /*padding: 8px;*/
}

.columns {
    float: left;
    width: 120px;
    /*padding: 8px;*/
}

.price,
.pricing_column_price {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 10px;
    padding-bottom: 40px;
}

.price {
    transition: transform 0.2s;
}

.price_popup_btn:hover {
    margin-top: 3px;
}

.price:hover {
    box-shadow: 0 10px 18px 0 #326de780;
    transform: scale(1.02);
}

.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

.price li {
    height: 40px;
    text-align: center;
}

.more_height_li {
    height: 80px !important;
}

.pricing_column_price li {
    height: 40px;
}

.pricing_main_div {
    display: flex;
}

.pricing_main_div i {
    font-size: 20px;
}

.green_tick {
    color: #01b70e !important;
}

.red_cross {
    color: #ed1c24 !important;
}

.plan_last_li {
    border-radius: 0px 0px 10px 10px;
}

.pricing_nework_icon {
    height: 65px !important;
}

.pricing_nework_icon i {
    font-size: 12px !important;
}

.pricing_nework_fb {
    color: #3b5998;
}

.pricing_nework_insta {
    color: #cb3285;
}

.pricing_nework_yt {
    color: #ff0000;
}

.pricing_nework_google {
    color: #4285f4;
}

.pricing_nework_native {
    font-size: 9px;
}

.pricing_nework_img {
    width: 13px;
}

.pricing_nework_txt {
    font-family: OpenSans-bold;
}
#myModalPricing .pricing_nework_txt {
    height: 110px !important;
}

.create_req_countries_div .select2-selection {
    min-height: 39px;
    /*min-height: 32px;*/
}

.create_req_countries_div .select2-selection {
    border-radius: 20px !important;
}

.create_req_countries_div .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 5px;
}

.create_req_countries_div {
    border-radius: 20px;
    margin-left: 0;
    margin-bottom: 1rem;
    padding-left: 10px;
    padding-right: 15px;
    cursor: pointer;
}

.create_req_countries_div .selection {
    width: 100%;
}

.create_req_countries_div .select2-container {
    width: 100% !important;
}

.create_req_countries_div .select2-container--default.select2-container--focus .select2-selection--multiple,
.create_req_countries_div .select2-container--default .select2-selection--multiple,
.create_req_countries_div input {
    border: none !important;
}

.smalldrop {
    min-width: 113px !important;
}

.create_req_countries_div .select2-container--open .select2-dropdown,
.top_nav_dropdown_form .select2-container {
    width: 100% !important;
}

.create_req_countries_div .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
}

@media (min-width: 992px) {
    .pricing_li_position {
        position: relative;
    }
    .pricing_h_position {
        position: absolute;
        bottom: -19px;
    }
}

.gdn_text_left {
    text-align: center;
    /*padding-right: 38px;*/
    padding-left: 0;
}

.gdn_text_right {
    text-align: center;
    padding-left: 38px;
    padding-right: 0;
}

.light_color_btn {
    background: #f5f8ff !important;
    color: #326de7 !important;
    border: 1px solid #f5f8fe !important;
}

.light_color_btn:hover {
    background: #326de7 !important;
    color: #f5f4f4 !important;
    border: 1px solid #326de7 !important;
}

native_card_countries {
    font-size: 14px;
    color: #505050 !important;
}

.native_location_icon {
    width: 20px;
}

.color_grey {
    color: #505050;
}

.social_eng_like span {
    width: 15px;
    height: 15px;
    border-radius: 4px;
    margin-right: 8px;
}

.like_line {
    background: #04d813;
}

.share_line {
    background: #505050;
}

.comment_line {
    background: #477ef2;
}

.dislike_line {
    background: #f00;
}

.social_graph_p {
    font-size: 12px;
    color: #505050;
    text-align: center;
}

#social_chart text {
    fill: #505050;
    font-size: 14px;
}

.social_eng_like {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.social_eng_like p {
    margin-bottom: 0;
}


/*----------------------------------------------introjs---------------------------*/

.introjs-fixedTooltip {
    z-index: 9999999999 !important;
}

.introjs-helperLayer {
    box-shadow: rgba(33, 33, 33, 0) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
    border-radius: 12px !important;
}

.introjs-tooltip {
    border-radius: 10px !important;
    box-shadow: 0px 6px 10px #326de74d !important;
    min-width: 290px !important;
}

.introjs-tooltiptext {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #505050;
}

.introjs-button {
    background: #326de7 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    color: #f5f4f4 !important;
    padding: 4px 15px !important;
    border: 1px solid #326de7 !important;
    text-shadow: none !important;
}

.introjs-button:hover,
.introjs-skipbutton:hover {
    background: #fff !important;
    border: 1px solid #326de7 !important;
    color: #326de7 !important;
}

.introjs-disabled {
    color: #9e9e9e !important;
    border: none !important;
    background-color: #f4f4f4 !important;
}

.introjs-button:focus {
    box-shadow: none !important;
}

.introjs-skipbutton {
    position: absolute;
    left: 108px;
    bottom: 10px;
    background: #326de7 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    color: #f5f4f4 !important;
    padding: 7px 15px !important;
    border: 1px solid #326de7 !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}


/*----------------------------------------------introjs-END--------------------------*/

.top_user_name {
    white-space: nowrap;
    max-width: 175px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#feedbackModel .modal-content {
    border: none;
}


/*---------------keyword research page style----------------------------------*/

.keyword_table {
    margin-bottom: 10px !important;
}

.vertical_top {
    vertical-align: top !important;
}

.keyword_table th {
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 14px;
    color: #505050;
    padding-top: 0px;
}

.keyword_table td {
    border: 0px !important;
    color: #505050;
    font-size: 14px;
}

.keyword_table tbody tr:hover {
    background-color: #fff !important;
}

.keyword_table thead {
    border-bottom: 1px solid #8b8b8b;
}

.keyword_tab_btn {
    background: #f5f8ff80;
    font-size: 16px;
    color: #505050 !important;
    padding: 4px 0px;
    border: none;
    /*min-width: 130px;*/
    font-family: OpenSans-Bold;
    text-align: center;
    border-radius: 0 !important;
    margin-left: 15px;
    margin-right: 15px;
}

.active.keyword_tab_btn {
    background: #f5f8ff80 !important;
    color: #326de7 !important;
    border-bottom: 1px solid #326de7;
}

.keyword_tab_btn:hover {
    color: #326de7 !important;
}

.keyword_tab_ul {
    margin-top: 25px;
    margin-bottom: 25px;
}

.monthly_volume_graph {
    margin-top: 25px;
}

.keword_r_monthlyvolume_txt {
    margin-top: 10px;
}

.keyword_pg_title {
    font-family: OpenSans-bold;
    color: #505050 !important;
    font-size: 16px;
    margin-bottom: 10px;
}

.monthly_volume {
    padding: 22px 15px;
    position: relative;
    min-height: 180px;
}

.keyword_pg_title2 {
    font-family: OpenSans-bold;
    color: #477ef2;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0;
}

.keyword_link_overflow {
    width: 340px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*.keyword_table tr th
{
    vertical-align: top;
}*/

.keyword_table tr th,
.keyword_table tr td {
    padding-left: 0;
}

.keyword_icons_div img {
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

.keword_r_devices_txt {
    text-align: right;
    margin-right: 88px;
    position: absolute;
    right: 40px;
    top: 37px;
}

.monthly_volume .progress_bar_div {
    border-radius: 10px;
    background: #e6eeff;
}

.monthly_volume .progress_bar_count {
    border-radius: 30px;
}

.inside_div {
    float: left;
    text-align: left;
}

.main_div1 {
    display: flex;
}

.main_div1 h5 {
    font-family: OpenSans-bold;
    color: #505050;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.main_div1 p {
    font-family: OpenSans-bold;
    color: #326de7;
    font-size: 20px;
    margin-bottom: 10px;
}

.keyword_pg_title4 {
    font-family: OpenSans-bold;
    color: #477ef2;
    font-size: 45px;
    margin-bottom: 31px;
}

.color_blue {
    color: #477ef2 !important;
}

#device-graph {
    width: 100%;
    height: 130px;
    margin-top: 5px;
    margin-right: 25px;
}


/*.keyword_graph_div
{
    min-height: 473px;
}*/

.keyword_graph_div_2 {
    position: relative;
}

.keyword_graph_div_2 span {
    position: absolute;
    left: 29%;
    transform: translateX(-50%);
    font-size: 28px;
    top: 33%;
    color: #477ef2;
    font-family: OpenSans-SemiBold;
}

.keyowed_table_icon {
    padding-left: 0px !important;
    text-align: left;
}

.keyowed_table_icon img {
    width: 19px;
}

.keywords_number {
    color: #477ef2;
    font-size: 20px;
    font-family: OpenSans-Bold;
    margin-bottom: 15px;
}

.related_keywords_col_1 {
    padding-right: 100px;
    border-right: 1px solid #8b8b8b;
    height: 100%;
}

.related_keywords_col_2 {
    padding-left: 100px;
    height: 100%;
}

.advertisor_history_img {
    max-width: 25px;
    max-height: 20px;
    margin-bottom: 15px;
}

.ad_position {
    text-align: center;
    margin-top: 5px;
    padding-right: 10px;
}

.ad_position_progress {
    height: 18px;
    width: 4px;
    background: #326de74c;
}

.ad_position_progress_bar {
    height: 50%;
    width: 4px;
    background: #477ef2;
}

.ad_position .progress_bar_div {
    border-radius: 10px;
    background: #e6eeff;
    height: 12px !important;
}

.ad_position .progress_bar_count {
    border-radius: 30px;
}

.ad_ss_year {
    font-size: 9px;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.ad_ss_months {
    display: flex;
    justify-content: space-between;
}

.month_name {
    font-size: 12px;
    text-align: center;
}

.ad_ss_months_dropdown {
    color: #477ef2;
    background: none !important;
    padding: 8px 8px;
    border: none;
    margin-right: 0px;
    margin-top: 5px;
    font-size: 28px;
}

.ad_ss_months_dropdown:after {
    right: 0px !important;
}

.ad_ss_months_dropdown:hover,
.ad_ss_months_dropdown:focus {
    color: #477ef2 !important;
}

.advertisor_history_padding {
    padding-bottom: 50px;
}

.months_dropdown_menu {
    width: 520px;
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 20px 38px;
    margin-left: 61px;
    margin-bottom: 15px;
}

.months_dropdown_menu h4 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 5px;
}

.months_dropdown_link img {
    width: 14px !important;
    margin-right: 5px;
}

.months_dropdown_link,
.months_dropdown_link:hover {
    color: #477ef2;
    font-size: 14px;
}

.months_dropdown_menu p {
    color: #505050;
    font-size: 14px;
    text-align: left;
    font-family: OpenSans-Regular;
    margin-bottom: 20px;
    margin-top: 5px;
}

.mt-30 {
    margin-top: 30px;
}

.cpc_monthlycost_div {
    align-items: center;
    justify-content: space-around;
}

.keyword_research_big_txt {
    font-size: 30px;
    color: #505050;
    font-family: OpenSans-Bold;
    margin-top: 10px;
    margin-bottom: 40px;
}

.keywordresearch_width {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 45px 70px;
    margin-bottom: 140px;
    border-radius: 8px;
    position: relative;
    padding-right: 0;
    min-height: 414px;
}

.keyword-research-img-div {
    position: absolute;
    top: -54px;
}

.keywordresearch_txt_left {
    padding-top: 8%;
}

.keywordresearch_txt_left p {
    font-size: 18px;
}

.keywordresearch_txt_left .btn {
    margin-top: 10px;
}

.keyword-research-img {
    box-shadow: 0px 6px 10px #326de74d;
    border-radius: 10px;
    position: relative;
    -webkit-animation: mymove 3s;
    /* Chrome, Safari, Opera */
    animation: mymove 3s;
}


/* Chrome, Safari, Opera */

@-webkit-keyframes mymove {
    0% {
        left: 80%;
    }
    100% {
        left: 0%;
    }
}


/* Standard syntax */

@keyframes mymove {
    0% {
        left: 80%;
    }
    100% {
        left: 0%;
    }
}

.pagination {
    margin-bottom: 0;
}

.paginate_button_style {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0;
    margin-left: 0;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.paginate_button_style a,
.paginate_button_style a:hover,
.paginate_button_style a:focus {
    border: none !important;
    color: #505050;
    background: none;
    outline: none;
    box-shadow: none;
}

.paginate_button_previous {
    float: left;
}

.paginate_button_next {
    float: right;
}

.paginate_button_previous,
.paginate_button_next {
    position: relative;
}


/*.paginate_button_previous::before
{
content: '';
background: url('../imgs/left.svg') no-repeat center center;
height: 10px;
width: 14px;
position: absolute;
left: -7px;
margin-top: 9px;
}
.paginate_button_next::after
{
content: '';
background: url('../imgs/right.svg') no-repeat center center;
height: 10px;
width: 14px;
position: absolute;
right: -7px;
margin-top: 17px;
top: 0;
}*/

.table_with_carousel {
    table-layout: fixed;
}

.month_details_display_none {
    display: none;
}

.keyword-owl-carousel .owl-prev img,
.keyword-owl-carousel .owl-next img {
    width: 16px;
}

.keyword-owl-carousel .owl-prev {
    position: absolute;
    left: -20px;
    top: -2px;
    /*font-size: 14px !important;
font-family: OpenSans-Bold !important;*/
}

.keyword-owl-carousel .owl-next {
    position: absolute;
    right: -20px;
    top: -2px;
    /*font-size: 14px !important;
font-family: OpenSans-Bold !important;*/
}


/*.keyword-owl-carousel .owl-next::before {
position: absolute;
content: '';
background: url('../imgs/left.svg') no-repeat center center;
height: 10px;
width: 13px;
left: -12px;
top: 6px;
}
.keyword-owl-carousel .owl-prev::before {
position: absolute;
content: '';
background: url('../imgs/right.svg') no-repeat center center;
height: 10px;
width: 13px;
right: -12px;
top: 6px;
}*/

.keyword-owl-carousel .item {
    text-align: center;
    /*padding-top: 15px;*/
}

.keyword-owl-carousel .owl-next,
.keyword-owl-carousel .owl-prev:focus {
    border: none;
    box-shadow: none;
    outline: none !important;
}

.keyword-owl-carousel .owl-dots {
    display: none;
}

.month_details_div {
    padding-left: 30px;
}

.arrow_down_btn {
    padding: 0;
    color: #505050;
    vertical-align: top;
    width: 100%;
}

.v_btn {
    color: #505050;
    padding: 0;
    vertical-align: top;
    line-height: 16px;
    width: 32px;
    border-radius: 5px;
}

.v_btn:hover {
    color: #326de7;
}

.v_btn[aria-expanded="true"] {
    color: #fff;
    background: #326de7;
}


/*.v_btn:after
{
    content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}*/

.v_txt {
    font-size: 12px;
    text-align: center;
}

.arrow_down {
    font-size: 20px;
}


/*keyword research datatable*/

.keywordresearch_datatable.dataTable thead th,
.keywordresearch_datatable.dataTable thead td {
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-family: OpenSans-Bold;
    font-size: 14px;
    color: #505050;
    padding-top: 0px;
    padding-left: 0;
}

.keyword_research_main .dataTables_length,
.keyword_research_main .dataTables_filter {
    display: none;
}

.keyword_research_main .paginate_button.previous a::before {
    position: absolute;
    content: "";
    background: url("../imgs/left.svg") no-repeat center center;
    height: 11px;
    width: 17px;
    left: -7px;
    margin-top: 4px;
}

.keyword_research_main .paginate_button.next a::before {
    position: absolute;
    content: "";
    background: url("../imgs/right.svg") no-repeat center center;
    height: 11px;
    width: 17px;
    right: -7px;
    margin-top: 4px;
}

.keyword_research_main .dataTables_info {
    margin-top: 14px;
    color: #505050;
}

.keyword_research_main .page-link {
    padding: 5px 0px;
    font-size: 14px;
}

.keyword_research_main .page-link:hover {
    color: #326de7 !important;
}

.keyword_research_main .page-link i {
    font-size: 12px;
}

.paginate_button_next i {
    margin-left: 4px;
}

.paginate_button_previous i {
    margin-right: 4px;
}


/*keyword research datatable END*/

.loader_in_div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #326de7;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

.content_after_loader {
    opacity: 0;
}

.arrow_down_btn[aria-expanded="true"] {
    color: #326de7;
}

.no_data_txt {
    color: #477ef2 !important;
    font-family: OpenSans-Regular !important;
    font-size: 15px !important;
}

.devices_nodata_txt {
    text-align: right;
    margin-right: 88px;
    position: absolute;
    right: 26px;
    top: 50px;
}


/*.collapse {
    display: none;
  visibility: hidden;
}
.collapse.show {
  visibility: visible;
  display: block;
}*/


/*.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}
*/


/*.carousal_2 .carousel-inner
{
    height: 190px;
    overflow: hidden;
}*/

.carousal_2_arrow_prev {
    left: -26px;
}

.carousal_2_arrow_next {
    right: -26px;
}

.carousal_2 .carousel-inner {
    height: 195px;
    display: flex;
    align-items: center;
}

.carousal_2 .carousel-inner .carousel-item {
    text-align: center;
}

.carousal_2 .carousel-inner .carousel-item img {
    max-height: 195px;
    width: auto;
    max-width: 100%;
}

.carousal_2_arrow {
    background-image: none;
    background: none;
    width: 30px;
    height: 30px;
}

.carousal_2_arrow_main {
    opacity: 1;
    width: auto;
}


/*.carousal_2_arrow img
{
    width: 10px;
}*/

.carousal_2_arrow i {
    overflow: hidden;
    font-size: 27px;
    color: #fff;
    padding: 3px 4px;
    text-shadow: 0px 2px 4px #63636373;
}

.ad_ss_month_div {
    position: relative;
    padding-top: 15px;
}

.ad_ss_months_pagination {
    display: flex;
    justify-content: space-between;
}

.ad_ss_months_pagination .page-link {
    font-family: OpenSans-Bold !important;
    padding: 0;
}

.ad_ss_months_maindiv {
    padding: 0 10px 0 0;
}

.related_keyword_table_div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.native_analytics_c2.profile-status {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .table_with_carousel tr th {
        width: 200px !important;
    }
}

@media (min-width: 600px) and (max-width: 1000px) {
    .table_with_carousel tr th {
        width: 250px !important;
    }
}

@media (max-width: 992px) {
    .related_keywords_col_1 {
        padding-right: 0px;
        border-right: none;
    }
    .related_keywords_col_2 {
        padding-left: 0px;
        padding-top: 40px;
    }
}


/*---------------keyword research page style---END-------------------------------*/

.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.introjs_top_search {
    display: flex;
}

.total_clicks {
    bottom: -15px;
    position: absolute;
    margin: 0;
    left: 64px;
}

.shopify_icon {
    cursor: pointer;
    margin-left: 6px;
    height: 17px;
    width: auto;
}

.hidden_option {
    display: none;
    width: 100%;
}

.profile-intial {
    width: 45px;
    height: 45px;
    background-color: #ff4500;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}

mark {
    border-radius: 5px;
    background-color: #98b6f37a;
    padding-top: 0;
    padding-bottom: 0;
}

.popover_style {
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 12px;
}

.popover_style img {
    width: 12px;
}

.position_relative {
    position: relative;
}

.popover-header {
    background-color: #f5f8ff;
    border-bottom: none;
    color: #505050;
    font-size: 16px;
    font-family: OpenSans-Semibold;
}

.top_nav_dropdown_form input::placeholder,
.top_nav_dropdown_form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9a9c9f;
    opacity: 1;
}

.total_ads_in_search p {
    font-size: 15px;
    color: #505050;
    margin-bottom: 10px;
    line-height: 21px;
    text-align: left;
    font-family: OpenSans-Bold;
}

.total_ads_in_search p span {
    color: #326de7;
    font-family: OpenSans-Bold;
}

.download_yt_video {
    background: #326de7;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 7px 9px;
    border-radius: 80px;
}

.download_yt_video img {
    width: 20px;
}

.adanalytics_url_h {
    font-family: OpenSans-bold;
    font-size: 0.9rem;
    color: #505050;
    margin-bottom: 1rem;
}

.form-group.required label:after {
    content: "*";
    color: #ff2020;
    margin-left: 2px;
    font-size: 13px;
}


/*Supriya Responsive CSS Starts Here*/

.ad-top-info {
    display: flex;
    list-style: none;
    padding-left: 0px;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0px;
}

.ad-top-info>li {
    position: relative;
}

.ad-top-info>li+li {
    padding-left: 15px;
}

.ad-top-info>li>a {
    display: flex;
    width: 20px;
    height: 20px;
}

.ad-top-info>li>a>img {
    /*width:100%;*/
    height: 100%;
}

.login-container .pas_logo {
    display: none;
}

.mobile_nav,
.comments_block,
.mobile_logo,
.profile_link,
.search_menu_filter,
.mobile_logo_img,
.pas_mobie_logo {
    display: none;
}


/*Supriya Responsive CSS End Here*/


/*---------------------userEarning-Page--------------------*/

.userearning_titles {
    font-family: OpenSans-bold;
    color: #505050;
    font-size: 16px;
    margin-bottom: 10px;
}

.userearning_numbers {
    font-family: OpenSans-bold;
    color: #477ef2;
    font-size: 45px;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 40px;
}

.userearning_welcome {
    margin-bottom: 25px;
}

.userearning_welcome h1 {
    font-size: 30px;
    color: #477ef2;
    font-family: OpenSans-Bold;
    margin-top: 10px;
    margin-bottom: 13px;
}

.userearning_welcome h4 {
    font-size: 20px;
    color: #505050;
}

.userearning_dashboard_h {
    margin-left: 40px;
    font-size: 16px;
    color: #505050;
    font-family: OpenSans-Bold;
    margin-bottom: 0px !important;
}

.totalads_border {
    border-right: 1px solid #326de7;
}

.userearning_table_bg {
    box-shadow: 0px 6px 10px #326de74d;
    background: #fff;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 30px 50px 15px 50px;
    margin-top: 20px;
    display: grid;
    text-align: left;
    color: #505050;
}

.user_login_right_userearning {
    display: flex !important;
    /*margin-left: 15px;*/
    margin-top: 10px;
    float: right;
}

.active_pg_logo_userearning {
    float: left;
    width: 198px;
}

.user_btn_userearning {
    border-radius: 10px;
    font-size: 20px;
    border-color: #326de7;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-right: 10px;
    background: none;
    font-size: 14px;
    font-family: OpenSans-Bold;
    padding-left: 10px;
}

.user_btn_userearning:hover {
    background: none;
}

.top_user_name_userearning {
    white-space: nowrap;
    max-width: 175px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user_btn_userearning i {
    font-size: 16px;
    margin-left: 7px;
    vertical-align: top;
    margin-top: 4px;
}

.user_btn_userearning:hover,
.user_btn_userearning:focus {
    border-color: #326de7;
    background-color: #326de7 !important;
}

@media (max-width: 576px) {
    .totalads_border {
        border-right: none;
    }
    .top_user_name_userearning {
        max-width: 85px;
    }
}


/*---------------------userEarning-Page--END------------------*/


/*---------------------popup model style--------------------*/

.popup_model_style .modal-content {
    border-radius: 10px !important;
    box-shadow: 0px 6px 10px #326de74d;
}

.popup_model_style h5 {
    text-align: center;
}

.popup_model_style p {
    font-size: 15px;
    color: #505050;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

.popup_model_style .btn {
    margin-top: 15px;
}

.popup_model_style .popup_click_here {
    color: #326de7;
}

.popup_img {
    max-width: 50px;
    margin-bottom: 10px;
}

.popup_logout {
    text-align: center;
    margin-top: 15px;
}

.popup_logout a {
    color: #326de7;
}

.next_para {
    margin-top: 8px;
}


/*---------------------popup model style--END------------------*/


/*-----------------------404----------------------------*/

.white_bg {
    background: #fff;
}

.page-wrap {
    min-height: 100vh;
    background: url(../imgs/404.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.heading_404 {
    font-family: OpenSans-bold;
    font-size: 145px;
    color: #326de7;
    line-height: 115px;
}


/*
VIEW IN FULL SCREEN MODE
FULL SCREEN MODE: http://salehriaz.com/404Page/404.html

DRIBBBLE: https://dribbble.com/shots/4330167-404-Page-Lost-In-Space
*/

@-moz-keyframes move-astronaut {
    100% {
        -moz-transform: translate(-160px, -160px);
    }
}

@-webkit-keyframes move-astronaut {
    100% {
        -webkit-transform: translate(-160px, -160px);
    }
}

@keyframes move-astronaut {
    100% {
        -webkit-transform: translate(-160px, -160px);
        transform: translate(-160px, -160px);
    }
}

@-moz-keyframes rotate-astronaut {
    100% {
        -moz-transform: rotate(-720deg);
    }
}

@-webkit-keyframes rotate-astronaut {
    100% {
        -webkit-transform: rotate(-720deg);
    }
}

@keyframes rotate-astronaut {
    100% {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

.object_astronaut {
    animation: rotate-astronaut 200s infinite linear both alternate;
}

.box_astronaut {
    z-index: 110 !important;
    position: absolute;
    bottom: 87%;
    right: 37%;
    will-change: transform;
    animation: move-astronaut 50s infinite linear both alternate;
}


/*-----------------------404-END---------------------------*/

.quora_sponsor_name {
    font-size: 12px;
    color: #505050;
    padding: 5px 30px 5px 30px;
}

.subscription_time {
    font-size: 15px;
    color: #326de7;
    max-width: max-content;
    float: right;
}


/*------------------------Pinterest Dashboard---------------*/


/*.pin_ad_img
{
    max-height: 400px;
}*/


/*------------------------Pinterest Dashboard---------------*/

.pinterest_top_txt_div {
    padding: 0px 30px 0px 30px;
    margin-bottom: 15px;
}

.pinterest_ad_link {
    font-size: 16px;
    color: #326de7;
    text-align: left;
    line-height: 1.2;
}

.pinterest_ad_link:hover {
    color: #326de7;
}

video {
    outline: none;
}

.pinterest_sponsored {
    display: flex;
    margin-bottom: 4px;
}

.pinterest_card_columns .ad_img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    padding-top: 15px;
}

.pinterest_card_columns .card-body {
    padding-top: 0;
}

.pinterest_card_columns .pinterest_top_txt_div {
    padding-top: 15px;
}

.pinterest_card_columns .ad_show_btn {
    padding: 0px 20px 15px 20px;
}


/*.pinterest_card_columns .ad_dropdown_menu
{
    bottom: 0 !important;
    top: auto !important;
}
*/

@media (min-width: 1300px) and (max-width: 1420px) {
    .pinterest_card_columns .ad-title h3 {
        width: 4rem !important;
    }
    .pinterest_card_columns .ad-header {
        padding: 5px 10px 20px 10px !important;
    }
}

@media (min-width: 1300px) {
    .pinterest_card_columns {
        -webkit-column-count: 4 !important;
        -moz-column-count: 4 !important;
        column-count: 4 !important;
    }
    .pinterest_card_columns .ad-title h3 {
        width: 5rem !important;
    }
    .pinterest_card_columns .ad_date {
        margin-left: 6px !important;
    }
    .pinterest_card_columns .sponsored_ad img {
        margin-right: 2px;
    }
    .pinterest_card_columns .ad-header {
        padding: 5px 20px 20px 20px;
    }
    .pinterest_card_columns .pinterest_top_txt_div {
        padding: 15px 20px 0px 20px;
    }
    .pinterest_card_columns .ad_bottom_text_row {
        margin: 15px 20px 0px;
    }
}


/*-----------------------END-Pinterest Dashboard---------------*/

.pas_social_count a img {
    width: 22px;
}

.download_lander_ss {
    background: #326de7;
    position: absolute;
    left: 10px;
    top: 17px;
    padding: 7px 9px;
    border-radius: 80px;
    z-index: 100;
}

.download_lander_ss img {
    width: 20px;
}


/*----------------countdown timer----------------------*/

.countdown_position {
    position: absolute;
    right: 0;
    margin-right: 12px;
    bottom: -40px;
}

.countdown-wrapper {
    float: right;
    /*background: #ffffff80;*/
    border-radius: 10px;
    padding: 7px 7px;
    border: 1px solid #fff;
}

#countdown {
    margin: 0;
    font-size: 12px;
    color: #fff;
    display: flex;
}

#countdown>div {
    float: left;
    padding: 0px 10px;
    text-align: center;
}

.counter-text {
    display: block;
    clear: both;
    font-size: 9px;
    color: #fff;
}

.counter-num {
    font-family: OpenSans-Semibold;
}

.counter_colon {
    margin-bottom: 0;
    margin-top: 12px;
}

@media (max-width: 992px) {
    .countdown-wrapper {
        display: none;
    }
}


/*----------------countdown timer--END--------------------*/

.mt-5px {
    margin-top: 5px !important;
}

.adanalytics_export {
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
    padding-top: 7px;
}

.adanalytics_export img {
    width: 19px;
}

.timeout_content {
    padding: 45px 30px;
    text-align: center;
}

.timeout_heading {
    font-size: 40px;
    font-family: OpenSans-Bold !important;
    color: #326de7;
}

.timeout_txt {
    color: #326de7;
    font-size: 16px;
}


/*---------------------Adding responsive changes 12-3-2021--------------------------------------*/

.mob_filter_icon2,
.mob_leftside_menu_bottom {
    display: none;
}

.no_style_btn {
    background: none;
    border: none;
}

.smallscreen_dashboard_switch {
    display: none;
}

.smallscreen_rightside_icons {
    display: none;
}

button:focus {
    outline: none;
}

.mail_ststus_th {
    width: 77%;
}


/*---------------------PPC research------------------------------------------------*/

.ppc_graph1_main_div {
    margin-top: 25px;
    padding: 35px 50px 35px 50px;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    transition: 0.6s;
    position: relative;
    box-shadow: 0px 6px 10px #326de74d;
}

.ppc_graph_tab {
    margin-bottom: 60px;
    padding: 0;
    text-align: left;
    color: #505050;
}

.ppc_graph_tab:hover {
    color: #326de7;
}

.ppc_graph_tab_heading {
    font-family: OpenSans-bold;
    font-size: 16px;
    margin-bottom: 10px;
    width: max-content;
}

.ppc_graph_tab_number {
    font-family: OpenSans-bold;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 0;
}

.ppc_graph_tab.active .ppc_graph_tab_heading {
    color: #477ef2;
    border-bottom: 1px solid #326de7;
}

.ppc_graph_tab.active .ppc_graph_tab_number {
    color: #477ef2;
}

.ppc_graph_title {
    margin-left: 23px;
}

#ppc_chart {
    width: 100%;
    height: 300px;
}

#ppc_chart text {
    fill: #505050;
    font-size: 14px;
}

.ppc_box_with_icon_and_txt {
    text-align: center;
}

.ppc_box_with_icon_and_txt img {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}

.ppc_box_with_icon_and_txt h5 {
    font-family: OpenSans-bold;
    color: #326de7;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.ppc_box_with_icon_and_txt p {
    font-family: OpenSans-Regular;
    color: #505050;
    font-size: 16px;
    margin-bottom: 10px;
}

.ppc_copy_icon {
    width: 20px;
}

.ad_copy_btn {
    padding: 0;
}

.ad_copy_dropdown_menu {
    width: 450px;
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 20px 38px;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.ad_copy_dropdown_menu h4 {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #505050;
    margin-bottom: 5px;
}

.ad_copy_dropdown_menu p {
    color: #505050;
    font-size: 14px;
    text-align: left;
    font-family: OpenSans-Regular;
    margin-bottom: 20px;
    margin-top: 5px;
}

.small_btn {
    background: #326de7;
    border-radius: 50px;
    font-size: 14px;
    color: #f5f4f4;
    padding: 2px 12px;
    border: 1px solid #326de7;
}

.ppc_dropdown_menu {
    box-shadow: 0px 6px 10px #326de74d;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 25px 0;
}

.ppc_dropdown_menu .dropdown-item {
    color: #505050;
    font-size: 15px;
}

.ppc_dropdown_menu .dropdown-item:hover {
    background: none;
    color: #326de7;
}

.rotate_btn_180 {
    padding-bottom: 0;
    padding-top: 0;
}

.rotate_btn_180 .ppc_copy_icon {
    transition: 0.5s;
}

.rotate_btn_180[aria-expanded="true"] .ppc_copy_icon {
    transform: rotate(180deg);
}

.ppc_table_responsive {
    overflow-y: visible;
}

.ppc_months_dropdown_menu {
    margin-left: 130px !important;
}

.competitors_icon_div img {
    width: 20px;
    max-height: 20px;
    margin-right: 8px;
}


/*--------------------END-PPC research---------------------------------------------*/


/*--------------------------------------Pinterest Extra---------------------------------------*/

.pinterest_sponsored {
    display: flex;
}


/*--------------------------------------END ofPinterest Extra---------------------------------------*/

@media (min-width: 1199px) {
    .my_collapse_btn {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .price_model .modal-dialog {
        max-width: 96%;
    }
    /*.dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }*/
    #sidebar.active {
        margin-left: 0 !important;
        animation: fadeInAnimation ease 0.5s;
        animation-iteration-count: 1;
        /*animation-fill-mode: forwards; */
    }
    @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }
    #sidebar .sidebar-header strong {
        display: block;
    }
    #sidebar ul li a span {
        font-size: 0.85em;
    }
    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }
    #sidebar ul ul a {
        padding: 10px !important;
    }
    #sidebar ul li a i {
        font-size: 1.3em;
    }
    #sidebarCollapse span {
        display: none;
    }
    .shrinkme {
        width: calc(100% - 0px) !important;
    }
}

@media (max-width: 1292px) {
    .h_35 {
        height: 5px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    /*--------------------PPC research---------------------------------------------*/
    .ppc_graph_left_section {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .ppc_graph_tab {
        margin-bottom: 0;
    }
    .ppc_graph_title {
        margin-left: 0;
    }
    /*--------------------END-PPC research---------------------------------------------*/
    .top_nav_div1 {
        width: auto;
    }
    .top_searchbar_round,
    .top_search1,
    .search {
        min-width: 350px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .icon-bar {
        width: auto;
        right: 30px;
    }
    .icon-bar a:hover {
        margin-right: 0;
    }
    #ageChart {
        font-size: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1130px) {
    .ad-top-info>li>a {
        width: 15px;
        height: 15px;
    }
    .ad-top-info>li+li {
        padding-left: 8px;
    }
    .ad-title h3 {
        font-size: 14px;
    }
    .ad_date {
        font-size: 11px;
    }
    .ad_show_btn_row a,
    .ad_content_btn,
    .btn_style {
        font-size: 9px;
        min-width: 100px;
    }
    .likes_comments_row>.likes_comments_col img {
        width: 15px;
    }
    .sponsored_ad {
        font-size: 9px;
    }
    .top_nav_row1 p {
        font-size: 12px;
        left: 4%;
    }
}

@media (min-width: 990px) and (max-width: 1350px) {
    .ad-icon img,
    .google-ad-icon img {
        min-width: 45px !important;
    }
    .ad-title h3,
    .g-ad-title h3,
    .reddit_ad-title h3,
    .yt_ad-title h3 {
        width: 6rem;
    }
    .profile-intial {
        width: 45px;
        height: 45px;
    }
}

@media (min-width: 576px) and (max-width: 665px) {
    .ad-title h3,
    .g-ad-title h3,
    .reddit_ad-title h3,
    .yt_ad-title h3 {
        width: 7rem;
    }
    .sponsored_ad,
    .ad_date {
        font-size: 10px;
    }
    .ad-top-info>li>a {
        width: 15px;
        height: 15px;
    }
    .ad-top-info>li+li {
        padding-left: 8px;
    }
    .ad_top_text p,
    .ad_bottom_text p {
        font-size: 13px;
    }
    .ad_show_btn_row a,
    .ad_content_btn,
    .btn_style {
        font-size: 11px;
        min-width: 108px;
    }
    .likes_comments_row>.likes_comments_col img {
        width: 16px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .card-columns {
        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        column-count: 2 !important;
    }
}


/*Supriya Responsive CSS Starts Here*/

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: block !important;
    }
    .sidebar-menu {
        width: 100%;
    }
    .top_nav_row2_1 {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .dashboard_h_sectn {
        padding: 8px 10px 8px 10px;
        width: 100%;
        z-index: 100;
        background: #f5f8ff;
        top: 100%;
        left: 0px;
        right: 0px;
    }
    .dashboard_h_sectn>.container-fluid {
        justify-content: center;
    }
}


/*---------------------Adding responsive changes 12-3-2021--------------------------------------*/

@media (max-width: 992px) {
    /*---------------------PPC research---------------------------------------------*/
    .ppc_table_responsive {
        overflow-x: scroll;
    }
    .ad_copy_dropdown_menu {
        left: 0 !important;
        transform: inherit !important;
    }
    /*--------------------END-PPC research---------------------------------------------*/
    .more_height_li {
        height: 65px !important;
    }
    .pricing_h {
        font-size: 40px;
        display: flex;
        height: 100%;
        margin: 0;
        align-items: end;
    }
    .plan_names,
    .pricing_main_div i,
    .pricing_text_left {
        font-size: 15px;
    }
    .pricing_price {
        font-size: 18px;
    }
    .native_analytics_c2,
    .native_country_main {
        margin-bottom: 20px;
    }
    .native_analytics_c2 {
        padding: 20px 15px 25px 25px;
        margin-top: 0;
    }
    #native_analytics_datatable.dataTable tbody th,
    #native_analytics_datatable.dataTable tbody td,
    .datatable_style tbody th,
    .datatable_style tbody td,
    #native_analytics_datatable.dataTable thead th,
    #native_analytics_datatable.dataTable thead td,
    .datatable_style.dataTable thead th,
    .datatable_style.dataTable thead td {
        font-size: 14px;
    }
    .country_chart {
        font-size: 15px;
    }
    .similar_ads .ad_boxx {
        margin-top: 0.55rem;
    }
    /*Ad analytics------------------*/
    .dataTables_wrapper .dataTables_paginate,
    #native_analytics_datatable_filter,
    #userearning_datatable_filter,
    #userearning_transaction_datatable_filter {
        float: left;
    }
    .dataTables_wrapper .dataTables_info,
    #native_analytics_datatable_length,
    #userearning_datatable_length,
    #userearning_transaction_datatable_length {
        float: left;
        padding-left: 15px;
    }
    .analytics_scrollbox_for_links {
        max-height: 400px;
        overflow: scroll;
    }
    .adanalytics_export {
        right: 15px;
        padding-top: 0;
        top: 7px;
    }
    .card-links {
        padding-top: 40px;
    }
    .pas_social_engagement {
        display: flex;
        margin-left: 0;
    }
    .ad-details .bold-text {
        margin-bottom: 3px;
    }
    .ad-details {
        padding: 10px 5px;
    }
    .pas_social_engagement .social_eng_like {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .pas_social_engagement .social_eng_like span {
        margin-right: 5px;
    }
    .relationship_status span .pas_social_engagement .social_eng_like p,
    .gender_span,
    .profile-status .percentage,
    .age_group_p {
        font-size: 14px;
    }
    .pas_social_count {
        display: flex;
        justify-content: space-around;
        width: 100%;
        margin-bottom: 20px;
    }
    .pas_social_count .social_count {
        align-items: baseline;
    }
    .pas_social_count .social_count a {
        margin-right: 4px;
    }
    .pas_social_count a img {
        width: 19px;
        vertical-align: middle;
        max-height: 17px;
    }
    .pas_social_count .social_count span {
        font-weight: inherit;
        font-size: 14px;
    }
    .social_engagement_block .pas_checkbox+.pas_checkbox,
    .pas_social_count .social_count+.social_count {
        margin-top: 0;
    }
    /*END Ad analytics------------------*/
    .boxx_sectn .card {
        margin-bottom: 0;
    }
    .ad_show_btn.mb-10 {
        margin-bottom: 0 !important;
        padding-top: 0;
    }
    .subscribe_to_key_div {
        text-align: left;
    }
    .boxx_sectn,
    .se_sectn {
        margin-left: 0px;
    }
    .icon-bar {
        right: 0;
    }
    #content {
        width: 100%;
    }
    .number-wrapper:after,
    .number-wrapper:before {
        display: none;
    }
    .ad_analytics_content {
        margin-top: 0px !important;
        width: 100%;
    }
    /*newly added 12-3-2021*/
    /*html, body {
     overflow: scroll;
    }
    .wrapper {
    height: auto;
    overflow: hidden;
    }*/
    .smallscreen_dashboard_switch {
        display: block;
    }
    .top_nav_dropdown_form label {
        margin-bottom: 8px;
    }
    .icon-bar a:hover {
        margin-right: 0;
    }
    /*.icon-bar
    {
        display: none !important;
    }*/
    .top_nav_row2 .dropdown {
        margin-right: 15px !important;
    }
    .total_clicks {
        display: none;
    }
    .clear_filters,
    .domain_search_icon {
        background: none;
        margin-right: 0;
        margin-left: 0;
    }
    .clear_filters {
        padding-right: 10px;
        padding-left: 0;
    }
    .domain_search_icon {
        padding-left: 10px;
        padding-right: 0;
    }
    .top_nav_row2 {
        margin-bottom: 0;
    }
    .top_nav_div1_img {
        width: 23px;
        height: 18px;
    }
    .logo_and_total_clicks {
        display: none;
    }
    .side_filter_icon {
        height: 100%;
    }
    .top_nav {
        padding: 0 !important;
    }
    .search_menu_filter {
        line-height: 0;
    }
    .search_menu_filter i {
        font-size: 18px;
    }
    .mob_filter_icon2 {
        display: block;
        margin-bottom: 15px;
    }
    .mob_filter_icon2 i {
        color: #fff;
        font-size: 18px;
        margin-left: 1rem;
    }
    .options_selected_display {
        display: none;
    }
    .navbar_ul {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .row_below_header {
        display: block;
    }
    .dashboard_h_sectn {
        padding-top: 0;
        padding-bottom: 7px;
    }
    .subscribed_sub_btn {
        padding-top: 20px;
    }
    .sort_by_row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    /*.below_header_1_title, .below_header_1 .form-group
    {
        float: left;
    }*/
    .mob_leftside_menu_bottom {
        display: block;
        text-align: center;
    }
    .mob_leftside_menu_search {
        background: #fff;
        border: 1px solid #fff;
        color: #326de7;
        font-size: 12px;
        border-radius: 8px;
        width: 108px;
    }
    .mob_leftside_menu_search:hover,
    .mob_leftside_menu_search:focus {
        background: #326de7;
        border: 1px solid #fff;
        color: #fff;
    }
    .mob_leftside_menu_clear {
        height: 25px;
        margin-left: 5px;
    }
    .mob_leftside_menu_top .dropdown-toggle::after {
        left: 155px;
        right: auto;
    }
    .below_header_1 .form-group {
        margin-top: -2px;
    }
    .sortby_optn_1 {
        height: 30px;
        padding-top: 2px;
    }
    .filters_top_nav_dropdown .mb-40 {
        margin-bottom: 9px !important;
    }
    .smallscreen_rightside_icons {
        border-top: 1px solid #fff;
        padding-top: 8px;
        display: block;
    }
    .smallscreen_rightside_icons span {
        margin-right: 12px;
    }
    .smallscreen_rightside_icons img {
        max-width: 13px;
    }
    .smallscreen_right_bottom_icons a {
        display: flex;
        align-items: center;
    }
    .create_req_accordian_div label,
    .invitefrnd_box2_table th {
        font-size: 15px;
    }
    .create_request_table td,
    .invitefrnd_box2_table td {
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .createreq_p_padding {
        padding: 0 5%;
    }
    /*END newly added 12-3-2021*/
    .tooltip {
        display: none !important;
    }
    .login-wrapper {
        background-color: #fff;
        overflow-y: auto;
        height: 100%;
        justify-content: space-between;
    }
    .login-container {
        box-shadow: none;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .row_below_header {
        margin-left: unset;
        margin-right: unset;
        width: 100%;
    }
    .leftside-login,
    .pas-main-logo,
    .my_collapse_btn,
    .active_pg_logo,
    .version_text,
    .user_btn,
    .expand_icon {
        display: none;
    }
    .mobile_logo,
    .search_menu_filter,
    .mobile_logo_img,
    .pas_mobie_logo {
        display: block;
    }
    .pas_mobie_logo img {
        width: 40px;
    }
    /*.top_search1 {
        padding-left:0px;
    }*/
    .mobile_logo_img {
        margin-top: 10px;
        margin-left: 8px;
    }
    .login-container .pas_logo {
        display: block;
        margin-bottom: 30px;
    }
    .search_menu_filter,
    .search_menu_filter:hover,
    .search_menu_filter:active,
    .search_menu_filter:focus {
        color: #fff;
        padding-right: 10px;
    }
    .pas_logo img {
        width: 30px;
        height: 30px;
    }
    .mobile_logo {
        display: block;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
    .navbar_search,
    .social_media_icons,
    .comments_block,
    .top_nav_row2 .dropdown {
        display: block;
    }
    .mobile-top-header {
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .top_nav_div1 {
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile_nav {
        background-color: #326de7;
        padding: 5px 10px;
    }
    .top_nav_row2>.dropdown>.dropdown-menu {
        position: relative;
    }
    .top_searchbar_round,
    .top_search1,
    .search {
        width: 100%;
        height: max-content;
    }
    .user_login_right {
        float: right;
        margin-top: 0px;
        margin-left: 0px;
    }
    .user_login_right>.dropdown {
        display: flex;
    }
    .mobile_nav .pas_logo {
        display: block;
        margin-right: 10px;
    }
    .search_form {
        position: relative;
        margin-top: 0px;
        display: block;
        width: 100%;
    }
    .search_form a {
        position: absolute;
        top: 4px;
        left: 10px;
    }
    .search_form_link {
        color: #fff !important;
    }
    .search_form_link img {
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }
    .search_form input {
        border: 1px solid #fff !important;
        padding-left: 40px;
        color: #f5f8ff80 !important;
        border-radius: 10px !important;
        height: 35px;
    }
    .input_search {
        color: #fff;
    }
    .search_form .input_search::placeholder {
        color: #f5f8ff80;
        opacity: 1;
        /* Firefox */
    }
    .search_form .input_search:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #f5f8ff80;
    }
    .search_form .input_search::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #f5f8ff80;
    }
    .mobile_nav .top_nav_div1_img {
        margin-top: 0px;
        width: 15px;
        margin-left: 20px;
    }
    .mobile_nav .social_media_icons {
        display: flex;
        align-items: center;
        margin-top: 5px;
        margin-bottom: 5px;
        justify-content: center;
    }
    .mobile_nav .social_media_icons a+a {
        margin-left: 5px;
    }
    .social_media_icons img {
        width: 30px;
    }
    .social_media_icons .left_bar_icon_txt {
        width: 30px;
        height: 30px;
        font-size: 7px !important;
        padding: 10px 0px !important;
        background-color: #fff;
        color: #326de7 !important;
    }
    .social_media_icons>a,
    .social_media_icons_container {
        margin-right: auto;
    }
    .social_media_icons_container {
        margin-left: -5px;
    }
    .social_media_icons_container>a {
        display: inline-block;
    }
    .social_media_icons_container>a.active {
        position: relative;
    }
    .social_media_icons_container>a.active:before {
        position: absolute;
        width: 38px;
        height: 38px;
        left: -4px;
        top: -4px;
        display: block;
        content: "";
        border: 1px solid #fff;
        border-radius: 50%;
    }
    .ad_date {
        margin-top: 0px;
    }
    .ad-header,
    .ad_top_text,
    .quora_ad_top_text {
        padding-left: 20px;
        padding-right: 20px;
        /*align-items: center;*/
    }
    .ad_show_btn {
        padding: 5px 20px 10px;
    }
    .ad-header {
        padding-bottom: 15px;
    }
    .ad-icon img,
    .google-ad-icon img {
        width: 50px;
        height: auto;
    }
    .g_ad img {
        width: 12px;
    }
    .google_ad_link {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .google_ad_text,
    .g_ad_show_btn {
        margin-bottom: 10px;
    }
    .harshtags a {
        font-size: 14px;
    }
    .comments_block {
        margin: 0px;
        text-align: center;
        font-size: 13px;
        padding: 5px 30px 5px 30px;
        color: #326de7 !important;
    }
    .ad_extra_icon_div {
        margin-bottom: 10px;
    }
    .sponsored_ad img {
        margin-right: 5px;
        width: 13px;
        height: 13px;
    }
    .shopify_icon {
        height: 13px;
    }
    .user_menu_block {
        position: relative;
    }
    .user_menu_block1 {
        right: 0px;
        width: 200px;
        transform: translateX(100%);
        border-radius: 0px 0px 0px 8px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 25px 20px 10px 25px !important;
    }
    .user_menu_block1,
    .sidebar-menu {
        position: fixed;
        top: 0px;
        margin-top: 0px;
        height: 100vh;
        background-color: #326de7;
        border-color: #326de7;
        z-index: 1001;
        transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    }
    .sidebar-menu {
        left: 0px;
        width: calc(100% - 60px);
        max-width: 325px;
        border-radius: 0px 0px 8px 0px;
        transform: translateX(-100%);
        overflow-y: auto;
        display: flex;
        flex-flow: column;
        /* justify-content: space-between; */
        padding: 25px 10px 25px 25px;
    }
    .sidebar-menu.menu-open {
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sidebar-menu.menu-open .top_dropdown_btn .dropdown-toggle::after {
        transform: rotate(270deg) !important;
    }
    .user_menu_block1.menu-open {
        box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.5);
    }
    .user_menu_block1.menu-open,
    .sidebar-menu.menu-open {
        transform: translateX(0);
    }
    .user_dropdown_i_span {
        font-size: 12px;
        width: auto;
        margin-right: 12px;
    }
    .user_menu_block1 a {
        font-size: 14px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
    }
    .user_menu_block1 a,
    .sortby_to,
    .user_menu_block1 a:hover {
        color: #fff;
    }
    .user_menu_block1 a:focus {
        color: #fff;
        background: none;
    }
    .user_logout {
        position: absolute;
        left: 15px;
        bottom: 5px;
    }
    .footer-wrapper p {
        font-size: 13px;
        margin-bottom: 30px;
    }
    .mobile_nav .social_media_icons .fa-filter {
        color: #fff;
        font-size: 20px;
    }
    .mobile_header {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .profile_link {
        display: inline-grid;
        padding-left: 15px;
        padding-right: 5px;
        cursor: pointer;
    }
    .profile_link span {
        width: 4px;
        height: 4px;
        background-color: #fff;
        border-radius: 50%;
    }
    .profile_link span+span {
        margin-top: 3px;
    }
    .left_menu_icon {
        display: inline-grid;
        vertical-align: middle;
    }
    .left_menu_icon span {
        width: 20px;
        height: 2px;
        background-color: #fff;
        border-radius: 5px;
    }
    .left_menu_icon span+span {
        margin-top: 6px;
    }
    .rightside-login label {
        font-size: 15px;
        margin-left: 13px;
    }
    .left_bar_icon_txt {
        color: #f5f8ff80;
        border: 1px solid #f5f8ff80 !important;
    }
    .filter_links .search_menu_filter {
        color: #fff;
    }
    .filter_links .search_menu_filter .fa-filter {
        margin-bottom: 20px;
        margin-left: 15px;
    }
    .filter_btns .btn-primary {
        background-color: transparent;
        border-color: transparent;
        font-size: 15px;
        font-family: openSans-Bold;
        color: #fff;
        margin-left: 15px;
    }
    .filter_btns .btn-primary img {
        margin-left: 15px;
        transform: rotate(360deg);
    }
    .filter_btns .btn-primary.collapsed img {
        transform: rotate(270deg);
    }
    .filter_btns .card-body {
        background-color: #326de7;
        border-color: #326de7;
        color: #fff;
        padding: 0px;
        width: calc(100% - 15px);
        z-index: 999;
    }
    .filter_btns .card-body label {
        font-size: 13px;
        margin-left: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .filter_btns .card-body label:before {
        width: 35px;
    }
    .filter_btns .card-body .form-group {
        margin-bottom: 5px;
    }
    .filter_btns .card-body .form-control {
        /* border: 1px solid #FFFFFF80; */
        border-radius: 8px;
        height: 31px;
        padding: 1px 10px 5px 10px;
        color: #fff !important;
        font-size: 13px;
    }
    .filter_btns .sidebar_multiselect {
        margin-left: 5px;
        margin-right: 5px;
        width: calc(100% - 10px);
    }
    .filter_btns .card-body .form-control::placeholder {
        color: #ffffff80;
        font-size: 12px;
    }
    .filter_btns .card-body .form-control:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ffffff80;
        font-size: 12px;
    }
    .filter_btns .card-body .form-control::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #ffffff80;
        font-size: 12px;
    }
    .filter_btns .card-body .sortby_optn_div .form-control::placeholder {
        color: #ffffff80;
        border: 0px none;
        font-size: 12px;
    }
    .filter_btns .sortby_optn_1 {
        border: 1px solid #fff;
        border-radius: 8px;
    }
    .filter_btns .btn {
        padding: 0px;
    }
    .below_header_1_title {
        color: #fff;
        font-size: 14px;
    }
    .filter_btns+.filter_btns,
    .filter_menu2,
    .filter_menu2 .below_header_1+.below_header_1 {
        margin-top: 15px;
    }
    .fixed_filter_btn {
        text-align: center;
        margin-top: 20px;
    }
    .fixed_filter_btn .btn-primary {
        background-color: #fff;
        color: #326de7;
        border-color: #fff;
        width: 110px;
        border-radius: 8px;
    }
    .custom_select {
        border: 0px none;
    }
    .show>.top_dropdown_btn.dropdown-toggle {
        border: 0px none;
    }
    .filter_btns .dropdown-toggle::after {
        display: none;
    }
    .filter_btns .number-wrapper {
        padding: 1px 10px 8px 10px;
        border-radius: 8px;
    }
    .filter_btns .number-wrapper {
        position: relative;
    }
    .filter_btns .number-wrapper:before {
        color: #6d6d6feb;
        content: "";
        margin-bottom: 23px;
        bottom: -0.45em;
        background-image: url(../imgs/Icon\ ionic-md-arrow-dropdown.svg);
        transform: rotate(180deg);
        background-repeat: no-repeat;
    }
    .filter_btns .number-wrapper:after {
        color: #6d6d6feb;
        content: "";
        margin-top: -11px;
        padding-bottom: 14px;
        background-image: url(../imgs/Icon\ ionic-md-arrow-dropdown.svg);
        background-repeat: no-repeat;
    }
    .filter_btns .number-wrapper:after,
    .filter_btns .number-wrapper:before {
        position: absolute;
        right: 11px;
        width: 10px;
        height: 10px;
        font-size: 15px;
        pointer-events: none;
        display: block;
        background-color: transparent;
        background-size: 10px;
    }
    .filter_btns .sortby_enter_range_txt {
        color: #fff;
        font-size: 14px;
    }
    .filter_btns .select2-container--default .select2-selection--multiple {
        background-color: transparent;
    }
    .filter_btns .sidebar_multiselect,
    .filter_btns .select-selected {
        border: 1px solid #fff;
        margin-bottom: 0px;
        border-radius: 8px;
        background-color: transparent;
        color: #fff;
        font-size: 12px;
    }
    .filter_btns .select-selected:after {
        display: none;
    }
    .filter_btns .btn-primary span {
        width: 100px;
        text-align: left;
    }
    .filter_btns .select2-search--inline .select2-search__field::placeholder {
        color: #fff;
        font-size: 12px;
    }
    .filter_menu_mobile .row_below_header {
        margin-top: 15px;
        margin-left: 15px;
    }
    .below_header_1 .filter_btns>a {
        display: flex;
        justify-content: space-between;
        text-align: left;
    }
    .filter_menu_mobile .below_header_1+.below_header_1 {
        margin-top: 15px;
    }
    .filter_menu_mobile .below_header_1 .btn-secondary {
        background-color: transparent;
        border-color: transparent;
    }
    .filter_menu_mobile .below_header_1 .dropdown-menu {
        width: calc(100% + 220px);
        background-color: red;
        transform: translate3d(-15px, 38px, 0px);
    }
    .below_header_1 .filter_btns {
        width: 100%;
    }
    .below_header_1 .filter_btns .btn-primary {
        margin-left: 0px;
    }
    .below_header_1 .filter_btns .card-body {
        width: 100%;
    }
    .below_header_1 .filter_btns .card-body .custom-switch {
        display: inline-block;
    }
    .below_header_1 .filter_btns .custom_radio_select {
        width: calc(100% - 20px);
    }
    .below_header_1 .filter_btns .custom-switch .custom-control-label::after {
        background-color: #505050;
    }
    .below_header_1 .filter_btns .custom-control-input:checked~.custom-control-label::before {
        border-color: #fff;
        background-color: #fff;
    }
    .below_header_1 .filter_btns .custom-switch .custom-control-input:checked~.custom-control-label::after {
        background-color: #007bff;
        left: calc(-2.25rem + 9px);
    }
    .below_header_1 .sort_dates {
        font-size: 13px;
    }
    *::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    .sidebar-menu::-webkit-scrollbar {
        width: 10px;
    }
    .sidebar-menu::-webkit-scrollbar-track {
        background: transparent;
    }
    .sidebar-menu::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 20px;
        border: 3px solid #326de7;
    }
    /*.select2-container--open .select2-dropdown, .sortby_row_dropdown_form, .daterangepicker
     {
        width:140px !important;
    }*/
    .sortby_row_dropdown_form,
    .daterangepicker {
        width: auto;
        min-width: 190px;
    }
    .below_header_1 .filter_btns .sort_dates .custom-switch.ml-auto {
        margin-top: -12px;
    }
    #content {
        margin-top: 15px !important;
    }
    .sidebar_multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: transparent !important;
        margin-left: 0;
        margin-right: 5px;
        margin-top: 0;
    }
    .select2-results__option,
    .daterangepicker .ranges li {
        font-size: 13px !important;
        padding: 0 0 6px 0 !important;
        margin: 0;
        line-height: 1.5;
    }
    .sortby_row_dropdown_form li {
        padding: 0 0 6px 0 !important;
        margin: 0;
    }
    .sortby_row_dropdown_form li a {
        font-size: 13px;
        line-height: 1.5;
    }
    .select2-container--open .select2-dropdown,
    .sortby_row_dropdown_form,
    .daterangepicker {
        padding: 10px 15px !important;
    }
    .sidebar_multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice button,
    .sidebar_multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice__display,
    .top_nav_dropdown_form .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff !important;
        font-size: 13px;
        margin-top: 0;
        padding-left: 0;
    }
    #sidebar {
        display: none;
    }
    .icon-bar {
        /*right: inherit;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        top: inherit;
        background-color: #F5F8FF;
        border-radius: 0px;
        padding-top: 15px;*/
        display: none;
    }
    .icon-bar>a {
        margin-bottom: 0px;
    }
    .social_icons {
        display: grid;
        margin-left: 9px;
    }
    .social_icons i,
    .user_logout .fa-info-circle {
        margin-right: 7px;
    }
    #menu_count {
        display: none;
    }
    .sidebar-menu .top_nav_dropdown_form {
        padding: 0px;
        background-color: transparent;
        border: 0px none;
    }
    .sidebar-menu .top_nav_dropdown_form .form-control,
    .sidebar-menu .sortby_optn_1 {
        border: 1px solid #ffffff80 !important;
        border-radius: 8px;
    }
    .sidebar-menu .top_nav_dropdown_form label,
    .sidebar-menu #sortby_form_nav .panel-title a {
        color: #fff;
        font-size: 13px !important;
    }
    .sidebar-menu .sortby_enter_range_txt {
        font-size: 10px;
        color: #fff;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .sidebar-menu .top_nav_dropdown_form label,
    .sidebar-menu #sortby_form_nav .panel-title a {
        padding-left: 1rem;
    }
    .sidebar-menu .top_nav_dropdown_form .form-control::placeholder,
    .sidebar-menu .sidebar_multiselect .select2-container--default .select2-search--inline .select2-search__field::placeholder,
    .sidebar-menu .sortby_optn_1 input::placeholder,
    .top_nav_dropdown_form .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #ffffff80;
        font-size: 13px;
    }
    /*.select2-container .select2-search--inline .select2-search__field {
        margin-top:0px!important;
    }*/
    .select2-container--default .select2-selection--multiple {
        background-color: transparent !important;
        font-size: 12px;
        padding-bottom: 0;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        background-color: #fff0 !important;
    }
    .sidebar_multiselect {
        border: 1px solid #fff;
        border-radius: 8px;
        margin-bottom: 0px;
        line-height: 20px;
    }
    .top_dropdown_btn:hover {
        border: 0px none;
    }
    .sortby_optn_1 input,
    .select2-search__field {
        color: #fff !important;
    }
    .sidebar-menu .top_nav_dropdown_form {
        padding-right: 0px !important;
        margin-top: 0px;
        width: 100%;
    }
    .sidebar-menu .top_nav_dropdown_form .form-group {
        margin-bottom: 5px;
    }
    .sidebar-menu .top_nav_dropdown_form .form-group .form-control,
    .sidebar-menu .sortby_optn_1 {
        color: #fff !important;
        font-size: 13px;
        padding-left: 1rem;
    }
    .subscribed_form input,
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }
    .sidebar-menu .top_nav_row2 .top_dropdown_btn {
        position: relative;
        width: 100%;
        text-align: left;
        border: none;
    }
    .filters_top_nav_dropdown {
        max-height: none;
        overflow-y: auto;
    }
    .filters_top_nav_dropdown .form-group {
        padding-right: 0px;
    }
    .dropdown_btn1 .dropdown-label,
    #ads_timepicker span,
    #post_ads_timepicker span,
    #domain_ads_timepicker span {
        color: #fff;
        font-size: 13px;
        font-family: OpenSans-Regular !important;
        margin-left: 0;
        line-height: 21px;
        vertical-align: inherit;
    }
    #ads_timepicker,
    #post_ads_timepicker,
    #domain_ads_timepicker {
        margin-left: 0px;
    }
    .below_header_1 {
        /*display: block;*/
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 1rem;
        flex-direction: column;
    }
    /*.sortby_optn_div {
        align-items: flex-end;
    }*/
    .custom_checkbox_p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .quora_ad_top_text p {
        font-size: 14px;
    }
    .insta_ad_bottom_text_row_p,
    .native_bottom_text_p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .subscribed_key_main h4 {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .subscribed_key h3 {
        margin-top: 35px;
        margin-bottom: 10px;
    }
    .subscribed_form {
        margin-top: 15px;
    }
    .subscribed_form h4 {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 5px 5px 0 5px !important;
    }
    .se_dashboard_h {
        margin-top: 20px !important;
    }
    .nav-pills .nav-link {
        /*width:170px;*/
        font-size: 12px;
    }
    .subscribed_form .sidebar_multiselect .select2-container--default .select2-search--inline .select2-search__field {
        font-size: 12px;
    }
    .subscribed_form .select2-selection--multiple:before {
        top: 30%;
    }
    .likes_comments_row {
        padding: 10px;
        font-size: 12px;
    }
    .native_ad_bottom_text_row {
        margin: 10px 20px 0px 20px;
    }
    .no_ad_found_h {
        font-size: 1rem;
    }
    .no_ad_found_h_2,
    .invite_friends_top_p,
    .google_ad_text,
    .subscribed_top_p,
    .invite_txt_area,
    .create_req_ul li,
    .invite_friends_box p,
    .fileName,
    .link_box {
        font-size: 13px;
    }
    .native_analytics_c1 {
        padding: 20px;
    }
    .native_analytics_c1 .links {
        flex-direction: column;
    }
    .native_analytics_c1 .links span,
    .invite_friends_box_down p {
        font-size: 1rem;
    }
    .invite_friends_box_down p {
        text-align: center;
    }
    .native_analytics_c1 .links a {
        font-size: 1rem;
        width: 100%;
    }
    .box_pg_shown {
        text-align: center;
    }
    .native_analytics_row2 {
        padding-top: 0px;
    }
    .invide_heading {
        font-size: 20px;
    }
    .invite_friends_links {
        text-align: center !important;
    }
    .csv_files_form {
        margin-bottom: 10px;
        text-align: center;
    }
    .fileName {
        padding-left: 0;
    }
    /*.insta_ad_bottom_text_row p,
    .google_ad_h,
    .card-links .links span {
        font-size:1rem;
    }*/
    .card-links .links {
        flex-direction: column;
    }
    .card-links .links a {
        width: 100%;
    }
    .ad_bottom_text span {
        margin-bottom: 5px;
    }
    .ad_bottom_text_row,
    .insta_ad_bottom_text_row,
    .reddit_ad_bottom_text_row,
    .yt_ad_bottom_text_row,
    .quora_ad_bottom_text_row {
        margin: 0px 20px 0px 20px;
    }
    .invite_friends-search {
        padding-left: 0px;
    }
    .reddit_ad_bottom_text_row,
    .quora_ad_bottom_text_row {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .invite_nodate {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .ad_btn1 .mb-20,
    .ad_btn2 .mb-20 {
        margin-bottom: 10px !important;
        margin-top: 5px;
    }
    .gdn_text_left,
    .gdn_text_right {
        /* padding: 0;*/
        margin: 0;
    }
    .gdn_bottom_txt p {
        font-size: 14px;
        margin-bottom: 0px;
    }
}

@media (max-width: 880px) {
    .price_model .modal-body,
    .price_model .modal-header {
        width: 775px;
    }
    .price_model .price_model_scroll {
        overflow-x: scroll;
        margin: 20px;
    }
    .pricing_column {
        width: 215px;
    }
    .price_model .price {
        padding-bottom: 15px;
    }
    .price_model .modal-body {
        padding: 0px 35px 20px 35px;
    }
    .price_model .modal-header {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .invite_friends_box_down {
        padding: 0;
    }
    .switch {
        width: 52px;
        height: 26px;
    }
    .slider::before {
        height: 20px;
        width: 20px;
        right: 3px;
        bottom: 3px;
    }
    .subscribed_form {
        display: block;
    }
    .subscribed_form {
        margin-left: auto;
    }
    .subscribed_sub_btn button {
        position: inherit;
    }
    .subscribed_form .form-group {
        margin-right: 0;
    }
    .ad-title h3,
    .g-ad-title h3,
    .reddit_ad-title h3,
    .yt_ad-title h3 {
        width: 7rem !important;
    }
    .profile-intial {
        width: 45px;
        height: 45px;
    }
    .top_nav_div1 {
        width: 100%;
    }
    .total_ads_in_search p {
        font-size: 14px;
    }
    .version_div {
        text-align: center;
    }
    .btn_right_smallview {
        margin-left: initial !important;
    }
    .dashboard_total_no,
    .dashboard_heading,
    .dashboard_success_msg {
        text-align: center;
    }
    .top_nav_row1 p {
        position: inherit;
    }
    .reddit_card_columns {
        column-count: 1;
    }
    .top_search1 {
        height: 30px;
        line-height: 30px;
    }
    .rightside-login {
        padding: 50px;
        margin: 0px auto;
        width: calc(100% - 20px);
        box-shadow: 0px 0px 30px #8b8b8b24;
    }
    .rightside-login h4 {
        font-size: 1rem;
        margin-bottom: 2rem;
        font-family: OpenSans-bold;
    }
    .rightside-login .form-control {
        height: 24px;
        border-radius: 5px;
    }
    .dots {
        width: 18px;
        height: 18px;
        top: 33px;
        right: 3px;
        border-radius: 5px;
    }
    .dots span {
        width: 3px;
        height: 3px;
    }
    .rightside-login .fa-eye-slash {
        right: 33px;
        top: 35px;
        font-size: 13px;
    }
    .rightside-login .btn-primary {
        min-width: 150px;
        height: 28px;
        font-size: 10px;
        font-family: OpenSans-bold;
        margin-top: 0px !important;
        margin-bottom: 13px !important;
    }
    .subscribed_key h3 {
        margin-bottom: 0px;
    }
    .ad_boxx,
    .g_ad_boxx,
    .profile-status,
    .social_engagement_block,
    .card-links,
    .native_analytics_c2,
    .native_country_main,
    .subscribed_key_box,
    .invite_friends_box,
    .invite_friends_box2 {
        /*        margin-bottom: 10px;*/
        box-shadow: 5px 5px 4px #326de71a;
        /*padding-top:10px;*/
    }
    .subscribed_key_box {
        margin-bottom: 10px;
    }
    .profile-status {
        padding-top: 0;
    }
    .comments_block img {
        width: 15px;
        margin-right: 3px;
    }
    .ad-title {
        width: auto;
    }
    .ad-title h3,
    .g-ad-title h3,
    .reddit_ad-title h3,
    .yt_ad-title h3 {
        font-family: OpenSans-bold;
        margin-bottom: 3px;
        font-size: 14px;
    }
    .ad-header {
        /*align-items: start;*/
        padding-bottom: 10px;
    }
    .ad_top_text p {
        margin-bottom: 10px;
    }
    .ad_bottom_text_row p,
    .insta_ad_bottom_text_row p,
    .google_ad_h,
    .card-links .links span,
    .yt_bottom_txt p,
    .native_bottom_txt {
        font-size: 14px;
    }
    .reddit_upvote {
        font-size: 12px;
    }
    .ad-top-info {
        display: flex;
        list-style: none;
        padding-left: 0px;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 8px;
    }
    .ad-top-info>li+li {
        padding-left: 10px;
    }
    .ad-top-info>li>a {
        display: flex;
        width: 16px;
        height: 16px;
    }
    .ad-top-info>li>a img {
        width: 100%;
        height: 100%;
    }
    .ad-title {
        padding-top: 0px;
    }
    .password-link a {
        font-size: 12px;
    }
    .mar_label .form-group,
    .mar_label .custom_select,
    .filter_btns .card-body .form-group {
        margin-bottom: 0px;
    }
    .mar_label .form-group label {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .ad_extra_iconad_extra_icon {
        margin-left: auto;
    }
    *::-webkit-scrollbar {
        width: 10px;
    }
    .mail_box {
        padding: 20px;
    }
    .subscribe_to_key_div {
        text-align: left;
    }
    .custom_checkbox_p {
        font-size: 13px;
    }
    .custom_checkbox {
        padding-left: 25px;
    }
    .checkmark {
        top: 3px;
        height: 16px;
        width: 16px;
    }
    .custom_checkbox .checkmark::after {
        left: 5px;
        top: 2px;
        width: 4px;
        height: 8px;
    }
    .g-ad-title h3 {
        font-size: 14px;
    }
    .ad-title-text,
    .similar_ads .text {
        padding-top: 15px;
        margin-bottom: 10px;
    }
    .native_analytics_c2 {
        padding-left: 35px;
    }
    .native_analytics_table_wrapper {
        margin-left: -15px;
        margin-right: -10px;
    }
    .ad_boxx.lander-box,
    .native_network_box,
    .profile-status,
    .social_engagement_block {
        margin-bottom: 20px;
    }
    .top_nav_dropdown_form .form-control {
        height: 30px;
    }
    .sortby_optn_div input {
        font-size: 13px;
    }
    .sidebar_multiselect {
        border-color: #ffffff80;
    }
    .search_suggestion_dropdown {
        padding: 10px 0px 0px 10px;
    }
    .yt_ad-title {
        padding-top: 0px;
    }
}

.text_break {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 700px) {
    .invite_soc_icon2 {
        width: 19px;
        margin-left: 12px;
    }
    .invite_soc_icon {
        width: 10px;
    }
    .invite_soc_icon3 {
        width: 14px;
        margin-right: 14px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .subscribed_form {
        margin-top: 0px;
        margin-left: 0;
    }
    .subscribed_form .form-group {
        margin-right: 8px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .mail_box {
        max-width: 715px;
    }
}

@media (max-width: 575px) {
    /*---------------------PPC research---------------------------------------------*/
    .ppc_graph_tab {
        margin-bottom: 20px;
    }
    .ppc_graph_title {
        margin-left: 0;
    }
    .ppc_graph_left_section {
        margin-bottom: 25px;
    }
    .ppc_graph_tab_heading {
        margin-bottom: 0;
    }
    .ppc_graph_tab_number {
        margin-top: 0;
    }
    /*--------------------END-PPC research---------------------------------------------*/
    .invite_friends-search .float-right {
        float: left !important;
        padding-top: 10px;
    }
    .csv_files_form {
        margin-top: 10px;
    }
    .dropdown-toggle[aria-expanded="true"] .ad_arrow_icon_gray {
        transform: rotate(90deg);
    }
    .profile-status {
        min-height: auto;
    }
    .create_req_ul {
        padding-left: 28px;
    }
    .invite_friends_top_img,
    .invite_friends_top_img {
        width: 35px;
        margin-bottom: 10px;
    }
    .subscribed_top i {
        font-size: 35px;
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .invite_friends_box,
    .invite_friends_box2,
    .se_google_box,
    .se_bigbox {
        padding: 20px 15px 25px 14px !important;
    }
    .invite_friends_box_down {
        padding: 0px;
    }
}

@media (max-width: 479px) {
    .mail_ststus_th {
        width: 66%;
    }
    .dropdown-toggle::after {
        right: 3px;
    }
    .domain_search_dropdown {
        width: 252px;
        padding: 12px 10px 10px;
    }
    .domain_search_dropdown a {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .top_nav_dropdown_form {
        width: 285px;
    }
    .search_suggestion_dropdown {
        width: 235px;
    }
    .search_suggestion_dropdown ul {
        max-height: 130px;
    }
    /*.top_search1
    {
        width: 135px;
    }*/
    .se_tab_ul_1 li {
        margin-left: 0px;
        margin-right: 5px;
    }
    .ad-top-info>li>a {
        display: flex;
        width: 15px;
        height: 15px;
    }
    .se_sectn .se_tab_ul_1 {
        display: flex;
        justify-content: center;
    }
    .top_search1::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        font-size: 11px;
    }
    .top_search1:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 11px;
    }
    .top_search1::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 11px;
    }
    .top_search1:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 11px !important;
    }
}

@media (max-width: 359px) {
    .likes_comments_row>.likes_comments_col img {
        width: 15px;
    }
    .mobile_nav .social_media_icons_container a+a {
        margin-left: 0px;
    }
    .filter_menu_mobile {
        padding-left: 15px;
    }
    /*.ad-header, .ad_top_text {
        padding-left: 10px;
        padding-right: 10px;
    }*/
    .mail_box {
        padding: 0px 0px;
        border-radius: 20px;
    }
    .subscribe_to_key_div form label {
        font-size: 14px;
    }
    .custom_checkbox_p {
        font-size: 11px;
    }
}

@media (min-width: 360px) and (max-width: 991px) {
    .mobile_nav .social_media_icons a+a {
        margin-left: 5px;
    }
    .social_media_icons>a {
        margin-left: 7.5px;
    }
}

@media (max-width: 350px) {
    .ad_show_btn_row a,
    .ad_content_btn,
    .btn_style {
        font-size: 12px;
        min-width: 120px;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        max-width: 155px;
    }
}


/*-------------top-Sort by menu responsive-----------------*/

@media (min-width: 1350px) and (max-width: 1430px) {
    .below_header_1_title {
        font-size: 15px;
        margin-top: 1px;
    }
    .below_header_1 .dropdown_btn1 .dropdown-label,
    #ads_timepicker span,
    #post_ads_timepicker span,
    #domain_ads_timepicker span {
        font-size: 15px;
        margin-right: 10px;
    }
}

@media (min-width: 1218px) and (max-width: 1350px) {
    .below_header_1_title {
        font-size: 14px;
        margin-top: 3px;
    }
    .below_header_1 .dropdown_btn1 .dropdown-label,
    #ads_timepicker span,
    #post_ads_timepicker span,
    #domain_ads_timepicker span {
        font-size: 13px;
        margin-right: 10px;
    }
}

@media (min-width: 1096px) and (max-width: 1218px) {
    .below_header_1_title {
        font-size: 12px;
        margin-top: 4px;
    }
    .below_header_1 .dropdown_btn1 .dropdown-label,
    #ads_timepicker span,
    #post_ads_timepicker span,
    #domain_ads_timepicker span {
        font-size: 12px;
        margin-right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1096px) {
    .below_header_1_title {
        font-size: 11px;
        margin-top: 6px;
    }
    .below_header_1 .dropdown_btn1 .dropdown-label,
    #ads_timepicker span,
    #post_ads_timepicker span,
    #domain_ads_timepicker span {
        font-size: 10px;
        margin-right: 8px;
    }
}

.clear_filters {
    float: left;
    height: 37px;
    padding: 0px 10px;
    background: #ffffff85;
    color: #326de7;
    font-size: 21px !important;
    /*border: 1px solid white;*/
    text-align: center;
    border-radius: 12px;
    margin-right: 15px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}


/*---------------Chrome Extension---------------------*/

.chrome_extension_popup {
    position: fixed;
    right: 93px;
    bottom: 10px;
    background: #326de7;
    z-index: 1000;
    border-radius: 5px;
    padding: 15px;
    display: none;
    width: 235px;
}

.chrome_popup_close {
    background: none;
    border: none;
    color: #fff;
    position: absolute;
    right: 4px;
    top: 0;
    font-size: 18px;
    opacity: 0.6;
}

.chrome_popup_close:hover {
    opacity: 1;
}

.chrome_popup_body {
    cursor: pointer;
    display: flex;
}

.chrome_popup_body img {
    width: 41px;
    float: left;
}

.chrome_popup_body h3 {
    color: #fff;
    font-size: 14px;
    font-family: OpenSans-Semibold;
    float: left;
    margin: 0;
    padding-left: 10px;
    padding-top: 6px;
}

.chrome_popup_hidden_body {
    display: none;
}

.chrome_popup_hidden_body span {
    margin-bottom: 10px;
}

.chrome_popup_hidden_body p {
    color: #fff;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.extension_btn {
    background: #fff;
    color: #326de7;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 14px;
    padding: 4px 15px;
}

.extension_btn:hover {
    background: #326de7;
    border: 1px solid #fff;
    color: #fff;
}

.extension_img {
    margin-top: 25px;
}


/*--------------END-Chrome Extension---------------------*/

@media (min-width: 1130px) and (max-width: 1200px) {
    .ad_show_btn_row a,
    .ad_content_btn,
    .btn_style {
        font-size: 12px;
        min-width: 115px;
    }
}


/*--------------Native ad analytics new section---------------------*/

.adanalytics_rank_card {
    box-shadow: 0px 6px 10px #326de74d;
    margin-bottom: 30px;
    border-radius: 10px;
    padding-bottom: 15px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

.adanalytics_rank {
    margin-top: 20px;
}

.rank_right_txt {
    color: #505050;
    font-size: 14px;
}

.rank_left_txt {
    width: 220px;
    font-size: 18px;
}

.rank_by_country_heading {
    margin-top: 30px;
}

.rank_table_main {
    color: #505050;
}

#publisherData {
    width: 100%;
    height: 600px;
    color: #505050;
}

#publisherData text {
    /*    fill: #505050;*/
    font-size: 14px;
}

.rank_datatable_country::before {
    width: max-content;
}

#rank_datatable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled),
#native_analytics_datatable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-left: 30px !important;
}

#rank_datatable>thead .sorting::before,
#rank_datatable>thead .sorting_asc::before,
#rank_datatable>thead .sorting_desc::before,
#rank_datatable>thead .sorting_asc_disabled::before,
#rank_datatable>thead .sorting_desc_disabled::before,
#native_analytics_datatable>thead .sorting::before,
#native_analytics_datatable>thead .sorting_asc::before,
#native_analytics_datatable>thead .sorting_desc::before,
#native_analytics_datatable>thead .sorting_asc_disabled::before,
#native_analytics_datatable>thead .sorting_desc_disabled::before {
    left: 1em !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0de" !important;
}

#rank_datatable>thead .sorting::after,
#rank_datatable>thead .sorting_asc::after,
#rank_datatable>thead .sorting_desc::after,
#rank_datatable>thead .sorting_asc_disabled::after,
#rank_datatable>thead .sorting_desc_disabled::after,
#native_analytics_datatable>thead .sorting::after,
#native_analytics_datatable>thead .sorting_asc::after,
#native_analytics_datatable>thead .sorting_desc::after,
#native_analytics_datatable>thead .sorting_asc_disabled::after,
#native_analytics_datatable>thead .sorting_desc_disabled::after {
    /*left: 0.5em !important;*/
    left: 1em !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd" !important;
}


/*--------------END-Native ad analytics new section---------------------*/


/*for couontry in create request modal*/

.create_req_countries_div .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1rem;
    color: #6d6d6feb;
    line-height: 2;
}

.create_req_countries_div .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 3px;
}


/*banner ad*/

.dark_grey_txt {
    color: #343333;
}

.yt_img_ads .dark_grey_txt {
    font-size: 15px;
}

.yt_banner_ad_link_div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #477ef2;
    margin-top: 15px;
    font-size: 14px;
}

.pb-15 {
    padding-bottom: 15px;
}

.card_keywords {
    margin-top: 15px;
}

.card_keywords a {
    color: #326de7;
    font-size: 15px;
    margin-right: 18px;
}

.download_dropdown_group {
    position: absolute;
    right: 8px;
    top: 8px;
}

.download_icon {
    background: #326de7d1 !important;
    padding: 9px 9px;
    border-radius: 80px;
    line-height: 0;
    border: none;
}

.download_icon:after {
    display: none !important;
}

.download_icon:hover {
    background: #326de7 !important;
}

.download_icon img {
    width: 20px;
}

.download_all_btn {
    margin-bottom: 15px;
}

.download_all_btn:after {
    right: 7px !important;
}

.download_dropdown_menu h4 {
    font-family: OpenSans-bold;
    font-size: 16px;
    color: #505050;
    padding: 0.25rem 1.5rem;
}

.download_dropdown_menu button {
    font-size: 15px;
    color: #8b8b8b;
    line-height: 1.5;
}

.download_dropdown_menu button:hover {
    color: #326de7;
}

@media (min-width: 992px) and (max-width: 1120px) {
    .download_icon {
        right: -8px;
    }
}


/*-----Total No.Of Ad_Seen by free users-----*/

.free_user_ads_seen {
    margin-right: 11px;
    text-align: center;
    display: flex;
}

.free_user_ads_seen p {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 13px;
    font-family: OpenSans-Semibold;
    line-height: 12px;
    margin-top: -5px;
    display: flex;
    align-items: center;
}

.free_user_ads_seen p i {
    margin-right: 3px;
    margin-top: 1px;
}

@media (min-width: 992px) and (max-width: 1160px) {
    .free_user_ads_seen p {
        font-size: 11px;
    }
    .countdown-wrapper {
        padding: 6px 0px;
    }
}

@media (max-width: 1190px) {
    .community_btn img,
    .expand_icon img {
        width: 15px;
    }
    .community_btn,
    .free_user_ads_seen {
        margin-right: 7px;
    }
    .language_dropdown_btn {
        font-size: 13px;
        padding-right: 7px;
    }
    .user_btn {
        padding-left: 5px;
    }
}

@media (max-width: 1050px) {
    .free_user_ads_seen p {
        display: block;
        line-height: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1120px) {
    .countdown_position {
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .free_user_ads_seen {
        display: none;
    }
    .content {
        margin-right: 85px !important;
        top: 6px !important;
    }
}

.ad_img iframe {
    transform: translate3d(0, 0, 0);
}

.carousel-txt {
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #505050;
    padding: 15px 30px 40px;
    text-align: left;
    background: #fafafa;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*---------------Twitter---------------------*/

.twitter_card_body .ad_show_btn_row {
    margin-bottom: 10px;
}

.twitter_card_body .morelink {
    font-family: OpenSans-Regular;
    color: #326DE7;
}

.twitter_card_body .sponsored_ad {
    width: auto;
    display: flex;
    margin-top: 6px;
    white-space: inherit;
    margin-right: 5px;
}

.twitter_card_body .sponsored_ad img {
    margin-top: 1px;
}

@media (max-height:690px) {
    .icon-bar-left a img {
        /* width: 33px;
        height: 33px; */
        /*width: 30px;*/
        /*height: 30px;*/
        /*margin: -6px 0 0 0;*/
    }
    .icon-bar-left a {
        /* padding-top: 3px;
        margin-top: 2px;
        width: 44px;
        height: 44px; */
        /*padding-top: 3px;*/
        /*margin-top: 7px;*/
        /*width: 38px;*/
        /*height: 38px;*/
    }
    /* .icon-bar-left{
        top: 372px;
    } */
}


/*------------------------Twitter Dashboard---------------*/

.twitter_top_txt_div {
    padding: 0px 30px 0px 30px;
    margin-bottom: 15px;
}

.twitter_ad_link {
    font-size: 16px;
    color: #505050;
    text-align: left;
    line-height: 1.2;
}

.twitter_ad_link:hover {
    color: #505050;
}

video {
    outline: none;
}

.twitter_sponsored {
    display: flex;
    margin-bottom: 4px;
}

.twitter_card_columns .ad_img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    padding-top: 15px;
}

.twitter_card_columns .card-body {
    padding-top: 1;
}

.twitter_card_columns .twitter_top_txt_div {
    padding-top: 15px;
}

@media (min-width: 1300px) and (max-width: 1420px) {
    .twitter_card_columns .ad-header {
        padding: 5px 10px 20px 10px !important;
    }
}

@media (min-width: 1300px) {
    .twitter_card_columns {
        -webkit-column-count: 3 !important;
        -moz-column-count: 3 !important;
        column-count: 3 !important;
    }
    .twitter_card_columns .ad-title h3 {
        width: 9rem !important;
    }
    .twitter_card_columns .ad_date {
        margin-left: 6px !important;
    }
    .twitter_card_columns .sponsored_ad img {
        margin-right: 2px;
    }
    .twitter_card_columns .ad-header {
        padding: 5px 20px 20px 20px;
    }
    .twitter_card_columns .twitter_top_txt_div {
        padding: 15px 20px 0px 20px;
    }
    .twitter_card_columns .ad_bottom_text_row {
        margin: 15px 20px 0px;
    }
}


/*-----------------------END-Twitter Dashboard---------------*/


/*---------------END-Twitter---------------------*/

@keyframes btn-blink {
    0%,
    100% {
        background-color: #ffffff85;
    }
    50% {
        background-color: #1245ae;
    }
}

@keyframes btn-blink-none {
    0% {
        background-color: #1245ae;
    }
    100% {
        background-color: #ffffff85;
    }
}


/* ---------START: Push ads dashboard------------ */

@media (min-width: 1300px) {
    .card-columns-4 {
        -webkit-column-count: 4 !important;
        -moz-column-count: 4 !important;
        column-count: 4 !important;
    }
    .card-columns-4 .ad-header {
        padding: 5px 20px 20px 20px;
    }
    .card-columns-4 .ad-title h3 {
        width: 5rem !important;
    }
    .pushads_show_btn {
        padding: 0 20px 10px 20px;
    }
    .card-columns-4 .ad_bottom_text_row {
        margin: 15px 20px 0px;
    }
}


/* ---------END: Push ads dashboard------------ */


/* -- Start: fixed offer section --*/

.offer-section {
    background: #272728;
    padding: 5px;
    display: none;

}

.offer-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-block:5px;
}

.offer-section h5 {
    margin: 0 15px 0 0;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #fff;
}

.offer-section h5 span {
    color: #ffd75f;
    font-family: OpenSans-Bold;
}

.offer-section a {
    min-width: auto;
    padding: 2px 18px;
    font-size: 16px;
}

.offer-section a:focus {
    color: #fff;
}

.offer-section a:hover {
    background: none;
    color: #fff;
    border-color: #fff;
}

@media (max-width:400px) {
    .offer-section a {
        margin-top: 9px;
    }
    .offer-flex {
        text-align: center;
    }
    .offer-section h5 {
        margin: 0;
    }
}


/* -- End: fixed offer section --*/


/* -- Start: 20% off modal --*/

.coupon-code-popup p {
    color: #505050;
    font-size: 17px;
    font-family: OpenSans-Regular;
}

.coupon-code-popup .modal-header {
    padding-bottom: 0;
}

.coupon-code-popup .modal-body {
    padding: 0 1rem 2rem;
}

.coupon-code-popup img {
    width: 230px;
    margin-bottom: 10px;
    margin-top: -15px;
}

.coupon-code-popup h5 {
    color: #505050;
}

.coupon-code-popup h3 {
    font-size: 40px;
    font-family: OpenSans-Bold !important;
    color: #326DE7;
    margin-bottom: 0;
}

.coupon-code-popup .btn {
    padding: 6px 38px;
    font-size: 16px;
    border-width: 2px;
}

.coupon-code {
    font-size: 20px !important;
    width: max-content;
    text-align: center;
    margin: auto auto 25px !important;
    padding: 10px 27px;
    font-family: OpenSans-Bold !important;
    text-transform: uppercase;
    border: 3px solid #326de7;
    box-shadow: 0px 9px 10px 0px #326de74f;
    border-radius: 8px;
}


/* -- End: 20% off modal --*/

.yt_displayad_p {
    color: #505050;
    font-size: 14px;
    text-align: left;
    font-family: OpenSans-Regular;
    margin-bottom: 10px;
}

.yt_displayad_view {
    font-size: 12px;
}

.yt_displayad_view img {
    width: 20px;
    margin-right: 3px;
}

.autocomplete_new {
    position: relative;
    display: inline-block;
}

.autocomplete1_new {
    position: relative;
    display: inline-block;
}

.autocomplete2_new {
    position: relative;
    display: inline-block;
}

input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
}

input[type=text] {
    background-color: #f1f1f1;
    width: 100%;
    border:none;
}

input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
    cursor: pointer;
}

.autocomplete-items1 {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items1 div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}


/*when hovering an item:*/

.autocomplete-items1 div:hover {
    background-color: #e9e9e9;
}


/*when navigating through the items using the arrow keys:*/

.autocomplete-active1 {
    background-color: DodgerBlue !important;
    color: #ffffff;
}


/* for pinterest model */

.btn-pin {
    background: #fff;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    border: none;
    background-size: 300% 100%;
    position: relative;
    /* display: flex; */
    box-shadow: 0px 7px 10px #26437a63;
    padding: 10px 30px;
}

#pinterest_ads1 {
    z-index: 9999999;
    top: 60px;
}

#pinterest_ads1 .close {
    z-index: 999999999;
    position: absolute;
    float: right;
    right: -11px;
    top: -8px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    box-shadow: 0px 0px 10px #326de761;
}

.btn_pint {
    background: #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    background: #326de7;
    border: none;
    background-size: 300% 100%;
    position: relative;
    /* display: flex; */
    box-shadow: 0px 7px 10px #26437a63;
    padding: 10px 30px;
    border-bottom: 2px solid #edf2fb42;
}

.btn_pint:hover {
    color: #326de7 !important;
    border: 1px solid #326de7;
    background: #fff;
    border: none;
    border-bottom: 2px solid #326de7;
}

.justi_center {
    justify-content: center;
    gap: 10px;
    display: flex;
    background: #329ae52e;
}

.img_pint {
    width: 100%;
}

.btn-pin:hover {
    color: #fff !important;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.fs-20 {
    font-size: 20px;
}

.pin_txt {
    letter-spacing: 1px;
    color: #1953cd;
    font-weight: 600;
}

.fs-15 {
    font-size: 15px;
}

.pin1 {
    font-size: 18px;
    color: #3e73e1;
    font-weight: 500;
    margin-bottom: 0;
}


/*Start css for impression and popularity*/

.ad_pop-btn {
    display: grid;
    grid-template-columns: 50% 50%;
}

.ad_pop-btn>div:first-child {
    padding: 4px;
    border-radius: 1px 1px 1px 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    border: 1px solid #fdfdfd;
    margin: 2px 0 2px 2px;
    background: #6798ff;
}

.ad_pop-btn>div:first-child>span:first-child {
    width: 23px;
    height: 27px;
}

.ad_pop-btn>div:first-child>span:first-child>img,
.ad_pop-btn>div:last-child>span:first-child>img {
    max-width: 15px;
}

.ad_pop-btn>div:first-child>span:last-child {
    display: inline-flex;
    font-size: 13px;
    gap: 6px !important;
    color: white;
}

.ad_pop-btn>div:first-child>span:last-child>span:first-child {
    font-size: 12px;
    color: white;
}

.ad_pop-btn>div:first-child>span:last-child>span:first-child+span,
.ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
    font-size: 12px;
    color: #626366;
    background: #ffffff;
    border-radius: 3px;
    padding: 0px 3px;
    border: 1px solid #ffffff;
    font-weight: 600;
}

.ad_pop-btn>div:last-child {
    padding: 4px 0;
    border-radius: 1px 1px 7px 1px;
    border: 1px solid #fdfdfd;
    margin: 2px 2px 2px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #6798ff;
}

.ad_pop-btn>div:last-child>span:first-child {
    width: 19px;
    height: 27px;
}

.ad_pop-btn>div:last-child>span:first-child+span {
    font-size: 12px;
    color: white;
}

.ad_pop-btn>div:last-child>span:first-child+span+span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad_pop-btn>div:last-child>span:last-child>span:first-child {
    font-size: 12px;
    color: #626366;
    background: #ffffff;
    border-radius: 3px;
    margin-left: 6px;
    padding: 0px 2px;
    border: 1px solid #ffffff;
    font-weight: 600;
}

.ad_pop-btn>div:last-child>span:last-child>span:first-child>span,
.ad_pop-btn>div:first-child>span:last-child>span:last-child>span {
    font-size: 10px;
    font-weight: 600;
}

.ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px 3px;
    text-shadow: 0px 0px 1px;
    margin-left: 4px;
    text-transform: uppercase;
    border: 0px solid transparent;
    box-shadow: 2px 2px 5px -5px #000000d1;
    background: white;
}

.ad_pop-btn>div:first-child>span:last-child>span:first-child,
.ad_pop-btn>div:first-child>span:last-child>span:first-child+span,
.ad_pop-btn>div:last-child>span:first-child+span,
.ad_pop-btn>div:last-child>span:last-child>span:first-child {
    white-space: nowrap;
}

@media (min-width:993px) and (max-width:1200px) {
    .ad_pop-btn>div:first-child>span:first-child,
    .ad_pop-btn>div:last-child>span:first-child {
        display: none !important;
    }
    .ad_pop-btn>div:first-child>span:last-child>span:first-child {
        font-size: 11px !important;
    }
    .ad_pop-btn>div:first-child>span:last-child>span:first-child+span,
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        font-size: 10px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child>span,
    .ad_pop-btn>div:first-child>span:last-child>span:last-child>span {
        font-size: 8px !important;
    }
    .ad_pop-btn>div:last-child>span:first-child+span {
        font-size: 11px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child {
        font-size: 10px !important;
        padding: 0 2px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        padding: 1px 3px 2px !important;
        margin-left: 4px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        margin-left: 2px !important;
    }
}

@media (min-width:576px) and (max-width:714px) {
    .ad_pop-btn>div:first-child>span:first-child,
    .ad_pop-btn>div:last-child>span:first-child {
        display: none !important;
    }
    .ad_pop-btn>div:first-child>span:last-child>span:first-child {
        font-size: 11px !important;
    }
    .ad_pop-btn>div:first-child>span:last-child>span:first-child+span,
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        font-size: 10px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child>span,
    .ad_pop-btn>div:first-child>span:last-child>span:last-child>span {
        font-size: 8px !important;
    }
    .ad_pop-btn>div:last-child>span:first-child+span {
        font-size: 11px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child {
        font-size: 10px !important;
        padding: 0 2px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        padding: 1px 3px 2px !important;
        margin-left: 4px !important;
    }
    .ad_pop-btn>div:last-child>span:last-child>span:first-child+span {
        margin-left: 2px !important;
    }
}

@media screen and (max-width:350px) {
    .ad_pop-btn>div:first-child>span:first-child,
    .ad_pop-btn>div:last-child>span:first-child {
        display: none !important;
    }
}


/*End css */


/* pinterest model close */


/* monsoon model css */

#monsoonModal {
    font-family: 'Comfortaa', cursive;
}

#monsoonModal .modal-header {
    justify-content: center;
    border-bottom: 1px solid #dee2e600;
}

#monsoonModal .modal-content {
    background-image: linear-gradient(45deg, #eba72414, #bddcff33), url('/assets/imgs/yrse.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 13px;
    border: 1px solid transparent;
    box-shadow: 0px 7px 35px -16px;
    text-align: center;
}

#monsoonModal .modal-title {
    color: #0d1b3a;
    font-weight: 800;
    font-size: 34px !important;
    text-shadow: 0 0 0.6px;
}

#monsoonModal .modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -8px;
    right: -8px;
    background: white;
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0px 7px 13px -9px #a5a2a2;
    color: #b7b5b5;
    transition: all .3s;
}

#monsoonModal .modal-header .btn-close:hover {
    color: #b5421e;
    transform: rotate(360deg);
    box-shadow: none;
}

.comfortaa {font-family: comfortaa,cursive !important;}
#monsoonModal .glass-div {
    margin: 2.4rem;

    border-radius: 11px;
    box-shadow: 1px 1px 17px -7px #545454a6;
    background-image: linear-gradient(45deg,#ecebff99,#ffffffb5);
    border: 1px solid #fffffffa;
}

#monsoonModal .modal-body p {
    color: #000;
    font-weight: 800;
    font-size: 1.2rem;
    margin-bottom: 3px;
    margin-top: 4px;
}

#monsoonModal .modal-footer {
    align-items: center;
    justify-content: center;
    border-top: 1px solid #dee2e600;
}

#monsoonModal .modal-footer button {
    background: skyblue;
    outline: 0;
    border: 1px solid #ffffff00;
    color: white;
    font-size: 13px;
    padding: 0.55rem 1rem;
    font-weight: 800;
    text-shadow: 0 0 0.6px;
    box-shadow: 0px 7px 16px -9px black;
    transition: all .3s;
}

#monsoonModal .modal-footer button.upgrade-btn {
    background: linear-gradient(45deg, #fa120a, #5f2d34);
}

#monsoonModal .modal-footer button.continue-btn {
    background: linear-gradient(166deg, #f8a134, #ab550c);
    border-color: #dd914c;
}

#monsoonModal .modal-footer button:hover {
    box-shadow: none;
}

#monsoonModal [class^=ribbon-] {
    position: relative;
}

#monsoonModal [class^=ribbon-]:before,
#monsoonModal [class^=ribbon-]:after {
    content: "";
    position: absolute;
}

#monsoonModal .ribbon-4 {
    height: 50px;
    margin-left: -26px;
    margin-right: -26px;
    background: #efb23b;
}

#monsoonModal .ribbon-4:before {
    height: 0;
    width: 0;
    border-top: 10px solid #cf7817;
    border-left: 10px solid transparent;
    bottom: -10px;
}

#monsoonModal .ribbon-4:after {
    height: 0;
    width: 0;
    border-top: 10px solid #522026;
    border-right: 10px solid transparent;
    right: 0;
    bottom: -10px;
}

#monsoonModal .ribbon-4:before {
    height: 0;
    width: 0;
    border-width: 20px 20px;
    border-style: solid;
    border-color: #f2130c #f2130c #f2130c transparent;
    top: 20px;
    left: -30px;
}

#monsoonModal .ribbon-4:after {
    height: 0;
    width: 0;
    border-width: 20px 20px;
    border-style: solid;
    border-color: #522026 transparent #522026 #522026;
    top: 20px;
    right: -30px;
}

#monsoonModal .ribbon-content {
    height: inherit;
    margin-bottom: 0;
    background: linear-gradient(45deg, #fa120a, #5f2d34);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 900;
    text-shadow: 0 0 0.6px;
    font-size: 1.2rem;
    text-transform: capitalize;
    font-style: italic;
}

#monsoonModal .ribbon-content:before {
    height: 0;
    width: 0;
    border-top: 10px solid #cf7817;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
}

#monsoonModal .ribbon-content:after {
    height: 0;
    width: 0;
    border-top: 10px solid #f78f8f;
    border-right: 10px solid transparent;
    right: 0;
    bottom: -10px;
}

.limited-edition {
    background: #391a5f;
    width: 86%;
    margin: 20px auto 0;
    padding: 10px;
    border-radius: 10px;
    color: #fff;


}

#monsoonModal p.limited-edition span {
    /* font-family: 'Comfortaa'; */
    letter-spacing: -.10px;
    font-style: italic;
    font-size: 1.1rem;
    font-weight: bold;
    color: #3a3838;
}
#upgrade_now_monsoon1{
    background: linear-gradient(90deg, #fa496f 0%, #610af5 100%);
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #f94970;
    border-radius:5 px !important;
}

#upgrade_now_monsoon1:hover{
    background: linear-gradient(90deg, #610af5 0%, #fa496f 100%);
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #fff;
}

#upgrade_now_monsoon2{
    background: linear-gradient(90deg, #610af5 0%, #fa496f 100%);
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #620bf5;
    border-radius:5 px !important;
}
#upgrade_now_monsoon2:hover{
    background: linear-gradient(90deg, #fa496f 0%, #fa496f #610af5 100%);
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #ffffff ;
}

@media (min-width: 576px) {
    #monsoonModal .modal-dialog {
        max-width: 662px;
    }
}

@media (max-width: 600px) {
    #monsoonModal .glass-div {
        margin: 1.4rem;
    }
    #monsoonModal .modal-header {
        padding-bottom: 5px;
    }
    #monsoonModal .modal-title {
        font-size: .9rem;
    }
    #monsoonModal .modal-body {
        padding-top: 0;
        padding-bottom: 0;
    }
    #monsoonModal .modal-body p {
        font-size: .8rem;
        margin-bottom: 3px;
        margin-top: 4px;
    }
    #monsoonModal .ribbon-4 {
        height: 36px;
    }
    #monsoonModal .ribbon-4:before {
        border-width: 19px 20px;
        top: 8px;
    }
    #monsoonModal .ribbon-4:after {
        border-width: 19px 20px;
        top: 7px;
    }
    #monsoonModal .ribbon-content {
        font-size: .9rem;
    }
    #monsoonModal .modal-footer button {
        font-size: 11px;
        padding: 0.45rem 1rem;
    }
}


/* monsoon model css close */

.multiselect_type_duration select {
    border: 2px solid #fff0!important;
    box-shadow: none !important;
}


/* for gender stats  */

div#gender-stats {
    height: calc(433px - 110px);
    position: relative;
}

@media screen and (max-width:575px) {
    div#gender-stats {
        height: auto;
    }
}

div#status {
    height: calc(433px - 110px);
    position: relative;
}

@media screen and (max-width:575px) {
    div#status {
        height: auto;
    }
}


/* ad details page */

.content {
    display: flex;
    justify-content: flex-end;
    margin-right: 71px;
    position: relative;
    top: -7px;
}

.submit-buttons {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.submit-buttons__block {
    margin-bottom: 23px;
}

.submit-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 121px;
    height: 41px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.44px;
    box-shadow: 0px 16px 35px 0 rgb(130 117 246 / 32%);
    outline: none;
    border: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    transition: all .3s;
}

.submit-button--1 {
    background-image: linear-gradient(to right bottom, #1affec 1%, #9f4ff9);
}

.submit-button__pending,
.submit-button__loaded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    opacity: 0;
    visibility: hidden;
}

.submit-button__pending--1 {
    display: block;
}

.submit-button__pending--1:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: "Font Awesome 5 Free";
    font-size: 1.6rem;
    content: "";
}

.submit-button__pending--1:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 4px;
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    background-image: linear-gradient(to right bottom, #ffce3a 1%, #ff0e69);
    background-size: 100%;
}

.submit-button__loaded--1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-button__loaded--1:before {
    margin-right: 8px;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    content: "";
    transform: translate(-10px, -2px);
}

.submit-button__loaded--1 span {
    transform: translateX(10px);
}

.submit-button__pending--1.js-active {
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: linear;
    transition-delay: 0.3s;
    opacity: 1;
    visibility: visible;
}

.submit-button__pending--1.js-active:before {
    animation: pending-circle 1s infinite;
}

@keyframes pending-circle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg)
    }
}

.submit-button__pending--1.js-active:after {
    transition-property: all;
    transition-duration: 1.7s;
    transition-timing-function: cubic-bezier(0, 0, 0.97, 0.13);
    transition-delay: 0.1s;
    transform: scaleX(1);
}

.submit-button__text--1.js-active {
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
}

.submit-button__loaded--1.js-active {
    transition: opacity 0.1s linear 2.1s;
    opacity: 1;
    visibility: visible;
}

.submit-button__loaded--1.js-active:before {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 2.15s;
    transform: translate(0, 0px);
}

.submit-button__loaded--1.js-active span {
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 2.15s;
    transform: translateX(0);
}


/* notifications css */

.notification-wrapper {
    display: flex;
    justify-content: flex-end;
}

.notification-wrapper .notification-bell-dd {
    margin-top: 10px;
    position: relative;
}

.notification-wrapper .notifications-div {
    padding: 0 9px 0;
    max-height: 200px;
    overflow: hidden auto;
}

.notification-wrapper .notification-bell-dd button {
    outline: 0;
    border: 1px solid transparent;
    background: transparent;
    color: white;
    position: relative;
    transform-origin: center top;
}

.notification-wrapper .notification-bell-dd button.bell-animation {
    animation: ring 1.5s 3 ease;
}

.notification-wrapper .bell-animation span.count {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    background: #f11b1b;
    border-radius: 50%;
}

.notification-wrapper .notification-bell-dd .dropdown-notification-menu {
    padding: 0px !IMPORTANT;
    border: none !important;
    max-width: 248px !important;
    width: 100% !important;
    min-width: 248px;
    height: 0;
    overflow: hidden;
    transition: all .3s;
    position: absolute;
    z-index: 999;
    right: calc(100% - 16px);
    top: 38px;
    background: white;
    margin-top: 0;
    border-radius: 10px;
}

.notification-wrapper h3.notification-heading {
    font-size: 14px;
    text-transform: capitalize;
    text-align: center;
    background: #f5f8ff;
    padding: 11px;
    border-radius: 10px 10px 0 0;
    color: #898989;
    font-weight: 500;
}

.notification-wrapper .notifications-div {
    padding: 0 9px 0;
}

.notification-wrapper .user_dropdown_div a {
    font-size: 15px;
    color: #505050;
    padding: 0;
    border-bottom: 1px solid #8080802e;
    padding: 7px 0 6px;
}

.notification-wrapper a.dropdown-item>div {
    display: grid;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7px;
    grid-template-columns: 17% 79%;
}

.notification-wrapper .dropdown-item p {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    gap: 5px;
    margin-bottom: 0px;
}

.notification-wrapper a.dropdown-item.view-all {
    text-align: center;
    background: #326de72b;
    font-size: 11px;
    border-bottom: 0;
    border-radius: 5px;
}

.notification-wrapper .notification-bell-dd .user_dropdown_div .notifications-div a {
    font-size: 15px;
    color: #505050;
    padding: 0 !important;
    border-bottom: 1px solid #8080802e;
    padding: 7px 0 6px !important;
    margin-bottom: 0;
}

span.ads-pic {
    position: relative;
    width: 30px;
    height: 30px;
}
span.post-owner-name {
    width: 100%;
    height: 100%;
    background-color: #ff4500;
    border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
.notification-wrapper .notification-bell-dd span.ads-pic img {
    border-radius: 50%;
    box-shadow: 0px 0px 14px -6px #000000c2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.notification-wrapper .notification-bell-dd .ads-pic~span {
    font-size: 11px;
    white-space: normal;
}

.notification-wrapper .notification-bell-dd .ads-pic~span b {
    color: #3b5998;
}

.dropdown-item.notification-view {
    padding: 2px 4px;
}


/*.notification-wrapper .notification-bell-dd .user_dropdown_div a.dropdown-item:nth-last-child(2) {*/


/*    margin-bottom: 0;*/


/*    border-bottom: 0;*/


/*}*/

.notification-wrapper .notification-bell-dd .user_dropdown_div a.dropdown-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.notification-wrapper span.noti-count {
    background: #007dbb;
    padding: 3px 6px;
    font-size: 11px;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    margin-left: 7px;
}

@keyframes ring {
    0% {
        transform: rotate(20deg);
    }
    12.5% {
        transform: rotate(-15deg);
    }
    25% {
        transform: rotate(10deg);
    }
    37.5% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(0deg);
    }
    62.5% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/*.notification-bell-dd .user_dropdown_div a.dropdown-item:last-child {*/


/*    text-align: center;*/


/*    background: #326de72b;*/


/*    font-size: 11px;*/


/*    border-bottom: 0;*/


/*    border-radius: 5px;*/


/*}*/

.notification-wrapper .notifications-div::-webkit-scrollbar {
    width: 10px;
}

.notification-bell-dd .view-all-div a {
    text-align: center;
    background: #326de72b;
    font-size: 11px;
    border-bottom: 0;
    border-radius: 0px 0px 10px 10px;
    display: block;
    margin-bottom: 0;
    padding: 9px 0;
    box-shadow: 0px -2px 10px -10px black;
}

.no-new-notifications-div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    width: 81%;
    margin: auto;
    border-radius: 4px;
    padding: 0 11px 11px;
    flex-direction: column;
}

.no-new-notifications-div>div>p:first-child img {
    max-width: 100px;
}

.no-new-notifications-div>div>p:last-child {
    margin-bottom: 0;
    font-weight: 500;
    color: #007dbb;
    margin-top: -12px;
}

.new-notification {
    position: relative;
}

.new-notification .ads-pic:before {
    position: absolute;
    content: 'NEW';
    top: -1px;
    left: 0;
    width: auto;
    height: auto;
    background: #007dbb;
    color: white;
    font-size: 7.6px;
    border-radius: 3px;
    padding: 1px 5px;
    z-index: 99;
    transform: translateX(-30%);
}

.dropdown-notification-menu.noti-more {
    display: block;
    height: auto !important;
}


/*.notificationloader {*/


/*    border: 16px solid #f3f3f3;*/


/*    border-radius: 50%;*/


/*    border-top: 16px solid #3498db;*/


/*    width: 40px;*/


/*    height: 50px;*/


/*    -webkit-animation: spin 2s linear infinite;*/


/*    animation: spin 2s linear infinite;*/


/*    margin:auto;*/


/*    left:0;*/


/*    right:0;*/


/*    top:0;*/


/*    bottom:0;*/


/*}*/


/*@-webkit-keyframes spin {*/


/*    0% { -webkit-transform: rotate(0deg); }*/


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


/*}*/


/*@keyframes spin {*/


/*    0% { transform: rotate(0deg); }*/


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


/*}*/

.notificationloader {
    width: 48px;
    height: 48px;
    border: 5px dotted #bbb4b4;
    border-radius: 50%;
    position: relative;
    display: block;
    margin: 78.5px auto;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/*  linkedin css new */

#linkedin_ads {
    width: 45px;
    height: 45px;
}

#linkedin_ads img {
    background: #0b1d42;
    border: 2px solid #90aae2;
    width: 40px;
    height: 40px;
}

.quora_section .ad_show_btn {
    padding: 15px 30px 15px;
}


/* REQUEST FEATURE  AND SIDEBAR MODAL START */
.moretext {
    display: none;
}

.new-feature-warpper {
    position: fixed;
    top: 87px;
    right: 33px;
    z-index: 1001;
    box-shadow: 1px 6px 30px -9px black;
    border-radius: 50%;
}

.new-feature-btn {
    position: relative;
    outline: 0;
    border: 0;
    padding: 2px !important;
    margin: 0 auto;
    text-align: center;
    border-radius: 45px;
    box-sizing: border-box;
    color: var(--cp-color-1);
    display: block;
    z-index: 2;
    overflow: hidden;
    width: 50px;
    height: 50px;
    transition: all .3s;
}

.new-feature-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b); */
    background: linear-gradient(96deg, #ffb1b1, #9f1e1e);
    background: linear-gradient(115deg, #4fcf70, #fad648, #12bcfe, #44ce7b);
    background-size: 50% 100%;
    border-radius: 45px;
    animation: SidebarCreate_rainbowSlide-zxLzf 1s linear infinite;
}

.new-feature-btn>span {
    position: relative;
    z-index: 2;
    align-items: center;
    background: linear-gradient(160deg, #017487, black);
    /* background: linear-gradient(160deg, #fbb03b, #442a00); */
    background: linear-gradient(45deg, #fbb03b, #ed950b);
    border-radius: 45px;
    box-sizing: border-box;
    height: 100%;
    color: white;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    text-shadow: none;
    white-space: nowrap;
}

@keyframes SidebarCreate_rainbowSlide-zxLzf {
    to {
        transform: rotate(360deg)
    }
}

.new-feature-btn span.feature-text {
    display: none !important;
}

.new-feature-btn:hover {
    width: 145px;
}

.new-feature-btn:hover span.feature-text {
    display: block !important;
}

.new-feature-btn:hover:before {
    animation: SidebarCreate_rainbowSlide-zxLzf_hover 1s linear infinite;
    width: 200%;
}

@keyframes SidebarCreate_rainbowSlide-zxLzf_hover {
    to {
        transform: translateX(-50%)
    }
}

button.notification-close-btn {
    outline: 0;
    border: none;
    background: transparent;
    font-size: 12px;
    opacity: .6;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all .3s;
    color: white;
}

button.notification-close-btn:hover {
    transform: rotate(360deg);
    color: white;
    opacity: .99;
}

.new-feature-sidebar-wrapper {
    position: fixed;
    right: 0;
    max-width: 350px;
    width: 0px;
    background: #f5f8ff;
    /* top: 71px; */
    /* height: calc(100vh - 71px); */
    height: 100vh;
    overflow: hidden;
    top: 0;
    z-index: 99999;
    box-shadow: 1px 7px 35px -12px black;
    transition: all .3s;
}

.new-feature-sidebar-wrapper.open {
    width: 100% !important;
}

.new-feature-sidebar-wrapper .header-div {
    background: linear-gradient(to bottom, #ffc56b, #e59720);
}

.new-feature-sidebar-wrapper .header-div h1 {
    font-size: 15px;
    padding: 14px;
    color: white;
    text-shadow: 0 0 0.2px;
}

.feature-content-wrapper {
    padding: 1px 9px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    height: auto;
    max-height: calc(100vh - 56px);
    overflow: hidden auto;
    padding-bottom: 7px;
}

.feature-content-wrapper .card {
    border: 1px solid transparent;
    padding: 6px 11px 11px;
    transition: all .3s;
}

.feature-content-wrapper .card button.notification-close-btn {
    right: 6px;
    top: 6px;
    color: gray;
    display: none;
}

.feature-content-wrapper .card button.notification-close-btn:hover {
    transform: rotate(360deg);
    color: gray;
    opacity: .8;
}

.feature-content-wrapper .card:hover {
    box-shadow: 0px 2px 15px -9px black;
}

.top-header-time-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 13px auto 8px;
}

.new-feature-badge {
    position: relative;
}

.new-feature-badge>img {
    width: 36px;
    border-radius: 50%;
    height: 36px;
    object-fit: contain;
    box-shadow: 0px 7px 15px -11px black
}

.new-feature-badge:before {
    position: absolute;
    top: -11px;
    left: -2px;
    content: 'New Feature';
    font-size: 9px;
    background: linear-gradient(321deg, #fbb03b, #c9c31b);
    padding: 4px 6px;
    border-radius: 5px;
    line-height: 1;
    color: white;
    text-shadow: 0 0 0.8px;
    width: 71px;
    text-align: center;
}

.new-feature-item-time {
    font-size: 10px;
    margin-right: 11px;
}

h2.title {
    font-size: 13px;
    font-weight: 600;
    color: #3b5998;
    text-transform: capitalize;
}

.new-feature-item p {
    font-size: 12px;
    margin-bottom: 6px;
}

a.moreless-button {
    font-size: 10px;
    background: linear-gradient(45deg, #3b5998, #27437e);
    color: white;
    padding: 7px 11px;
    border-radius: 3px;
    margin: 0;
    box-shadow: 0px 0px 17px -9px white, inset -4px -4px 7px -4px #054485;
    max-width: fit-content;
}

.NF-video-upper-text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-feature-sidebar-wrapper .NF-img,
.new-feature-sidebar-wrapper iframe {
    border-radius: 0.25rem;
}

.new-feature-sidebar-wrapper .ads-pic-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.new-feature-sidebar-wrapper .card.remove-feature-card {
    animation: removeFeatureCard .3s linear forwards;
}

@keyframes removeFeatureCard {
    from {
        transform: translateX(0);
        display: block;
    }

    to {
        transform: translateX(-110%);
        display: none;
    }
}

.feature-search-div {
    position: absolute;
    top: 9px;
    right: 28px;
    width: calc(100% - 32px);
    text-align: end;
}

.feature-search-div input {
    outline: 0;
    border: 0 !important;
    box-shadow: 3px 2px 10px -7px black;
    width: 0;
    padding: 0;
    font-size: 11px;
    transition: all .3s;
}

.feature-search-div button {
    outline: 0;
    border: 0;
    background: transparent;
    color: white;
    font-size: 13px;
    opacity: .6;
    transition: all .3s;
}

.feature-search-div input.width-a {
    width: calc(100% - 39px) !important;
    padding: 5px 9px !important;
}

.feature-search-div button:hover {
    opacity: .99;
}

.feature-content-wrapper .feature-modal-btn {
    outline: 0;
    border-radius: 45px;
    border: 0;
    padding: 7px 25px;
    font-size: 12px;
    background: linear-gradient(151deg, #c78521, #b11a12);
    color: white;
    box-shadow: 0px 4px 11px -5px black;
    transition: all .3s;
}
.feature-content-wrapper .feature-check-out-btn{
    outline: 0;
    border-radius: 45px;
    border: 0;
    padding: 5px 13px;
    background: linear-gradient(151deg, #c78521, #b11a12);
    color: white;
    box-shadow: 0px 4px 11px -5px black;
    transition: all .3s;
    display: block;
    margin: 13px 0 4px;
    max-width: fit-content;
    font-size: 10px;
    transition: all .3s;
}
.feature-content-wrapper .feature-modal-btn:hover,
.feature-content-wrapper .feature-check-out-btn:hover {
    box-shadow: none !important;
}
.feature-content-wrapper ::-webkit-scrollbar {
    width: 12px;
}
/* REQUEST FEATURE MODAL START */
div#featureRequestModal.modal {
    z-index: 9999999;
}

div#featureRequestModal.modal .modal-title {
    font-size: 15px;
    font-weight: 600;
    color: #3b5998;
}

div#featureRequestModal.modal .modal-header {
    padding: 1rem 1rem 0;
    border-bottom: 1px solid #dee2e600;
}

div#featureRequestModal.modal .feature-request-success-wrapper h3 {
    font-size: 14px;
    text-align: center;
    background: #eea83b;
    border-radius: 5px;
    padding: 14px;
    color: white;
    text-shadow: 0 0 0.6px;
}

div#featureRequestModal.modal .feature-request-form-wrapper h3:first-child {
    font-size: 13px;
    text-shadow: 0 0 0.6px;
}

div#featureRequestModal.modal .FR-form-submit-btn {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    border: none;
    background-size: 300% 100%;
    font-size: 12px;
    padding: 10px 20px;
    color: #fff;
    box-shadow: 0px 7px 10px #26437a63;
    border-radius: 50px;
    margin: 11px auto 3px;
    display: block;
    transition: all 0.3s;
}
div#featureRequestModal.modal .FR-form-submit-btn:hover {
    box-shadow: none !important;
}
div#featureRequestModal.modal .select-dropdown {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

div#featureRequestModal.modal .select-dropdown__button {
    padding: 6px 35px 6px 50px;
    background-color: #fff;
    color: #6d6d6feb ;
    border: 1px solid #ced4da;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 13px;
    height: 38px;
    line-height: 1;
}
div#featureRequestModal.modal .select-dropdown__button i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
div#featureRequestModal.modal .select-dropdown__button:focus {
    outline: none;
}

div#featureRequestModal.modal .grid-row .form-group .select-dropdown svg {
    left: auto;
    right: 11px;
}

div#featureRequestModal.modal .select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 170px;
    overflow: hidden auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: all ease-in-out 0.3s;
    z-index: 2;
    border: 1px solid gainsboro;
    border-radius: 5px;
    border-top-color: transparent;
}

div#featureRequestModal.modal .select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1, 1);
}

div#featureRequestModal.modal .select-dropdown__list-item {
    display: block;
    list-style-type: none;
    padding: 10px 15px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
    color: #616161;
    transition: all ease-in-out 0.3s;
}

div#featureRequestModal.modal label {
    font-size: 13px;
    text-shadow: 0 0 0.6px;
    color: #939390;
    display: block;
}
div#featureRequestModal.modal #brief-outline{
    width: 100%;
    outline: 0;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 13px;
    padding: 7px 12px;
    color: #6d6d6feb;
}
div#featureRequestModal.modal input{
    font-size: 13px;
    height: 38px;
}
div#featureRequestModal.modal .input-wrap{
    margin-bottom: 11px;
}
div#featureRequestModal.modal .form-control:focus {
    color: #495057;
    border-color: #f8b239;
}
div#featureRequestModal.modal .input-group-text {
    font-size: 12px;
    color: #9d9d9d;
    background-color: #f5f8ff;
    border: 1px solid #ced4da;
}
div#featureRequestModal.modal .icon-div{
    width: 38px;
    height: 38px;
    background: #f5f8ff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    Z-INDEX: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem 0px 0px 0.25rem;
    border: 1px solid #ced4da;
}
div#featureRequestModal.modal .icon-div i{
    font-size: 12px;
    color: #9d9d9d;
}
.feature-content-wrapper::-webkit-scrollbar,
div#featureRequestModal.modal .select-dropdown__list::-webkit-scrollbar {
    width: 11px;
}
div#featureRequestModal.modal .select-dropdown__list-item:hover {
    background: #f5f8ff;
}
.errr{
    color: red;
    font-size: 13px;
    text-shadow: 0 0 0.6px;
}
.tooltip .tooltip-inner {
    max-width: 270px;
    width: 100%;
    height: auto;
    white-space: normal;
    word-break: break-word;
}

/* REQUEST FEATURE MODAL END */


/*  product css  */
.bg-product{
    /*    background: #fff;*/
    padding: 40px;
    border-radius: 10px;
    margin-top: 20px;
    width: 80%;
    margin: auto;
}
.product_details{
    background: #fff;
}
.shopify_img{
    width: 100%;
    /*height: 388px;*/
    object-fit: cover;
    border-radius: 5px;
}
.prod-imageStickyContainer {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 100;
    width: 100%;
    /*height: 388px;*/
    box-shadow: 0px 2px 10px #6994ed2b;
    border-radius: 5px;
    background: white;
}
.product_details{
    box-shadow: 0px 2px 10px #6994ed2b;
    padding: 20px;
    border-radius: 5px;
}
.product_details .title{
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .06em;
    padding-bottom: 0;
}
.product_details .title1{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .06em;
    padding-bottom: 0;
    margin-bottom: 2rem;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid #326de7;
    color: #1a61f4;
}

.prod_number {
    color: rgb(0 0 0 / 71%);
    font-size: 12px;
    font-weight: 400;
    padding-top: 0;
}
.prod_number .title{
    color: rgb(0 0 0);
    font-size: 13px;
    font-weight: 900;
    /*    margin-bottom: 10px;*/
    padding-top: 0;
}
.prod-description{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 148%;
    margin-bottom: 16px;
    padding-bottom: 0;
    padding-top: 0;
}
.pdp-productSpecMain{
    border-top: 1px solid #f2f2f2;
    margin-top: 1rem;
    padding-top:1.4rem !important;
}
.tq-hl{
    color: rgba(0,0,0,.2);
    height: 1.5px!important;
    margin-bottom: 1rem !important;
}
hr {
    width: 100%;
    border: 0;
    border-top: 1px solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25;
}

.rupee{
    font-size: 18px;
    color: #326de7;
    font-weight: 900;
}
.rupee_small{
    font-size: 13px;
    color: #326de7;
    font-weight: 500;
}
/*  accordian end  */

/* ================== Badge Overlay CSS ========================*/
.badge-overlay {
    position: absolute;
    left: 0%;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 100;
    -webkit-transition: width 1s ease, height 1s ease;
    -moz-transition: width 1s ease, height 1s ease;
    -o-transition: width 1s ease, height 1s ease;
    transition: width 0.4s ease, height 0.4s ease;
}

/* ================== Badge CSS ========================*/
.badge-top {
    margin: 0;
    padding: 0;
    color: white;
    padding: 8px 10px;
    font-size: 13px;
    /* font-family: Arial, Helvetica, sans-serif; */
    text-align: center;
    line-height: normal;
    /* text-transform: uppercase; */
    background: #3071f7;
}

.badge-top::before, .badge-top::after {
    content: "";
    position: absolute;
    top: 0;
    margin: 0 -1px;
    width: 100%;
    height: 100%;
    background: inherit;
    min-width: 55px;
}

.badge-top::before {
    right: 100%;
}

.badge-top::after {
    left: 100%;
}

.choose_style{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    overflow:hidden;
    padding: 10px 10px;
}
.btn_option_chhose{
    border: 2px solid #ddd;
    background: #eee;
    font-size: 12px;
    border-radius: 2px;
    padding: 3px 6px;
    min-width: 137px;
    display: -webkit-box;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    /* min-height: 63px; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    margin: auto;
}
.btn_option_chhose.active{
    background: #326de7;
    color: #fff;
    border: 2px solid #0f388c;
}
.btn_option_chhose:active{
    background:#326de7;
}
.choose_style::-webkit-scrollbar {
    width: 13px;
    height: 10px;
}
.offer{
    background: #326de7;
    color: #fff;
    border: 2px dotted #d49629;
    margin: 10px 0;
    padding: 5px;
    border-radius: 4px;
}
.offer p{
    font-size: 13px;
    margin-bottom: 0;
}
.pdp-productSpec{
    font-size: 12px;
    list-style-type: none;
}
.pdp-productSpec::marker{
    list-style-type: none;
}
.pdp-productSpecMain{
    padding: 0;
}
.pdp-productSpec p{
    margin-bottom: 0.5rem;
}


#prevThumbThemes {
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    /*background: rgb(255, 255, 255);*/
    display: none;
}
#nextThumbThemes {
    position: absolute;
    right:-15px;
    /*background: rgb(255, 255, 255);*/
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.variants:hover #prevThumbThemes, .variants:hover #nextThumbThemes{
    display: block;
}
#prevThumbThemes button, #nextThumbThemes button {
    color: #326de7;
    font-size: 21px;
}
.button_arrow {
    border: 1px solid #d1daed;
    color: #228b73;
    cursor: pointer;
    font-size: 1.4em;
    height: 35px;
    opacity: 0.8;
    outline: none;
    background: rgb(236 242 255);
    border-radius: 50%;
    width: 35px;
}
div.secondary-nav, div.secondary-nav1, div.secondary-nav2 {
    background-color: #fff;
    position: relative;
    z-index: 2;
    clear: both;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    margin: 1.3rem 0;
}
.variants{
    position: relative;
}
.appearnce_tab.nav-tabs .nav-link {
    border: none;
    background: transparent;
}
div.secondary-nav .nav-link, div.secondary-nav1 .nav-link, div.secondary-nav2 .nav-link {
    padding: 18px 14px;
    font-size: 0.82rem;
    font-weight: 600;
}
.offer{
    margin: auto;
    position: relative;
    text-align: center;
}
.offer_img{
    width: 40% !important;
    top: -12px;
    position: relative;
    width: 100%;
}
.offer_title{
    position: absolute;
    top: 8px;
    left: 50%;
    color: #000;
    letter-spacing: 2px;
    font-weight: 600;
    transform: translate(-50%, -50%);
}
/* ================== Badge Position CSS ========================*/
.top-left {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -webkit-transform: translateX(-30%) translateY(0%) rotate(-45deg);
    transform: translateX(-30%) translateY(0%) rotate(-45deg);
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.card-links1{
    box-shadow: 0px 6px 10px #326DE74D;
    margin-bottom: 30px;
    border-radius: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}
.prod_sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 100;
}
#ads-div{
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 100;
}
.card-links1 .ad-details{
    margin-bottom: 0;
}
.card-links1 .ad-details:hover {
    box-shadow: 0px 1px 4px #326de74d;
}
@media(max-width:767px){
    .bg-product{
        width: 100%;
        padding: 10px;
    }
    .shopify_img {
        width: 100%;
    }
    .prod-imageStickyContainer{
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .bg-product{
        width: 100%;
        padding: 10px;
    }
    .shopify_img {
        width: 100%;
    }
    .prod-imageStickyContainer{
        width: 100%;
    }
}
@media (min-width:993px) and (max-width:1366px) {
    .bg-product{
        /*        width: 100%;*/
        /*        padding: 10px;*/
    }
    .shopify_img {
        width: 100%;
    }
    .prod-imageStickyContainer{
        width: 100%;
    }
}
.name_v{
    font-size: 15px;
    font-weight: 700;
    color: #2e2e2e;
}
.anim_new{
    background: #eef2fd;
    border-radius: 10px;
    display: inline-flex;
    position: absolute;
    right: 4px;
    top: 4px;
}
.animate-charcter
{
    border: 1px solid #e9f1ff;
    border-radius: 10px;
    padding: 0px 10px;
    text-transform: uppercase;
    background-image: linear-gradient(
        -225deg,
        #231557 0%,
        #44107a 29%,
        #ff1361 67%,
        #fff800 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size:10px;
}
.ad-details1{
    position: relative;
    box-shadow: 0px 0px 10px #dee8ff;
    border-radius: 5px;
}
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}
/*  product css end  */

/*TOPBAR NEWCSS START*/

.active_pg_logo.mobile-logo,#sidebar > .container-fluid:nth-child(2),#share_copy .mobile-icon{
    display:none;
}
a.refer-a-friend {
    display: none;
}
@media screen and (max-width: 991px) and (min-width: 601px){
    .top_nav_div1 {
        width: 55%;
    }
    .top_nav_row2 {
        margin-bottom: 0;
        width: 100%;
        margin-top: 11px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .top_searchbar_round,.top_search1 {
        min-width: 180px;
    }
}
@media screen and (max-width: 991px){
    .new-feature-sidebar-wrapper{
        z-index: 999;
    }
    #sidebar > .container-fluid:nth-child(2),#share_copy .mobile-icon {
        display: block;
    }
    .mobile-logo
    .active_pg_logo{
        display:none;
    }
    nav.navbar.navbar-expand-lg.navbar-light.top_nav.heightFull {
        height: 27%;
    }
    .active_pg_logo.mobile-logo {
        display: block;
        float: unset;
        max-width: 128px;
        width: 100%;
    }
    nav.navbar.navbar-expand-lg.navbar-light.top_nav {
        max-height: 100vh;
        height: auto;
        align-items: flex-start;
        position: relative;
        z-index: 999;
        min-height: 50px;
    }
    .notification-wrapper{
        position: absolute;
        top: 10px;
        right: 31px;
        z-index: 0;
        align-items: center;
        font-size: 12px;
        width: fit-content;
        padding: 0;
    }
    .notification-wrapper .notification-bell-dd {
        margin-top: 0;
    }
    .user_login_right {
        float: right;
        margin-top: 0;
        margin-left: 0;
        justify-content: center;
        align-items: center;
        display: block;
    }
    .user_btn {
        font-size: 20px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 10px;
        font-size: 12px;
        line-height: 1;
        display:block;
    }
    .user_btn i {
        font-size: 12px;
        margin-left: 4px;
        margin-top: 0px;
    }
    .search_menu_filter{
        display: flex;
        justify-content: center;
        align-items: center;
        height: fit-content;
        position: absolute;
        top: 11px;
        right: 11px;
    }
    .search_menu_filter i {
        font-size: 11px;
    }
    .top_nav_row1 p {
        display: none;
    }

    .search_icon_top {
        display: none;
    }
    .domain_search_icon {
        padding-left: 0px;
        padding-right: 0;
        margin-left: 8px;
        max-width: 37px;
    }
    .domain_search_icon > a:first-child{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .clear_filters {
        max-width: 37px;
        margin-right: 8px;
    }
    .mobile_logo_img {
        margin-top: 0;
        margin-left: 0;
    }
    .top_searchbar_round{
        width: 64%;
        display: grid;
        grid-template-columns: 90% 10%;
    }
    .top_nav_dropdown_form {
        position: absolute !important;
        max-width: 211px;
        padding: 6px 12px;
        max-height: 300px;
        overflow: hidden auto;
    }
    .logo-wrapper{
        padding: 0;
        margin: 7px 0 7px 4px;
    }


    /*Floating btn css*/
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #ms-menu {
        display: none;
    }
    .ms-nav {
        position: fixed;
        bottom: 23px;
        left: 15px;
    }
    .ms-nav-icon-bar{
        position: fixed;
        bottom: 23px;
        right: 15px;
    }
    .ms-nav > .ms-main,.ms-nav-icon-bar > .ms-main-IB {
        position: relative;
    }

    .ms-nav > .ms-li,.ms-nav-icon-bar > .ms-li-IB{
        position: absolute;
        bottom: 0;
        left: 3px;
        transition: bottom .5s ease;
        z-index: 1;
    }
    .ms-nav-icon-bar > .ms-li-IB{
        left: unset;
        right: 9px;
        bottom: -13px;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li a,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-IB a {
        box-shadow: 0px 5px 10px #333333;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li1,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1 {
        bottom: 127%;
        transition: bottom .5s ease;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1{
        bottom: 98% !important;
    }

    .ms-nav .ms-menu-toggle:checked ~ .ms-li1 a img,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1  a img {
        opacity: 1;
        transition: opacity .5s ease .1s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-main:after {
        animation: big-border-bottom-animation .5s ease .1s;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~.ms-main-IB:after{
        animation: big-border-bottom-animation1 .5s ease .1s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li1:before{
        animation: border-top-animation .5s ease .2s;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1:before {
        animation: border-top-animation1 .5s ease .2s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li1:after {
        animation: border-bottom-animation .5s ease .2s;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1:after {
        animation: border-bottom-animation1 .5s ease .2s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li2,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-2 {
        bottom: 231%;
        transition: bottom .6s ease;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-2{
        bottom: 210% !important;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li2 a img,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-2 a img {
        opacity: 1;
        transition: opacity .6s ease .2s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li2:before{
        animation: border-top-animation .5s ease .2s;
    }

    .ms-nav .ms-menu-toggle:checked ~ .ms-li2:after,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-2:after {
        animation: border-bottom-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li3,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3 {
        bottom:338%;
        transition: bottom .7s ease;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3{
        bottom: 322%!important;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li3 a img,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li3:before,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li3:after ,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3:after{
        animation: border-bottom-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li4,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4 {
        bottom: 445%;
        transition: bottom .8s ease;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4{
        bottom: 430% !important;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li4 a img,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4 a img {
        opacity: 1;
        transition: opacity .8s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li4:before,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4:before {
        animation: border-top-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li4:after ,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4:after{
        animation: border-bottom-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li5,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5 {
        bottom: 551%;
        transition: bottom .9s ease;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5 {
        bottom: 539% !important;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li5 a img,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li5:before ,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5:before{
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li5:after,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5:after {
        animation: border-bottom-animation .5s ease .4s;
    }.ms-nav .ms-menu-toggle:checked ~ .ms-li6 {
         bottom: 656%;
         transition: bottom .7s ease;
     }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li6 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li6:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li6:after {
        animation: border-bottom-animation .5s ease .4s;
    }.ms-nav .ms-menu-toggle:checked ~ .ms-li7 {
         bottom: 765%;
         transition: bottom .7s ease;
     }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li7 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li7:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li7:after {
        animation: border-bottom-animation .5s ease .4s;
    }.ms-nav .ms-menu-toggle:checked ~ .ms-li8 {
         bottom: 872%;
         transition: bottom .7s ease;
     }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li8 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li8:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li8:after {
        animation: border-bottom-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li9 {
        bottom: 977%;
        transition: bottom .7s ease;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li9 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li9:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li9:after {
        animation: border-bottom-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li10 {
        bottom: 1078%;
        transition: bottom .7s ease;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li10 a img {
        opacity: 1;
        transition: opacity .7s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li10:before {
        animation: border-top-animation .5s ease .3s;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li10:after {
        animation: border-bottom-animation .5s ease .4s;
    }
    .ms-nav .ms-menu-toggle ~ .ms-li:before,.ms-nav-icon-bar .ms-menu-toggle-IB ~ .ms-li-IB:before {
        content: '';
        width: 45px;
        display: block;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: auto;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 0px solid #337ab7;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li:before, .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-IB:before {
        content: '';
        width: 17px;
        display: block;
        position: absolute;
        bottom: 4px;
        left: 0px;
        right: 0;
        margin: auto;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 18px solid #337ab7;
        z-index: 11;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-IB:before{
        bottom: 17px;
        left: 0px;
        right: 0;
        margin: auto;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 11px solid #337ab7;
        z-index: 0;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li:after,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-IB:after {
        content: '';
        width: 15px;
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        margin: auto;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 9px solid #337ab7;
        transition: border-bottom .3s ease;
        z-index: 11;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-IB:after {
        z-index: -1;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-main:after{
        content: '';
        width: 25px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        border-bottom: 24px solid #337ab7;
        transition: border-bottom .3s ease;
        z-index: 11;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-main-IB:after{
        content: '';
        width: 18px;
        display: block;
        position: absolute;
        top: 5px;
        left: -13px;
        right: 0;
        margin: auto;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 14px solid #337ab7;
        transition: border-bottom .3s ease;
        z-index: 11;
    }
    .ms-nav .ms-menu-toggle:checked ~ .ms-li-last:after, .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-last:after {
        content: '';
        width: 45px;
        display: block;
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        margin: auto;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 0px solid #337ab7;
    }

    .ms-nav .ms-menu-toggle:checked ~ .ms-main span,.ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-main-IB span {
        transform: rotate(-45deg);
        transition: transform .35s ease;
        font-size: 14px;
    }
    .ms-nav .ms-menu-toggle ~ .ms-main span,.ms-nav-icon-bar .ms-menu-toggle-IB ~ .ms-main-IB span {
        transition: transform .35s ease;
        opacity: 1;
        font-size: 14px;
    }
    .ms-nav > .ms-main > a,.ms-nav-icon-bar > .ms-main-IB > a {
        box-shadow: 0px 5px 10px #333333;
    }
    .ms-nav > li a,.ms-nav-icon-bar > li a {
        font-size: 30px;
        color: #FFFFFF;
        background: #337ab7;
        width: 32px;
        height: 32px;
        display: block;
        border-radius: 100%;
        position: relative;
        text-align: center;
    }

    .ms-nav > .ms-main a, .ms-nav-icon-bar > .ms-main-IB a {
        font-size: 30px;
        color: #FFFFFF;
        background: #337ab7;
        width: 38px;
        height: 38px;
        display: block;
        border-radius: 100%;
        position: relative;
        text-align: center;
        z-index: 19;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        position: relative;
        left: -1px;
    }
    .ms-nav > li > a img, .ms-nav-icon-bar > li > a img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        width: 100%;
        opacity: 0;
        z-index: 12;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ms-nav .ms-main label,.ms-nav-icon-bar .ms-main-IB label {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: white;
    }
    .ms-nav-icon-bar > .ms-main-IB a {
        left: -6px;
        top: 0px;
    }
    #sidebar.dBlock {
        display: block !important;
    }
    #share_copy.dBlock{
        display: flex !important;
    }
    @keyframes border-top-animation {
        0% {
            bottom: 0px;
        }
        50% {
            bottom:-4px;
        }
        100% {
            bottom: 0px;
        }
    }
    @keyframes border-top-animation1 {
        0% {
            bottom: 16px;
        }
        50% {
            bottom:6px;
        }
        100% {
            bottom: 16px;
        }
    }
    @keyframes border-bottom-animation {
        0% {
            top: 0px;
        }
        50% {
            top: -6px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes border-bottom-animation1 {
        0% {
            top: 0px;
        }
        50% {
            top: -8px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes big-border-bottom-animation {
        0% {
            top: 0px;
        }
        50% {
            top: -14px;
        }
        100% {
            top: 0px;
        }
    }
    @keyframes big-border-bottom-animation1 {
        0% {
            top: 0px;
        }
        50% {
            top: -12px;
        }
        100% {
            top: 4px;
        }
    }
    div#sidebar> div:first-child {
        display: none;
    }
    #linkedin_ads img {
        background: #0b1d42;
        border: 2px solid #90aae2;
        width: 32px;
        height: 32px;
    }
    #linkedin_ads {
        width: 32px;
        height: 32px;
    }
    freshchat-widget {
        display: none;
    }
    .new-feature-warpper {
        top: 61px;
    }
    .new-feature-btn {
        width: 45px;
        height: 45px;
    }



    .icon-bar {
        justify-content: center;
        align-items: center;
        gap: 11px;
        flex-direction: column;
        top: unset;
        bottom: 20px;
    }
    .icon-bar  .ms-nav{
        right: 15px;
        left: unset;
        bottom: 83px;
    }
    a#req_modal_button {
        display: block;
    }

    nav.navbar.navbar-expand-lg.navbar-light.top_nav> div:first-child {
        margin-top: 5px;
    }
    .notification-wrapper .notification-bell-dd .dropdown-notification-menu {
        min-width: 188px;
        box-shadow: 0px 6px 24px -12px #0000008a;
    }
    .notification-wrapper h3.notification-heading {
        font-size: 12px;
        padding: 8px;
        margin-bottom: 5px;
    }
    .notification-wrapper span.noti-count {
        padding: 2px 4px;
        font-size: 9px;
        margin-left: 2px;
        line-height: 1.3;
    }
    span.ads-pic {
        width: 28px;
        height: 28px;
    }

    .new-notification .ads-pic:before {
        top: -2px;
        font-size: 6.6px;
        padding: 1px 4px;
        line-height: 1.4;
        left: 3px;
    }
    .notification-wrapper .notification-bell-dd .ads-pic~span {
        font-size: 10px;
    }
    .notification-wrapper .dropdown-item p {
        font-size: 9px;
        gap: 2px;
    }
    .notification-bell-dd .view-all-div a {
        font-size: 10.3px;
        padding: 7px 0;
    }
    .user_dropdown_div {
        padding-top: 6px!important;
        padding-right: 15px!important;
        padding-bottom: 6px!important;
    }
    .notification-wrapper .user_dropdown_div a {
        font-size: 12px;
    }
    .user_dropdown_div a {
        margin-bottom: 5px;
    }
    div#only_login > a:last-child {
        border-bottom: 1px solid #80808000;
        margin-bottom: 0;
    }
    div#fc_frame {
        display: none;
    }
    .new-feature-warpper {
        z-index: 9;
    }
    #sidebar.dBlock {
        z-index: 9991;// add more
    }
    #share_copy a.scrolltop_main_a {
        display: none;
    }
    .icon-bar {
        bottom: 23px;
        padding-bottom: 0;
    }
    #navbarSupportedContent > div:nth-child(2)::-webkit-scrollbar-track{
        background: #f5f8ff00;
    }
    #navbarSupportedContent > div:nth-child(2)::-webkit-scrollbar-thumb{
        background-color: #ffffff;
        border: 3px solid #326de7;
    }
    ::placeholder {
        font-size: 12px;
    }
    .top_nav_dropdown_form .form-group {
        margin-bottom: 4px;
    }
    .top_nav_dropdown_form label {
        margin-bottom: 4px;
        padding-left: 3px;
        font-size: 12px;
    }
    .sidebar_multiselect {
        border-color: #e7e7e7;
        margin-bottom: 0;
        padding-left: 11px;
        padding-right: 11px;
        font-size: 12px;
        margin-left: 0;
    }
    .ms-nav>.ms-main a {
        font-size: 30px;
        color: #fff;
        background: linear-gradient(45deg, #fbb03b, #853712);
        width: 38px;
        height: 38px;
        display: block;
        border-radius: 100%;
        position: relative;
        text-align: center;
        z-index: 19;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
        position: relative;
        left: -1px;
        border: 2px solid #b7802a;
        box-shadow: 1px 1px 12px -1px black, inset -3px -3px 5px 0px #0000000a;
    }
    a.refer-a-friend {
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(151deg, #0790bf, #0e71ad);
        color: white !important;
        width: fit-content;
        padding: 5px 14px !important;
        margin: 5px auto 11px;
        border-radius: 4px;
        border: none !IMPORTANT;
        max-width: 121px;
    }
    .search_menu_filter {
        display: flex;
        justify-content: center;
        align-items: center;
        height: fit-content;
        position: absolute;
        top: 9px;
        right: 18px;
        background: linear-gradient(149deg, #4de0ef, #1070d3);
        display: flex;
        justify-content: center;
        text-align: center;
        padding-right: 0;
        padding: 6px 7px !important;
        border-radius: 5px;
        box-shadow: 1px 2px 8px -5px #ffffff8f, inset -2px -3px 5px -4px #d7d7d7;
        overflow: hidden;
    }
    a.search_menu_filter span:nth-child(1) ,a.refer-a-friend span:nth-child(1){
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right, #6cbbff, #caecff);
        animation: animate1 2s linear infinite;
    }

    @keyframes animate1 {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(100%);
        }
    }

    a.search_menu_filter span:nth-child(2),a.refer-a-friend span:nth-child(2) {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 2px;
        background: linear-gradient(to bottom, #6cbbff, #caecff);
        animation: animate2 2s linear infinite;
        animation-delay: 1s;
    }
    @keyframes animate2 {
        0% {
            transform: translateY(-100%);
        }
        100% {
            transform: translateY(100%);
        }
    }

    a.search_menu_filter span:nth-child(3),a.refer-a-friend span:nth-child(3) {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(to left, #6cbbff, #caecff);
        animation: animate3 2s linear infinite;
    }

    @keyframes animate3 {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

    a.search_menu_filter span:nth-child(4),a.refer-a-friend span:nth-child(4) {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background: linear-gradient(to top, #6cbbff, #caecff);
        animation: animate4 2s linear infinite;
        animation-delay: 1s;
    }

    @keyframes animate4 {
        0% {
            transform: translateY(100%);
        }
        100% {
            transform: translateY(-100%);
        }
    }
    .notification-wrapper {
        top: 10px;
        right: 46px;
    }
    .search_menu_filter i {
        margin-top: 0 !important;
    }
    .top_nav_dropdown_form .form-control {
        border-color: #e7e7e7 !important;
        border-radius: 8px;
    }
    .anim_new {
        top: -10px;
    }
    .notificationloader{
        margin: 25.5px auto;
    }
    .chrome_extension_popup {
        display: none !important;
    }


    .right_icon_round {
        width: 32px;
        height: 32px;
        border-radius: 80px;
        box-shadow: 0px 3px 6px #00000029;
    }
    .right_icon_round img {
        width: 16px !important;
        height: 13px !important;
        top: 4px!Important;
    }
    .ms-nav > li a, .ms-nav-icon-bar > li a {
        width: 32px;
        height: 32px;
    }
    /*a#copyshareurl {*/
    /*    display: block !important;*/
    /*}*/
    .icon-bar-a{
        display: none !important;
    }
    input#ms-main-IB {
        display: none;
    }
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-1:before,
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-2:before,
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-3:before,
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-4:before,
    .ms-nav-icon-bar .ms-menu-toggle-IB:checked ~ .ms-li-5:before{
        animation: border-top-animation1 .5s ease .2s;
    }
    .sidebar_multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #97b8f1 !important;
        border-radius: 5px!important;
        padding: 0 5px 0px 4px;
    }
}

@media (max-width: 700px){
    .language_dropdown {
        display: flex!important;
    }
}
@media screen and (max-width: 600px){

    nav.navbar.navbar-expand-lg.navbar-light.top_nav.heightFull{
        height: 100% !important;
    }

    .top_nav_div1 {
        width: 100%;
    }
    .top_nav_row2 {
        margin-bottom: 0;
        width: 100%;
        margin-top: 26px;
    }
    .language_dropdown_btn {
        padding-right: 0px;
    }
    .user_btn {
        padding-right: 4px;
    }
    .notification-wrapper .notifications-div {
        padding: 0 2px;
    }
    .notification-wrapper .notification-bell-dd .dropdown-notification-menu {
        min-width: 171px;
    }
    .top_nav_dropdown_form {
        max-width: 253px;
    }
}

/*TOPBAR NEWCSS ENDS*/

/*   for native desc     */

.native-ad-header {
    align-items: flex-start;
}
#fdiv .ad-icon img ,#sdiv .ad-icon img ,#tdiv .ad-icon img {
    max-width: 45px !important;
}

.whole-wrapper-NRF {
    max-width: 900px;
    margin: auto;
    background: #fbfdff;
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 4px 13px -11px black;
}

.whole-wrapper-NRF a {
    text-decoration: none !important;
    color: white !important;
}

.content-wrapper {
    display: grid;
    grid-template-columns: 25% 75%;
    background: #fbfdff;
    border-radius: 13px 13px 0 0;
}

.content-wrapper img {
    max-width: 202px;
    text-align: center;
    margin: auto;
    padding: 0 3px 13px;
    animation: bounce .6s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, .05, 1, .5);
    animation-iteration-count: infinite;
}

.content-wrapper-right {
    background: #f5f8ff;
    padding: 3px 17px;
    border-radius: 0 11px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    font-size: 13px;
    margin-bottom: 0;
}

.whoops-heading {
    margin: 8px 0;
    color: #fd6b26;
    font-size: 21px;
}

.sub-heading {
    font-size: 18px;
    margin: 0;
    color: #ff6d6d;
}

.content-wrapper-right p {
    margin: 7px 0;
}

.upgrade-heading {
    text-align: center;
    color: #6b6b6b;
    margin: 7px 4px 14px;
    font-size: 20px;
    font-weight: 600;
}

.features-wrapper ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 7px;
    margin: 5px auto;
}

.features-wrapper ul li {
    /* background: linear-gradient(169deg, #f5f8ff, #f5f8ff); */
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    transition: all .3s;
    border: 1px solid #c1d1f5;
}

.features-wrapper ul li:hover {
    box-shadow: none;
}

.stop-text {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    padding-top: 20px;
    margin-bottom: 8px;
}

.unsure-text {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 20px;
    margin-top: 20px;
}

.save-text {
    font-size: 14px;
    font-weight: 700;
    color: #02308f;
    font-style: italic;
}

.level-up-now {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    background-size: 300% 100%;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    padding: 7px 11px;
    border: 1px solid #326de700;
    min-width: 94px;
    box-shadow: 0px 0px 5px #1663d1b3;
    transition: all .3s;
    font-weight: 500;
    margin-left: 12px;
}

.level-up-now:hover {
    box-shadow: none;
}

.raise-tckt-btn {
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #326de700;
    min-width: 90px;
    box-shadow: 0px 0px 5px #1663d1b3;
    transition: all .3s;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    font-size: 12px;
    color: #ffffff;
    padding: 7px 11px;
    margin-left: 5px;
}

.connect-with-us {
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #326de700;
    min-width: 38px;
    min-height: 34px;
    box-shadow: 0px 0px 5px #1663d1b3;
    transition: all .3s;
    background: #26a9e1;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    vertical-align: top;
}

.promoCode {
    padding: 6px 27px 6px 11px;
    border-radius: 6px;
    color: white;
    display: inline-block;
    outline: 0;
    border: 0;
    max-width: 109px;
    margin: auto;
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
}

.copy-wrapper {
    margin: 0px 0px 11px;
    position: relative;
}

#copy {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 100%;
    color: white;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    background: #3b5998;
}

#copy i {
    display: block;
    line-height: 30px;
    position: relative;
}

#copy i.copied::after {
    position: absolute;
    top: 0px;
    right: 35px;
    height: 26px;
    line-height: 2;
    display: block;
    content: "copied";
    font-size: 12px;
    padding: 2px 10px;
    color: #fff;
    background-color: #000000;
    border-radius: 3px;
    opacity: 1;
    will-change: opacity, transform;
    -webkit-animation: showcopied 1.5s ease;
    animation: showcopied 1.5s ease;
    text-transform: capitalize;
}

#copy:hover {
    cursor: pointer;
    background-color: #dfdfdf;
    transition: background-color 0.3s ease-in;
}

@keyframes showcopied {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    70% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
    }
}

@keyframes bounce {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, 40px, 0);
    }
}

@media screen and (max-width:480px) {
    .content-wrapper {
        grid-template-columns: 100%;
    }
}
#social_chart text {
    font-size: 12px;
}

/* whatsApp css */

.whatsApp-wrapper {
    position: fixed;
    bottom: 90px;
    z-index: 9999;
    border-radius: 50%;
    right: 28px;
}
span.whatsapp-tooltip {
    position: absolute;
    background: linear-gradient(45deg, #9dbf39, #b16b08);
    width: fit-content;
    white-space: nowrap;
    color: white;
    font-size: 12px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    right: 100%;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: 600;
    transition: all .3s;
    transform-origin: right;
}
.whatsApp-wrapper a:hover .whatsapp-tooltip {
    transform: translateY(-50%) scale(1);
}
.whatsApp-wrapper img {
    max-width: 42px;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width:990px){
    .whatsApp-wrapper {
        bottom: 13px;
    }
    .whatsApp-wrapper img {
        max-width: 45px;
    }
}

.daterangepicker {
    z-index: 9999999999;
}

/*pricing modal*/
#subscription-modal .modal-body {
    padding-top: 10px;
}
#subscription-modal .modal-dialog{
    max-width: 660px !important;
    border: none;
    border-radius: 5px;
}
#subscription-modal .modal-content {
    /*background: linear-gradient(180deg, #1b1e3d, #1b1e3d99) !important;*/
    background: none;
}
#subscription-modal .modal-content.content {
    top: unset;
}
#subscription-modal .modal-header.heading-pass {
    border-bottom: none;
}
#subscription-modal .modal-title {
    color: white;
    font-weight: 400;
    /* letter-spacing: 1px; */
    font-size: 16px;
}
#subscription-modal .para{
    color: white;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 300;
    padding-right: 50px;
    margin-bottom: 30px !important;
}
#subscription-modal .plans h6 {
    font-size: 9px;
    padding: 0;
    margin: 0;
    color: #FFCC00;
}
#subscription-modal .plans p{
    color: white;
}
#subscription-modal .pricing p{
    color: white;
    margin: 0 !important;
    color: #ffcc00;
    padding-top: 8px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
}
#subscription-modal .flex-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#subscription-modal .flex-content {
    background-color: white;
    color: black;
    display: flex;
    padding: 5px 9px;
    border-radius: 5px;
    gap: 8px;
    align-items: center;
}
#subscription-modal .flex-content p {
    margin-bottom: 0;
    font-size: 11px;
    color: #1C1E3E;
}
#subscription-modal .flex-content .icon {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.15);
}

#subscription-modal .upgrade-btn{
    padding: 10px 30px !important;
    background: linear-gradient(180deg, #f4cb02, #80e22ab8) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 0px solid transparent;
    border-radius: 5px;
    position: relative;
    box-shadow: inset 0px 2px 1px -1px #ffffff96;
}
#subscription-modal .learn-more{
    background: linear-gradient(181deg, #20d6c9, #2f678c) !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    padding: 10px 30px !important;
    box-shadow: inset 0px 2px 1px -1px #ffffff96;
    border: 0px solid transparent;
    border-radius: 5px;
}
#subscription-modal .close {
     color: white;
    background: transparent;
    border: 0;
    padding: 11px 15px;
}
#subscription-modal .close i{
    font-size: 17px;
    color: #ccc;
}
#subscription-modal .close i:hover{
    color: #fff;
}
#subscription-modal .icons{
    display: flex;
    gap: 3px;
}
#subscription-modal .social-icon{
    height: 12px;
    width: 12px;

}
#subscription-modal .social-icon img{
    width: 100%;
}
#subscription-modal .flex-content .icon i{
    font-size: 8px !important;
}

#subscription-modal .modal-footer {
    border-top: none;
    padding-bottom: 1rem;
}
div#content.pinterest-ads-wrapper {
    margin-bottom: 228px !important;
}

div#only_login.user_dropdown_div {
    z-index: 999999;
}
.new-feature-item h4.title {
    font-size: 12px;
    font-weight: 600;
    color: #3b5998;
    text-transform: capitalize;
}
.img-slider-wrapper {
    width: 295px;
    height: 152.12px;
}
.img-slider {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: auto hidden;
    gap: 16px;
}
.feature-content-wrapper ::-webkit-scrollbar {
    width: 12px;
    height: 9px;
}
a#source_url >li, a#final_url>li {
    list-style: none;
    display: block;
    word-break: break-word;
    max-width: 200px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*  create request css */
/*.hide-create-requests.select2-dropdown--above,.hide-create-requests.select2-dropdown--below{*/
/*    display: none;*/
/*}*/
.urlExample {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.urlExample p{
    margin-bottom: 6px;
}
.user-requests .select2-selection__choice {
    margin-top: 6px !important;
}

/*power */
/* new modal */
.PAS_form .country,
.PAS_form .industry {
    margin: 0;
}

.PAS_form form {
    max-width: 600px;
    margin: auto;
}

.PAS_form .buttons {
    display: flex;
    justify-content: end;
    gap: 20px;
    flex-wrap: wrap;
}

.other_input_field {
    display: none;
}

.other_input_field.block {
    display: block;
}
.PAS_form .modal-content{
    padding-block: 1rem;
    border-radius: 10px;
}
.PAS_form .modal-body{
    padding-inline: 0.5rem !important;
}
.PAS_form .modal-dialog{
    max-width: 600px !important;
}
.PAS_form .pas-form-submit{
    background: #662bc3;
}
.PAS_form .pas-form-cancel{
    background: #ea7782;
}

.PAS_form p {
    font-weight: 500;
    font-size: 15px;
    font-family: 'OpenSans-Semibold';
    color: #5c5c5c;
}

#countryIndustry>span:first-of-type {
    width: 100% !important;
}

.select2-results .flag-text {
    margin-left: 10px;
}
#countryIndustry  .selection {
    width: 100%;
}
#countryIndustry .select2-container--default .select2-selection--single{
    min-height: 2.5rem !important;
    background-color: #fff !important;
    border: 1px solid #aaa !IMPORTANT;
    border-color: #8080804f !important;
    border-radius: 4px;
    width: 100% !important;
    padding: 0 21px 0 11px;
}
#countryIndustry  span.select2-selection.select2-selection--multiple {
    padding-top: 2px;
}
#countryIndustry .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 6px;
    right: 6px;
}
#countryIndustry .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 5px 5px 0 5px !important;
}
#countryIndustry .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top: 4px !important;
    margin-top: 0;
}
#countryIndustry .select2-container--default .select2-selection--multiple input[type="search"]::placeholder{
    font-size: 13px;
}
#countryIndustry .select2-container--default .select2-selection--multiple input.select2-search__field {
    border: none !important;
    margin-top: 0;
    padding: 3px 0;
}
#powerModal .input-group.invite_txt_area.create_req_countries_div {
    border-radius: 3px;
    border-color: #8080804f;
}
/* power */
.coolBeans {
    border: 2px solid currentColor;
    border-radius: 3rem;
    color: #f5f5f5;
    font-family: roboto;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    padding: 0.5rem 1rem;
    position: relative;
    text-decoration: none;
    transition: 0.2s transform ease-in-out;
    will-change: transform;
    z-index: 0;
    white-space: nowrap;
    display: inline-block;
    margin-top: 5px;
}
.coolBeans::after {
    background-color: #f5f5f5;
    border-radius: 3rem;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: 0.2s transform ease-out;
    will-change: transform;
    z-index: -1;
}
.coolBeans:hover::after {
    transform: translate(0, 0);
}
.coolBeans:hover {
    border: 2px solid transparent;
    color: #4b0082;
    transform: scale(1.05);
    will-change: transform;
}

@media (max-width:991px){
    .coolBeans{
        font-size: 10px;
        padding: 5px 10px;
        margin-top: 0;
    }
}
.PAS_form .create_req_countries_div .select2-container--default .select2-selection--multiple .select2-selection__choice {

    background: #cbcbcb47 !important;
    border-radius: 4px !important;
    padding: 1px 7px;
}

.PAS_form .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #cbcbcb47 !important;
border-radius: 4px !important;
padding: 1px 7px;
}

.PAS_form .modal-header button.close {
position: absolute;
right: 25px;
top: 25px;
}

.coolBeans:focus, .CoolBeans:hover {
    color: #4b0082;
    background: #f5f5f5;
    border-color:  #f5f5f5;
}

.sort-by-new{
    position: absolute;
    font-size: 7px;
    font-weight: 400;
    padding: 2px 5px;
    background: linear-gradient(45deg, #fbb03b, #ed1c24);
    border-radius: 5px;
    top: 0px;
    left: -7px;
    /* right: -8px; */
}
.impression-new{
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    padding: 2px 5px;
    background: linear-gradient(45deg, #fbb03b, #ed1c24);
    border-radius: 5px;
    top: 3px;
    color: white;
}
#countryIndustry span.select2-selection.select2-selection--multiple {
    padding-top: 2px;
    min-height: 2.5rem;
    Border-color: #666;
}

#countryIndustry{
   padding-bottom: 15px;
}
#powerModal .input-group.invite_txt_area.create_req_countries_div {
    border-color: #666;
}
#user-rquests .select2-search.select2-search--inline{
    width: 100% !important;
}
#powerModal .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 8px;
}
.pop-up-form {
    z-index: 1000;
    position: fixed;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    display: block;
    border-radius: 10px;
    height: 38rem;
    overflow-y: auto;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  
  .pop-up-form::-webkit-scrollbar {
    display: none;
  }

  #hide_search_by_filters.show{
    display:inline-block !important;
  }
  #hide_sort_by_filters.show{
    display:inline-block !important;
  }
  #standard_filterj.show{
    display:inline-block !important;
  }
  #premium_filter1.show{
    display:inline-block !important;
  }
  #premium_filter.show{
    display:inline-block !important;
  }
  .selection{
    width:100%; 
  }

  .fserv-container .fserv-label, .fserv-container button{
    font-family: OpenSans-Bold !important;
  }