@import "../css/fonts.css";

* {
    padding: 0;
    margin: 0;
    outline: none;
}


/*---------- Style ----------*/

body {
    background-color: #fff;
    font-family: 'Poppins';
    color: #3B3B3B;
    font-weight: 400;
    font-size: 16px;
    position: relative;
}

h1 {
    font-size: 90px;
    color: #3B3B3B;
    font-family: 'Poppins';
}

h2 {
    color: #3B3B3B;
    font-size: 36px;
    font-family: 'Poppins';
}

h3 {
    color: #3B3B3B;
    font-size: 30px;
    font-family: 'Poppins';
}

h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

img {
    max-width: 100%;
}

a {
    color: #FF5B00;
    text-decoration: unset;
}

a:hover {
    color: #FDBB55;
}

.btn {
    text-transform: capitalize;
    padding: 10px 30px;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF5B00;
    --bs-btn-border-color: #FF5B00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FDBB55;
    --bs-btn-hover-border-color: #FDBB55;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF5B00;
    --bs-btn-active-border-color: #FF5B00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FF5B00;
    --bs-btn-disabled-border-color: ##FF5B00;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3B3B3B;
    --bs-btn-border-color: #707070;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3B3B3B;
    --bs-btn-hover-border-color: #3B3B3B;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #707070;
    --bs-btn-active-border-color: #707070;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #707070;
    --bs-btn-disabled-border-color: #707070;
}

.btn-secondary2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF5B00;
    --bs-btn-border-color: #FF5B00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF5B00;
    --bs-btn-hover-border-color: #FF5B00;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FDBB55;
    --bs-btn-active-border-color: #FDBB55;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FDBB55;
    --bs-btn-disabled-border-color: #FDBB55;
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: #3B3B3B;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #FF5B00;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: transparent;
    text-decoration: none;
}

.primary-text {
    color: #FF5B00;
}

.secondary-text {
    color: #FDBB55;
}

.btn-shadow {
    box-shadow: 4px 4px 30px 0px rgb(0 0 0 / 13%);
}

/*---------- Content ----------*/

main#content {
    overflow: hidden;
}

.btn-check:focus+.btn,
.btn:focus {
    background-color: #FF5B00;
    border-color: var(--bs-btn-hover-border-color);
    outline: unset;
    box-shadow: 4px 4px 30px 0px rgb(0 0 0 / 13%);
}


/*---------- Header ----------*/


.mfp-content .mfp-figure figure img {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 14px;
}
.mfp-counter {
    display: none;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FF5B00 !important;
    right: -4px !important;
    width: 10% !important;
    top: -10px !important;
    font-size: 30px !important; 
  }
  .mfp-arrow-left::after {
    border-right: 17px solid #FF5B00 !important;
  }
  .mfp-arrow-right::after {
    border-left: 17px solid #FF5B00 !important;
  }
 

.header {
    position: relative;
    z-index: 6;
    min-height: 120px;
    margin-bottom: -120px;
}

.top-bar .nav-topbar {
    justify-content: flex-end;
    margin-left: auto;
}

.top-bar .nav-topbar li a img {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
}

li.nav-item.search-icon-img a img {
    filter: brightness(0.1);
}

.top-bar .nav-topbar li a:hover img {
    filter: unset !important;
}

.top-bar .nav-topbar li {
    border-left: 1px solid #D9D9D9;
}

.top-bar .nav-topbar li:first-child {
    border-left: 0px;
}

.top-bar .nav-topbar li a {
    background-color: #fff;
    margin: 0 5px;
    padding: 5px 5px;
    border-radius: 30px;
    transition: 0.3s;
}

.top-bar .nav-topbar li a:hover {
    background-color: #FF5B00 !important;
}

.navbar-brand img {
    height: 50px;
}

#nav-menu ul li {
    margin: 1px 1px;
}

#nav-menu ul li a {
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 4px 14px;
    border-radius: 7px;
    color: #ffffff;
    margin-left: 32px;
}

#nav-menu ul li a:hover {
    background-color: #FF5B00;
    color: #fff;
}

.colr_active a {
    background-color: #FF5B00 !important;
    color: #fff !important;
}

/* #nav-menu ul li.nav-item.active a {
    background-color: #FF5B00;
    color: #fff !important;
    padding: 5px 14px;
    border-radius: 7px;
} */

/*---------- Section ----------*/


.section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.section .section-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
}


.sub-heading {
    font-size: 25px;
    font-weight: 400;
}

.static-search-section h4 {
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    line-height: 38px;
    font-size: 25px;
    padding: 15px 0;
}

.mouse-up-down {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 8%;
    text-align: center;
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

/* check 123*/

#eq-loader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    background-color: #1f212d;
    z-index: 999999;
    text-align: center;
}

.eq-loader-div {
    position: absolute;
    top: 0%;
    left: 240px;
    z-index: 999999;
    bottom: 50%;
    left: 0;
    right: 0;
}



/*-- welcome section --*/
.welcome-content.animate.fadeInDown.two {
    background-color: transparent !important;
}

.welcome-to-bg {
    position: relative;
    padding-top: 120px !important;
    /* z-index: -1; */
}

.welcome-to-bg .welcome-bg-inn {
    position: absolute !important;
    top: -10px;
    left: 0px;
    bottom: auto;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
}

.welcome-bg-inn .decoration-line {
    position: absolute;
    width: 100%;
}

.welcome-bg-inn .decoration-line img {
    width: 100%;
}

.welcome-bg-inn .decoration-plus {
    position: absolute;
    width: 100%;
}

.welcome-bg-inn .decoration-orange-shadow {
    position: absolute;
    width: 100%;
}

.welcome-bg-inn .decoration-blue-shadow {
    position: absolute;
    width: 100%;
}

#welcome-to {
    padding-top: 120px;
    padding-bottom: 120px;
}

.welcome-content p {
    font-size: 26px;
    color: #3B3B3B;
    font-weight: 600;
}

.insights-content h1 {
    font-weight: 700;
    font-size: 56px;
    color: #3B3B3B;
}

#welcome-to .main-content h4 {
    font-size: 22px;
    line-height: 40px;
    font-weight: 300;
}

#welcome-to .welcome-content h5 {
    font-weight: 500 !important;
    font-size: 30px;
}

.last-content h5 {
    font-size: 25px;
    font-weight: 500;
}

/*-- behavioral section  --*/
section#dashboard-title .tags-section ul li {
    background-color: #ff5b00;
    color: #fff;
}

section#behavioral-insights .card-behavioral .card-text h2 {
    height: 65px;
}

section#behavioral-insights .card-behavioral .card-text p {
    margin-bottom: 0px;
}

section#behavioral-insights .card-image {
    height: 200px;
}

section#behavioral-insights .card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.card-behavioral {
    position: relative;
    border-radius: 15px;
    /* margin: 50px 30px 25px; */
    padding: 20px 20px;
    height: 335px;
    transition: 0.8s;
    border: 0px;
    border-radius: 15px;
    background-color: #FF5B00;
}

.card-behavioral .card-body {
    padding: 0px;
}

/* .card-behavioral .card-img {
    position: absolute;
    overflow: hidden;
    right: -20px;
    top: -50px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    text-align: center;
    background-color: #993700;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 15%);
    transition: 0.8s;
} */

/* .card-behavioral .card-img img {
    position: relative;
    width: 150px;
    height: 150px;
    right: -10px;
    top: 20px;
} */

/* .card-behavioral-two .card-img {
    background-color: #C68F3B;
}

.card-behavioral-three .card-img {
    background-color: #242424;
} */

.card-behavioral-two .number,
.card-behavioral-two .number-per {
    color: #FF5B00 !important;
}

.card-behavioral-three .number,
.card-behavioral-three .number .number-per {
    color: #FF5B00 !important;
}

.card-behavioral .number {
    line-height: 0.8em;
    color: #FDBB55;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0;
}

.card-behavioral .number .number-per {
    color: #FDBB55;
    font-size: 30px;
}

.card-behavioral .card-text {
    color: #fff;
}

.card-behavioral .card-text p {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2em;
}

.card-behavioral .card-text p strong {
    font-weight: 600;
}

.card-behavioral .card-text .btn {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.card-behavioral .card-text .btn:hover {
    color: #FDBB55;
}

.card-behavioral-two {
    background-color: #FDBB55;
}

.card-behavioral-two .card-text {
    color: #3B3B3B;
}

.card-behavioral-two .card-text p {
    color: #3B3B3B;
}

.card-behavioral-two .card-text .btn {
    color: #3B3B3B;
}

.card-behavioral-two .card-text .btn:hover {
    color: #FF5B00;
}

.card-behavioral-three {
    background-color: #3B3B3B;
}

.card-behavioral:hover {
    transform: translateY(-10px);
}

.card-behavioral:hover .card-img {
    transform: scale(0.8);
    top: -45px;
    right: -35px;
    background-color: #993700;
}

.card-behavioral-two:hover .card-img {
    background-color: #C68F3B;
}

.card-behavioral-three:hover .card-img {
    background-color: #242424;
}

/*-- community section  --*/
.comunity-background {
    position: relative;
    overflow: hidden;
    height: 517px;
    background: url(../images/community-bg.svg);
    background-attachment: scroll;
    background-color: #3B3B3B;
    background-position: 100% 100%;
    display: flex;
}

.community-content {
    color: #fff;
    padding: 60px 0px 0px 0px;
    justify-content: center;
    align-items: center;
}

.community-content h3 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    color: #fff;
}

.community-content p {
    /* font-size: 25px; */
    /* color: #fff; */
    font-weight: 400;
    line-height: 1.5em;
    /* margin-bottom: 15px; */
}

section#socialpuls-section p {
    margin-bottom: 0;
}

.community-info .community-image {
    position: relative;
    top: 20px;
    left: 0px;
}

/*-- customer section  --*/

.customer-image img {
    margin: 30px auto;
    display: table;
    border-bottom: 1px solid;
}

.customer-conten .c-title {
    font-size: 48px;
    text-transform: uppercase;
    color: #3B3B3B;
}

.customer-conten {
    padding: 0px 30px;
}

.customer-conten p {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 30px;
}

.customer-conten a.cust-btn {
    text-decoration: unset;
    color: #fff;
    background-color: #FF5B00;
    padding: 8px 25px;
    border-radius: 11px;
    transition: 0.8s;
    font-family: 'Poppins';
}

/* behavioral unlock page */
.unlock-dashboard-heading {
    padding-top: 200px;
}

section#unlock-dashboard-title h2 {
    font-size: 60px;
    text-transform: uppercase;
}

section#unlock-dashboard-title .unlock-dashboard p {
    font-size: 25px;
    font-weight: 300;
}

/* section#unlock-dashboard-title .dashboard-image {
    display: flex;
    justify-content: center;
    align-items: center;
} */
section#unlock-section .number-count {
    text-align: center;
}

section#unlock-section .unlock-btn {
    text-align: center;
}

section#unlock-dashboard-title .dashboard-image img {
    width: 290px;
    height: 270px;
}

section#unlock-section .dummy-content h2 {
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
}

section#unlock-section .dummy-content p {
    font-size: 22px;
    line-height: 34px;
    color: #707070;
}

section#unlock-section .term-cond a {
    color: #707070;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
}

section#unlock-section .number-count h2 {
    font-size: 200px;
    color: #FF5B00;
    font-weight: 700;
}

.number-count h2 span.dollar-sign {
    font-size: 100px;
}

/*-- social plus --*/
li.nav-item.dropdown button.nav-link {
    background-color: #ff5b00;
    opacity: 100% !important;
    color: #fff !important;
    padding: 6px 16px;
    text-transform: initial;
}

section#socialpuls-section .card-social:hover .click-hover-icon {
    opacity: 7;
}

section#socialpuls-section .click-hover-icon {
    opacity: 0;
    transition: 0.8s;
}

section#socialpuls-section .click-hover-icon img {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

section#social-puls-tabs .owl-nav button {
    position: static;
    border: 2px solid #FF5B00 !important;
    border-radius: 60px !important;
    width: 35px;
    height: 35px;
}

section#social-puls-tabs .owl-nav {
    float: right;
}

section#social-puls-tabs .owl-nav button span {
    font-size: 20px;
    color: #FF5B00;
    padding: 6px 0px;
}

section#social-puls-tabs .modal-header button.buttton-close {
    border: 2px solid #FF5B00;
    border-radius: 30px;
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto;
    background-color: transparent;
    width: 35px;
    height: 35px;
}

section#social-puls-tabs .modal-header button.buttton-close img {
    width: 16px;
    height: 16px;
}


section#social-puls-tabs {
    background-image: url('website-assets/images/social-bg.png');
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 100px !important;
}

section#welcome-to .insights-content.animate.fadeInDown.two h1 strong {
    font-weight: 700 !important;
}

section#welcome-to .insights-content.animate.fadeInDown.two h1 {
    font-weight: 500;
}


section#social-puls-tabs .tabs-section ul li a.active {
    border-radius: 3px;
    border-bottom: 4px solid #FDBB55;
    color: #3B3B3B;
    font-weight: 700;
    opacity: 100% !important;
}

section#social-puls-tabs .tabs-section ul li a {
    font-size: 22px;
    font-weight: 700;
    color: #3B3B3B;
    opacity: 60%;
    white-space: nowrap;
}

li.-more button {
    background-color: #ff5b00;
    opacity: 100% !important;
    color: #fff !important;
    text-transform: initial;
    font-size: 22px;
    font-weight: 700;
    padding: 0.1em 0.4em;
    border-radius: 10px;
    border: unset;
}

/* section#social-puls-tabs .tabs-section ul li button#more {
    background-color: #ff5b00;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 4px 24px;
} */

section#social-puls-tabs .tabs-section ul#myTab li {
    flex-grow: 1;
}

/* section#demographic .demographic-content p {
    margin-bottom: 0;
} */

.card-social {
    position: relative;
    background-color: #FF5B00;
    border: 0px;
    height: 370px;
    border-radius: 15px;
    padding: 30px 30px 10px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: transform 250ms;
}

.card-social .social-image {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    transition: 0.8s;
    filter: sepia(2);
    opacity: 0.2;
}

.card-social .number {
    color: #FDBB55;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
}

.card-social .number .number-per {
    color: #FDBB55;
    font-size: 24px;
}

.card-social .social-text {
    position: relative;
    z-index: 2;
    color: #fff;
}

.card-social p {
    font-size: 22px;
    line-height: 1.3em;
    /* font-weight: 300; */
}

.social-bg-grey {
    background-color: #3B3B3B;
}

.social-bg-grey .social-image {
    filter: grayscale(1);
    opacity: 0.2;
}

.social-bg-grey .number {
    color: #FF5B00;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
}

.social-bg-grey .number .number-per {
    color: #FF5B00;
    font-size: 24px;
}

.card-social:hover {
    transform: translateY(-10px);
}

.card-social:hover .social-image {
    transform: translate(0px, -10px);
}

section#social-pulse {
    background-image: url('../images/Social Pulse Background Elements.png');
    background-position: center;
    background-size: 110% 70%;
    background-repeat: no-repeat;
}

/* section#socialpuls-section {
    background-image: url('../images/Social Pulse Background Elements.png');
    background-position: center;
    background-size: 110% 70%;
    background-repeat: no-repeat;
} */

section#social-pulse .social-text strong {
    font-weight: 600;
}

/*-- demographic --*/

section#demographics-socio-economic .education-section-content:hover {
    cursor: pointer !important;
}

section#demographics-section .small-cards:hover {
    cursor: pointer !important;
}

.demographics-background {
    position: relative;
    overflow: hidden;
    min-height: 517px;
    background-image: url(../images/community-bg.svg);
    background-attachment: scroll;
    background-color: #FF5B00;
    /* border-radius: 15px; */
    background-position: 100% 100%;
    display: flex;
}

.demographic-content {
    color: #fff;
    padding: 60px 0px 0px 0px;
    align-items: center;
    justify-content: center;
}

.demographic-content h3 {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    color: #fff;
}

.change-color {
    background-color: #fdbb55;
}

.demographic-content p {
    /* font-size: 25px; */
    color: #fff;
    font-weight: 400;
    line-height: 1.5em;
    /* margin-bottom: 1rem; */
}

.demographic-content a {
    background-color: #fdbb55;
}

.demographic-info .demographic-image {
    position: relative;
    top: 20px;
    left: 0px;
}
section#realated-dashboard .font-size-change h3 p span {
    font-size: 28px !IMPORTANT;
}
/*-- footer --*/

.footer {
    background-color: #3B3B3B;
    padding-top: 60px;
    padding-bottom: 20px;
}

section#footer-section .row.align-items-center p {
    margin-bottom: 0;
}

.secondary-footer p {
    font-weight: 600;
    font-size: 15px;
}

.secondary-footer p small {
    font-weight: 500;
}

section#footer-section .footer img {
    height: 80px;
}

form.subscribe.form-group {
    display: flex;
    margin-bottom: 30px;
}

form.subscribe.form-group input.form-control {
    border: unset;
    font-family: 'Poppins';
    font-size: 14px;
    padding: 12px 16px;
    box-shadow: 2px 2px 5px #00000038;
    border-radius: 12px;
    width: 80%;
}

form.subscribe.form-group input.btn.btn-submit {
    background: #FF5B00;
    color: #fff;
    margin-left: 20px;
    font-family: 'Poppins';
    padding: 10px 10px;
    border-radius: 12px;
}

section#footer-section ul.navbar-nav li a {
    font-family: 'Poppins';
    padding: 0;
    padding-bottom: 10px;
    color: #3b3b3ba8;
    font-size: 12px;
    font-weight: 600;
}

.secondary-footer {
    margin-top: 40px;
}

.footer-right-content p {
    text-align: end;
    font-size: 13px;
    color: #FFFFFF;
}

.footer-right-content ul {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
}


ul.social.list-unstyled li i {
    color: #FFFFFF;
    padding: 3px 5px;
    border: 2px solid #FFFFFF;
    margin: 0 4px;
    transition: 0.8s;
    border-radius: 4px;
}

ul.social.list-unstyled li i:hover {
    border-color: #ff5b00;
    color: #ff5b00;
}

#footer-section {
    margin-top: 50px;
}

.subscribe-sec .subscribe-heading h6 {
    font-size: 20px;
    font-weight: 500;
}

form.subscribe .form-group {
    display: flex;
}

form.subscribe .form-group input.form-control {
    border: unset;
    padding: 10px 15px;
    box-shadow: 3px 3px 10px #0000002b;
    width: 80%;
}

form.subscribe .form-group input.form-control::placeholder {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.785);

}

form.subscribe .form-group input.btn.btn-submit {
    background-color: #ff5b00;
    text-transform: capitalize;
    color: #fff;
    margin-left: 20px;
    font-size: 20px;
    box-shadow: 3px 3px 10px #0000002b;
}

.widget ul.navbar-nav li a {
    padding: 5px 0px;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 400;
}

.widget ul.navbar-nav li a {
    display: inline-block;
}

.footer-right-content ul.social.list-unstyled li:hover {
    border-color: #ff5b00;
}

.secondary-footer .widget .saudia-text p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 6px;
    color: #FFFFFF;
}

.powerd-text p {
    font-size: 12px;
    color: #FFFFFF;
}

.secondary-footer .copyright-txt p {
    font-size: 14px;
    font-weight: 400;
}

footer.footer ul.navbar-nav li a:hover {
    color: #ff5b00;
}

.card-behavioral-two .card-body a span img {
    filter: invert(0.8);
}

section#dashboard-title .dashboard-image img {
    width: 340px;
}

/* .cursor {
    width: 20px;
    height: 120px;
    transition: all 200ms ease-out !important;
    position: fixed;
    left: 120px;
    top: 40px;
    background-image: url(../images/honeybee-cursor.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.cursor2 {
    width: 60px;
    height: 50px;
    position: fixed;
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
    background-image: url(../images/honeybee-cursor.svg);
    background-repeat: no-repeat;
    transform: rotate(265deg);
    background-size: 150% 86%;
    z-index: 9999;
    margin: 0px -10px;
}

.cursorinnerhover {
    width: 50px;
    height: 50px;
    opacity: .5;
} */

/* animation */
.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.two {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.three {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.drop-in {
    animation: drop-in 3s ease 200ms backwards;
}

.drop-in-2 {
    animation: drop-in 3s ease 1000ms backwards;
}

@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }

    to {
        opacity: 1;
        transform: translate(0px);
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

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

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

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



/* login page css */

.iti__selected-flag {
    height: 44px !important;
    border-radius: 12px 0px 0px 12px;
}


section#login-section .welcome-heading h2 {
    font-size: 56px;
    font-weight: 700;
}

section#login-section .welcome-heading p {
    font-weight: 300;
    font-size: 25px;
}

section#login-section label {
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
}

section#login-section .input-group {
    width: 68%;
    border-radius: 12px;
}

section#login-section .input-group-text {
    background-color: #FAFAFA !important;
    border-left: 0;
}

section#login-section input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    padding: 0px 63px 0px 20px;
    font-size: 12px;
}

section#login-section .forget-pass a {
    color: #003A90;
    text-decoration: unset;
    font-size: 18px;
    font-weight: 400;
}

section#login-section .login-btn a {
    backdrop-filter: blur(4px);
    padding: 8px 25px;
}

section#email-section .card-body {
    padding: 25px 0;
}

.section#login-section .registerd-user p {
    font-size: 18px;
    font-weight: 400;
}

section#login-section .registerd-user a {
    text-decoration: unset;
}

section#login-section .icon-img img {
    width: 25px;
    height: 25px;
}

section#login-section .right-imge img {
    height: 420px;
}

section#login-section .input-group {
    position: relative;
}

section#login-section .input-group i {
    position: absolute;
    right: 30px;
    top: 6px;
    color: #121211;
    font-size: 1.5rem !important;
    z-index: 9999;
}

/* Register page login page css */
section#register-section label.form-check-label p a:hover {
    text-decoration: underline;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 22px !important;
}

section#register-section .welcome-heading h2 {
    font-size: 56px;
    font-weight: 700;
}

section#register-section label {
    font-size: 15px;
    font-weight: 300;
    margin-left: 20px;
}

section#register-section .starc-color-change {
    color: #CE1919;
}

section#register-section .input-group-text {
    background-color: #FAFAFA !important;
    border-left: 0;
}

section#register-section .with-icon input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    padding: 0px 63px 0px 20px;
}

section#register-section input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    font-size: 14px;
}

section#register-section .input-group {
    border-radius: 0 12px 12px 0;
}

section#register-section .input-group {
    width: 88%;
    border-radius: 12px;
}

section#register-section .welcome-heading p {
    font-weight: 300;
    font-size: 25px;
}

section#register-section .input-group {
    position: relative;
}

section#register-section .input-group i {
    position: absolute;
    right: 30px;
    top: 6px;
    color: #121211;
    font-size: 1.5rem !important;
    z-index: 9999;
}

div#exampleModal {
    z-index: 9999;
}


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

.pr {
    padding-right: 60px;
}

div#staticBackdrop {
    background: rgb(59 59 59 / 60%);
}

.modal-content {
    background: #ffffff;
    mix-blend-mode: normal;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 15px;
}

section#register-section .image-show {
    background-color: #3B3B3B;
    width: 140px;
    border-radius: 100px;
    height: 140px;
    display: flex;
    margin: 20px 80px;
}

section#register-section .image-show img {
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    border-radius: 100px;
}

section#profile-section .profile-section-image img {
    height: 190px;
    width: 190px;
    border-radius: 120px;
    margin: 20px auto;
    display: table;
    object-fit: cover;
}

section#profile-update .image-show img {
    width: 120px;
    border-radius: 100px;
    height: 120px;
}

section#profile-section .profile-section-text button.btn.btn-primary.btn-xs {
    padding: 5px 12px;
}

section#profile-section .profile-section-text a#deleteAccount {
    text-decoration: unset;
    background-color: #FF5B00;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
}

section#register-section .img-upload p {
    margin-bottom: 0;
    font-size: 18px;
}

section#register-section .img-upload p strong {
    font-weight: 500;
}

section#register-section .img-upload p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}

section#register-section p.max-file-length {
    font-size: 14px;
    margin-top: 4px;
}

section#register-section .img-upload {
    background-color: #fafafa;
    padding: 20px 12px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    position: relative;
    left: 30px;
}

section#register-section .img-upload .row {
    width: 150%;
}

section#register-section .img-upload input[type="file"] {
    position: absolute;
    top: 2px;
    padding: 38px 35px;
    left: 2px;
    opacity: 0;
}

input::placeholder {
    color: #00000030 !important;
}

form#register-form .form-check label {
    margin: 0 !IMPORTANT;
}

.form-check label p {
    color: #ff5b00;
}

/* .bi-eye img{
    background-image: url('{{asset("website-assets/images/icon-line.png")}}') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% 100% !important;
} */


/* forget password page css */
.passwordrest-section {
    padding-top: 200px;
}

section#email-section button.btn.btn-primary {
    font-size: 14px;
}

section#reset-section button.btn.btn-primary {
    font-size: 14px;
}

/* credit card css */
/* .creditcard_message p {
    text-shadow: 0 0 0px #ff5b00, 0 2px 1px #ff5b00;
} */

section#credit-card-section input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    padding: 22px 20px;
}

section#credit-card-section label {
    font-size: 16px;
    font-weight: 300;
    margin-left: 20px;
}

section#realated-dashboard .tags-section ul li {
    font-size: 10px;
    padding: 0px 6px;
}




/* dashboard css */
button.close {
    background-color: transparent;
    border: unset;
    padding: 0 10px;
    font-size: 18px;
}

/* breadcrumb css */
ol.breadcrumb li {
    font-size: 20px;
    font-weight: 500;
    color: #707070;
}

ol.breadcrumb li a {
    color: #707070;
    text-decoration: unset;
    font-size: 20px;
    font-weight: 300;
    transition: 0.8s;
}

ol.breadcrumb li a:hover {
    color: #FF5B00;
}

/* ============================ Inner page css start ===============================*/

/* demographics page start */
.space-right ul li {
    padding-right: 50px;
}

.gen-age-group .set-padding .row .col-lg-6 {
    padding: 0;
}

.space-right-first ul li {
    padding-right: 90px;
}


.marital-content {
    padding: 70px 0;
}


section#welcome-to .demographics-heading h1 {
    font-size: 58px;
    font-weight: 700;
    line-height: 65px;
    margin: 0 12px;


}

section#welcome-to .demographics-content p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #707070;
    width: 80%;
    margin: 0 auto;
    display: table;
    overflow: hidden;
    text-align: center !important;
}

section#demographics-section h2 {
    font-size: 60px;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}

section#demographics-community h2,
section#demographics-socio-economic h2 {
    font-size: 60px;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #FF5B00;
}

section#demographics-section h5 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 300;
}

.demographic-class {
    padding-top: 50px;
    padding-bottom: 50px;
}

section#demographics-section .small-cards .country-section {
    background-color: rgba(189, 189, 189, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 30px;
}

section#demographics-section .country-heading h2 {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
    color: #2E7537;
}

.top-lr-images .img-position {
    position: absolute;
}

.bottom-lr-images .img-position {
    position: absolute;
}

.top-left-big-images img,
.top-right-big-images img,
.bottom-right-big-images img,
.bottom-left-big-images img {
    width: 120px;
}

.top-left-small-images img,
.top-right-small-images img,
.bottom-right-small-images img,
.bottom-left-small-images img {
    width: 50px;
    height: 50px;
}

.top-left-big-images {
    top: 28%;
    left: 16%;
}

.top-right-big-images {
    top: 28%;
    right: 16%;
}

.bottom-right-big-images {
    right: 16%;
    bottom: 10%;
}

.bottom-left-big-images {
    left: 16%;
    bottom: 10%;
}

.top-left-small-images {
    left: 24%;
    top: 24%;
}

.top-right-small-images {
    right: 23%;
    top: 24%;
}

.bottom-right-small-images {
    right: 24%;
    bottom: 8%;
}

.bottom-left-small-images {
    left: 24%;
    bottom: 8%;
}

/* .country-section:hover {
    background-color: #FF5B00  !important;
} */
/* section#demographics-section .small-cards .card-body:hover {
    background-color: #FF5B00;
    border-radius: 30px;
    border: unset !important;
} */
/* section#demographics-section .small-cards .card-body:hover {
    background-color: #FF5B00;
    border-radius: 30px;
    border: unset !important;
} */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
    cursor: pointer !important;
    cursor: pointer !important;
}

.gen-age-group p {
    margin-bottom: 0;
}

section#demographics-section .comunity-text {
    text-align: center;
}

section#demographics-section .comunity-text p {
    font-size: 22px;
    font-weight: 400;
}

section#demographics-section .comunity-text h2 {
    font-size: 45px;
    font-weight: 700;
}

/* demographics page end */


/* Social page css start */


section#social-puls-tabs .modal .modal-body .owl-item img {
    width: 100%;
    height: 300px;
}

section#demographics-community .gender-card .gender-content p {
    margin-bottom: 0;
    font-size: 25px;
    color: #fff;
}

section#demographics-community .gender-card .gender-content h2 {
    font-size: 50px;
    color: #FDBB55;
}

section#demographics-community .gender-content {
    padding: 6px 18px;
    background-color: #ff5b00;
    border-radius: 20px;
}

section#demographics-community .gender-content-female {
    background-color: #3B3B3B !important;
}

section#demographics-community .gender-card {
    position: relative;
    margin: 0px 10px 0px 15px;
    transition: 0.8s;
}

section#demographics-community .gender-card:hover .card-body img {
    transform: scale(1.1);
}

section#demographics-community .gender-text {
    padding-left: 10px;
}

section#demographics-community .gender-text {
    padding-left: 10px;
}

section#demographics-community .gen-age-group {
    padding-left: 10px;
}


section#demographics-community .gender-card .card-body {
    position: absolute;
    top: 26px;
    right: -20px;
    width: 50px;
}

section#demographics-community .gender-content .gender-content-female h2 {
    color: #ff5b00 !IMPORTANT;
}

section#demographics-community .gender-text h2 .group-color {
    color: #3b3b3b;
}

section#demographics-community .gen-age-group ul li {
    display: inline-block;
}

section#demographics-community .gen-age-group ul {
    list-style: none;
    padding: 0 0px;
}

section#demographics-community .gen-age-group p.gen-text {
    font-size: 20px;
    font-weight: 400;
}

section#demographics-community p.per-count {
    font-size: 50px;
    font-weight: 700;
}

p.per-color-orange {
    color: #FF5B00;
}

p.per-color-yellow {
    color: #FDBB55;
}

p.per-color-grey {
    color: #3B3B3B;
}

section#demographics-maritalStatus .marital-content .maritalheading h2 {
    font-weight: 700;
    font-size: 50px;
    color: #ff5b00 !IMPORTANT;
}

section#demographics-maritalStatus .marital-content .maritalheading h2 .group-color {
    color: #3b3b3b;
}

section#demographics-maritalStatus .gen-age-group ul li {
    display: inline-block;
}

section#demographics-maritalStatus .gen-age-group ul {
    list-style: none;
    padding: 0 0px;
}

li.px-5.set-padding {
    padding: 0 70px !important;
}

section#demographics-maritalStatus .gen-age-group ul li p {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 25px;

}

section#demographics-maritalStatus .gen-age-group ul li img {
    margin: 0 auto;
    display: table;
}

section#demographics-maritalStatus p.per-count {
    font-size: 32px;
    font-weight: 700;
}

section#demographics-socio-economic span.group-color {
    color: #3b3b3b;
}

section#demographics-socio-economic .education-section-content {
    text-align: center;
    transition: 0.8s;
    height: 220px;
    padding: 20px 5px;
    margin: 0px 10px;
    transition: 0.8s;
}

section#demographics-socio-economic .education-section-content img {
    margin: 0 auto;
    display: table;
    height: 80px;
    transition: 0.8s;
}

section#demographics-socio-economic .edu-text h3 {
    font-size: 35px;
    font-weight: 600;
    color: #ff5b00;
}

section#demographics-socio-economic .education-section-content p.per-count {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}

section#demographics-socio-economic .education-section-content p.gen-text {
    font-size: 20px;
    line-height: 25px;
}

section#demographics-socio-economic .education-section-content:hover {
    background-color: #ff5b00;
    border-radius: 16px;
    cursor: pointer I !important;
}

section#demographics-socio-economic .education-section-content:hover img {
    transform: scale(1.2);
}

section#demographics-socio-economic .education-section-content:hover p {
    color: #fff;
}

section#demographics-household-income .house-hold-heading h3 {
    text-align: center;
    color: #ff5b00;
    font-size: 35px;
    font-weight: 600;
}

section#demographics-household-income .house-hold-heading h3 .group-color {
    color: #3b3b3b;
}

section#demographics-household-income .box-section-content .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

section#demographics-household-income .box-content-center {
    text-align: center;
    padding: 20px 0px;
    margin: 14px 40px;
    border-radius: 12px;
    height: 190px;
}

.card-behavioral .card-text .btn:focus {
    background-color: unset;
    box-shadow: unset;
}

section#demographics-household-income .box-content-center h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #ff5b00;
}

section#demographics-household-income .box-content-mid h3 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #FDBB55;
}

section#demographics-household-income .box-content-mid p {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
}

section#demographics-household-income .box-content-mid {
    text-align: center;
    background-color: #ff5b00;
    height: 450px;
    border-radius: 10px;
    width: 100%;
    padding: 30px 0px;
}

section#demographics-household-income .box-content-mid img {
    width: 260px;
    height: 249px;
}

section#demographics-household-income .box-content-center p {
    margin-bottom: 0;
    font-size: 20px;
}

section#demographics-household-income .lessthan-left-box {
    background-color: #FDBB55;
}

.gen-age-group ul li .row .col-lg-6 {
    padding: 0px;
}

section#demographics-household-income .between-left-box {
    background-color: #707070;
}

.right-position-set {
    position: relative;
    left: 50px;
}

.left-position-set {
    position: relative;
    right: 50px;
}

section#demographics-household-income .between-left-box p {
    color: #fff;
}

section#demographics-household-income .between-right-box {
    background-color: #3B3B3B;
}

section#demographics-household-income .between-right-box p {
    color: #fff;
}

section#demographics-household-income .morethan-left-box {
    background-color: #AAD9D9;
}

section#demographics-section .small-cards .saudia-text,
section#demographics-section .small-cards .jordan-text,
section#demographics-section .small-cards .uae-text,
section#demographics-section .small-cards .egypt-text {
    opacity: 0;
}

section#demographics-section .small-cards:hover .saudia-text,
section#demographics-section .small-cards:hover .jordan-text,
section#demographics-section .small-cards:hover .uae-text,
section#demographics-section .small-cards:hover .egypt-text {
    opacity: 1;
}

section#demographics-section .small-cards .country-section:hover {
    background-color: #ff5b00;
}

section#demographics-section .small-cards .country-section {
    transition: 0.8s;
}

/* Social page css End */

/* Behavioral insight css start */
.section-space {
    padding-top: 50px;
    padding-bottom: 50px;
}

.tags-section ul {
    padding-left: 0;
    margin-bottom: 2px;
    margin-top: 2px;
}

.tags-section ul li {
    list-style: none;
    display: inline-block;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding: 1px 12px;
    border-radius: 20px;
    line-height: 16px;
    font-weight: 700;
}

section#cards-section .card-body .card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

section#realated-dashboard .owl-carousel .card-image {
    height: 170px;
}

/* section#dashboard-title .dashboard-tle h2 strong p {
    display: contents;
} */

section#cards-section .card-social {
    padding: 40px 20px;
    height: 370px;
    transition: 0.8s !important;
    /* margin: 50px 30px 25px; */
}

section#cards-section .card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-body {
    padding: 0;
}

/* .card-social .social-text-gray h3 {
    color: #fff !IMPORTANT;
} */
.card-social .social-text-gray .btn-link {
    padding: 0 !important;
    color: #fff !important;

}

.dashboard-text {
    padding: 0 !important;
    font-size: 12px;
    font-weight: 600;
}

.social-bg-yellow {
    background-color: #FDBB55;
}

.social-bg-yellow .social-text .dashboard-text span img {
    filter: brightness(0.2);
}

.dashboard-text:hover {
    color: #3b3b3b;
}

.social-bg-orange .social-text h3 {
    color: #fff;
}

.social-bg-orange .social-text .dashboard-text {
    color: #fff;
}

section#cards-section .card-social .social-text-gray .btn-link:hover {
    color: #fdbb55 !important;
}

section#cards-section .social-bg-yellow .social-text a:hover {
    color: #ff5b00;
}

section#cards-section .social-bg-orange .social-text a:hover {
    color: #fdbb55;
}

.behavioral-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Behavioral insight css End */

/* Behavioral insight dashboard Bi css Start */
.dashboard-heading {
    padding-top: 200px;
    padding-bottom: 80px;
}

section#dashboard-title .dashboard-tle h2 {
    font-size: 30px;
}

section#dashboard-title .dashboard-desc {
    padding-right: 140px;
}

section#dashboard-title .dashboard-tle {
    padding-right: 60px;
}

section#dashboard-title .dashboard-desc {
    padding-right: 160px;
}

/* section#dashboard-tabs .dashboard-tabs-section ul#myTab {
    display: flex;
    justify-content: center;
} */

section#socialpuls-section a.box_image:hover {
    cursor: pointer !important;
}

section#dashboard-tabs .dashboard-tabs-section ul#myTab li button {
    color: rgba(59, 59, 59, 0.5);
    font-size: 28px;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px;
    border: unset;
    padding: 2px 10px;
}

section#dashboard-tabs .dashboard-tabs-section ul#myTab li {
    padding-right: 40px;
}

section#dashboard-tabs .dashboard-tabs-section ul#myTab li button.active {
    background-color: #ff5b00;
    color: #fff;
    ;
}

section#dashboard-tabs .dashboard-tabs-section div#myTabContent {
    height: auto;
    background-color: #5453531c;
    color: #fff;
}

.social-bg-grey .tags-section ul li {
    background-color: #FF5B00 !important;
    color: #fff;
}

.social-bg-yellow .tags-section ul li {
    background-color: #fff;
    color: #000 !IMPORTANT;
}

.social-bg-orange .tags-section ul li {
    background-color: #fff;
    color: #ff5b00;
}

section#dashboard-tabs .dashboard-tabs-section div#myTabContent h2 {
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.key-heading h2 {
    font-size: 45px;
    font-weight: 700;
}

.key-heading span.orange-key {
    color: #ff5b00;
}

div#photo img {
    float: left;
    width: 78px;
    margin-right: 6px;
}

div#photo p {
    color: #707070;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}

div#photo {
    padding-right: 82px;
    margin: 50px 0;
}

.btn-dashboard a {
    font-size: 18px;
    width: 30%;
    font-weight: 300;
    margin: 0 30px;
    padding: 6px 10px;
    box-shadow: 4px 4px 30px 0px rgb(0 0 0 / 13%);
}

section#realated-dashboard .key-heading {
    display: flex;
    justify-content: center;
}

section#realated-dashboard .key-heading h2 {
    font-size: 45px;
    text-transform: uppercase;
}

.related-section-class .dashboard-text span img {
    width: 10%;
    display: initial;
}

.related-section-class .card-social {
    padding: 20px 20px;
    margin: 40px 35px 25px;
    height: 330px;
}

section#realated-dashboard .font-size-change h3 {
    font-size: 20px;
}


/* owl nav */
.owl-prev span,
.owl-next span {
    color: #FFF;
}

.owl-prev span:hover,
.owl-next span:hover {
    color: #8199A3;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.owl-prev {
    left: 7px;
}

.owl-next {
    right: 7px;
}

/* removing blue outline from buttons */
button:focus,
button:active {
    outline: none;
}

section#realated-dashboard .card-image img {
    /* width: 200px !important;
    height: 140px !important;
    margin: 0 auto;
    display: table; */
    width: 100%;
    height: 100%;
    object-fit: contain;
}
section#realated-dashboard .card-image  {
 

    height: 170px I !important;

}

section#realated-dashboard .card-body .card-social {
    padding: 10px 40px;
}

.related-section-class .owl-nav button.owl-prev {
    left: -130px;
}

.related-section-class .fa-chevron-left:before {
    content: "\f060" !important;
}

.related-section-class .fa-chevron-right:before {
    content: "\f061" !important;
}

.related-section-class .owl-nav button.owl-prev {
    left: -130px;
}

.related-section-class .owl-nav button.owl-prev span {

    border: 2px solid #ff5b00;
    border-radius: 40px;
    color: #ff5b00;
    font-size: 20px;
    padding: 5px 0px;
    height: 34px;
    width: 34px;
}

.related-section-class .owl-nav button.owl-next {
    right: -130px;
}

.related-section-class .owl-nav button.owl-next span {

    border: 2px solid #ff5b00;
    border-radius: 40px;
    color: #ff5b00;
    font-size: 20px;
    padding: 5px 0px;
    height: 34px;
    width: 34px;
}

.related-section-class .owl-nav button.disabled span {
    border-color: grey !important;
    color: grey !important;
}

.related-padding {
    padding-bottom: 140px;
}

button#profile-tab .fa-lock:before {
    content: "\f023";
    font-family: 'FontAwesome';
}

/* Behavioral insight dashboard Bi css End */

/* Psychographic  dashboard Bi css start */

.Psychographic-class .title-text-size h3 strong {
    font-weight: 700;
}

.Psychographic-class .title-text-size h3 {
    font-size: 32px;
    font-weight: 300;
}

.Psychographic-class .card-margin {
    margin: 50px 25px 25px;
}

.Psychographic-class .card-social {
    height: 380px;
    padding: 190px 20px 10px;
}

.title-text-size a {
    margin: 20px 0;
}

.Psychographic-class .card-margin .social-image {
    opacity: unset;
    text-align: center;
    left: 0;
    right: 0;
    top: 10px;
    z-index: unset;
}

.Psychographic-class .social-bg-grey .tags-section ul li {
    background-color: #ff5b00;
    color: #fff;
}

.locked-tag {
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 20;
}

.tags-section {
    z-index: 20;
    height: 52px !important;
}

.locked-tag p {
    font-size: 12px;
    font-weight: 700;
    background-color: #fff;
    color: #3B3B3B;
    padding: 4px 14px;
    border-radius: 11px;
}

.locked-tag p img {
    width: 12px;
}

section#Psychographics-section .card-social .social-text-gray .btn-link:hover {
    color: #fdbb55 !important;
}

section#Psychographics-section .social-bg-yellow .social-text a:hover {
    color: #ff5b00;
}

section#Psychographics-section .card-social .social-text-gray .btn-link:hover {
    color: #fdbb55 !important;
}

section#psy-dashboard-section .dashboard-tabs-section {
    background-color: #D9D9D9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 1132px;
}

section#psy-dashboard-section .dashboard-tabs-section h2 {
    font-size: 45px;
    color: #3B3B3B;
    text-transform: uppercase;
    font-weight: 700;
}

/* Psychographic  dashboard Bi css end */


/* social pulse css start */
section#social-puls-tabs .owl-nav .disabled {
    border: 2px solid grey !important;
}

section#social-puls-tabs .owl-nav .disabled span {
    color: grey !important;
}

section#social-puls-tabs .owl-nav button:hover {
    background-color: #fff;
}

section#social-puls-tabs .modal-header {
    border-bottom: 0;
}

section#socialpuls-section .title-text-size h3 strong.digit-percent {
    color: #FF5B00;
}

section#socialpuls-section .title-text-size h3 strong.digit-percent-yellow {
    color: #fdbb55;
}

section#socialpuls-section .title-text-size h3 {
    font-size: 27px;
    font-weight: 300;
    line-height: 31px;
    margin-top: 10px;
}

.socialpuls-class .title-text-size h3 strong {
    font-weight: 700;
}

.socialpuls-class .title-text-size h3 {
    font-size: 32px;
    font-weight: 300;
}

.socialpuls-class .card-margin {
    margin: 50px 25px 25px;
}

.socialpuls-class .card-social {
    height: 360px !important;
    text-align: start;
    /* margin: 50px 20px 20px; */
}

.socialpuls-class .card-margin .social-image {
    opacity: unset;
    text-align: center;
    left: 0;
    right: 0;
    top: 10px;
    z-index: unset;
}

.socialpuls-class .social-bg-grey .tags-section ul li {
    background-color: #ff5b00;
    color: #fff;
}

section#socialpuls-section .card-social .social-text-gray .btn-link:hover {
    color: #fdbb55 !important;
}

section#socialpuls-section .social-bg-yellow .social-text a:hover {
    color: #ff5b00;
}

section#socialpuls-section .card-social .social-text-gray .btn-link:hover {
    color: #fdbb55 !important;
}

/* header tags css */
.extra-space-class {
    padding-top: 190px !IMPORTANT;
}

.welcome-to-bg .header-text-headings div#food {
    position: absolute;
    left: 35.34%;
    right: 70.47%;
    top: 27.8%;
}

.welcome-to-bg .header-text-headings div#shopping {
    position: absolute;
    left: 65%;
    top: 200px;
    transform: rotate(3.21deg);
}

.welcome-to-bg .header-text-headings div#fashion {
    position: absolute;
    right: 18%;
    top: 50%;
    transform: rotate(26deg);
}

.welcome-to-bg .header-text-headings div#sport {
    position: absolute;
    left: 17.93%;
    right: 70.76%;
    top: 44.14%;
    bottom: 86.86%;
    transform: rotate(-7.63deg);
}

.welcome-to-bg .header-text-headings div#beauty {
    position: absolute;
    left: 22.59%;
    right: 73.12%;
    top: 92%;
    transform: rotate(-10.61deg);
}

.welcome-to-bg .header-text-headings div#travel {
    position: absolute;
    top: 94%;
    left: 38%;
    transform: rotate(12.02deg);
}

.welcome-to-bg .header-text-headings div#entertainment {
    position: absolute;
    left: 58.78%;
    right: 15.21%;
    top: 90.97%;
    bottom: 5.03%;
    transform: rotate(-4.98deg);
}

.welcome-to-bg .header-text-headings div#coffee {
    position: absolute;
    left: 77.11%;
    right: 18.61%;
    top: 88.4%;
    bottom: 85.6%;
    transform: rotate(-11.6deg);
}

.welcome-to-bg .header-text-headings div#gaming {
    position: absolute;
    left: 71.91%;
    right: -10.84%;
    top: 94.76%;
    bottom: 82.24%;
    transform: rotate(13.03deg);
}

.welcome-to-bg .header-text-headings .grey-color-text h3 {
    color: #3B3B3B;
    font-size: 29px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .orange-color-text h3 {
    color: #FF5B00;
    font-size: 27px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .yellow-color-text h3 {
    color: #FDBB55;
    font-size: 26px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .blue-color-text h3 {
    color: #46A2DA;
    font-size: 32px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .green-color-text h3 {
    color: #1C7D5A;
    font-size: 18px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .grenndark-color-text h3 {
    color: #18D899;
    font-size: 29px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .greylight-color-text h3 {
    color: #707070;
    font-size: 22px;
    font-weight: 700;
}

.welcome-to-bg .header-text-headings .grey-font h3 {
    font-size: 22px;
}

section#welcome-to .last-content p {
    font-size: 25px;
    font-weight: 300;
    color: #3B3B3B;
}

.welcome-to-bg .header-text-headings .coffe-text-size h3 {
    font-size: 22px;
}

/* social pulse css end */

/* profile page css start */
section#profile-section .profile-section-text h2 {
    line-height: 65px;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0;
}

section#profile-section .profile-section-text p {
    font-size: 22px;
    font-weight: 500;
}

section#profile-section .profile-section-text {
    padding: 40px 0;
}

.profile-section {
    /* padding-top: 40px; */
    padding-bottom: 40px;
}

section#profile-tabs-section .nav {
    border-bottom: 0;
}

section#profile-tabs-section .nav button {
    border: unset;
}

form#profile-update-form .iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}

form#profile-update-form .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px 0px 0px 10px;
}

form#profile-update-form input#phone {
    padding-left: 100px !important;
}

.inputDisabled {
    filter: opacity(0.6);
}

section#profile-tabs-section .nav .active {
    background-color: #EBE9E9;
    border-radius: 18px;
    color: #3B3B3B;
}

section#profile-tabs-section .nav button {
    border: unset;
    font-size: 20px;
    font-weight: 500;
    margin: 12px 12px;
    color: rgb(59 59 59 / 50%);
}

section#profile-tabs-section .nav {
    border-bottom: 1px solid #dee2e6;
    width: 70%;
}

.profile-edit-btn .prof-edit {
    text-transform: unset;
    font-size: 20px;
    font-weight: 400;
    padding: 2px 20px;
    float: right;
}

section#profile-update .input-group {
    position: relative;
}

section#profile-update input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    font-size: 14px;
    padding: 0px 63px 0px 20px;
    width: 100%;
}

section#profile-update .input-group i {
    position: absolute;
    right: 30px;
    top: 6px;
    color: rgba(59, 59, 59, 0.5);
    font-size: 1.5rem !important;
    z-index: 9999;
}

section#profile-update .img-upload {
    background-color: #fafafa;
    padding: 20px 12px;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    position: relative;
}



section#profile-update .img-upload input[type="file"] {
    position: absolute;
    top: 2px;
    padding: 39px 90px;
    left: 2px;
    opacity: 0;
}

section#profile-update label {
    font-size: 15px;
    font-weight: 300;
    margin-left: 20px;
}

section#profile-update button#update-profile {
    margin: 0 auto;
    display: table;
}

section#profile-update .img-upload p {
    margin-bottom: 0;
    font-size: 18px;
}

section#profile-update .img-upload p strong {
    font-weight: 500;
}

section#profile-update .img-upload p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
}

section#profile-update p.max-file-length {
    font-size: 14px;
    margin-top: 4px;
}

section#payment-method .add-new-card {
    float: right;
}

section#payment-method .add-new-card a:hover {
    color: #ff5b00;
}

section#payment-method .add-new-card a {
    color: #3B3B3B;
    text-decoration: unset;
    font-size: 18px;
    font-weight: 300;
    transition: 0.8s;
}

section#payment-method .add-new-card a i {
    padding-right: 5px;
}

.card-details p {
    margin-bottom: 0;
}

.card-title p {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
}

.card-expire p img {
    width: 26px;
}

.card-expire p {
    font-size: 18px;
    color: #3B3B3B;
    font-weight: 300;
}

.card-default {
    text-align: end;
}

.card-default a {
    text-decoration: unset;
    font-size: 22px;
    color: #3B3B3B;
}

.card-image img {
    width: 90px;
    height: 90px;
}

.card-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.extra-spacing-class {
    padding-top: 180px;
}

section#purchase-history table thead tr th {
    font-size: 18px;
    font-weight: 500;
    color: #3B3B3B;
    background-color: unset;
}

section#purchase-history table tbody tr td {
    background-color: unset;
    padding: 30px 10px;
}

section#purchase-history>table>tbody>tr>td{
    background-color: unset;
    padding: 30px 10px;
    font-size: 15px;
    color: #3B3B3B;
}

section#purchase-history table tbody tr td.purchase-heading strong {
    font-weight: 500;
}

section#purchase-history table tbody tr td.service-name a {
    color: #3B3B3B;
    font-weight: 600;
}

td.download-icon img {
    width: 28%;
}

.pagination {
    float: right;
}

.pagination p {
    font-size: 18px;
    padding: 3px 12px;
}

.pagination i {
    font-size: 24px;
    padding: 0 4px;
    color: #ff5b00;
}

.pagination p span {
    border: 1px solid;
    padding: 2px 18px;
    border-radius: 8px;
}

/* profile page css end */


/* ============================= Inner page css End ================================= */


.mfp-arrow-left:before {
    margin-left: 0;
    border-right: unset !important;
}

.mfp-arrow-right:before {
    border-left: unset !important;
}


img.icon-image-profile {
    border-radius: 20px;
}

/* section#cards-section .head-height h3 p span {
    font-size: 20px !important;
}
section#cards-section .head-height h3 p {
    font-size: 20px !important;
}
section#cards-section .head-height h3 {
    font-size: 28px !important;
} */



section#cards-section .head-height h3 {
    height: 60px;
}

section#realated-dashboard .font-size-change h3 {
    height: 52px !IMPORTANT;
    margin-top: 30px;
}

/* section#dashboard-title .dashboard-tle h2 p {
    display: contents !important;
} */

section#realated-dashboard .font-size-change h3 p {
    font-size: 16px !IMPORTANT;
}

/* div#searchModal .modal-body {
    background-color: #F9FAFBEB;
} */
.modal-body div#global_search_results .col-lg-4 {
    width: 40%;
}
div#staticBackdrop .modal-header button.buttton-close img {
    width: 12px;
    margin-top: -7px;
}


/* contact page css */
section#contact-us-section .contact-heading h2 {
    font-size: 56px;
    font-weight: 700;
}

section#contact-us-section .contact-heading p {
    font-size: 25px;
    font-weight: 300;
}

.saudi-content h5.orange-heading {
    font-size: 25px;
    font-weight: 700;
    color: #ff5b00;
}

.united-content h5.orange-heading {
    font-size: 25px;
    font-weight: 700;
    color: #ff5b00;
}

section#contact-us-section h5.black-heading {
    font-size: 25px;
    font-weight: 400;
}

section#contact-us-section .social-icons ul li a img:hover {
    box-shadow: 2px 2px 6px #000;
}

section#contact-us-section .social-icons ul li a img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    transition: 0.9s;
}

section#contact-us-section .social-icons ul {
    padding: 0;
}

section#contact-us-section .social-icons ul li {
    list-style: none;
    display: contents;
}

section#contact-us-section form#contact_form label {
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
}

section#contact-us-section form#contact_form span {
    color: #CE1919;
}

section#contact-us-section form#contact_form input.form-control {
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    font-size: 14px;
    padding: 0px 63px 0px 20px;
}

section#contact-us-section form#contact_form textarea#message {
    background-color: #FAFAFA;
    border-radius: 12px;
    font-size: 14px;
}

section#contact-us-section .input-group {
    position: relative;
}

section#contact-us-section .input-group i {
    position: absolute;
    right: 30px;
    top: 6px;
    color: #121211;
    font-size: 1.5rem !important;
    z-index: 9999;
}

section#contact-us-section .input-group .iti {
    width: 100%;
}

section#contact-us-section form#contact_form input#mobile_number {
    padding-left: 100px !important;
}

/* div#searchModal .modal-header input#global_search_id {
    margin-left: 20px;
    background-color: #FAFAFA;
    height: 45px;
    border-radius: 12px;
    font-size: 14px;
    padding: 0 20px;
} */

div#searchModal .search-class i {
    position: absolute;
    left: 28px;
    font-size: 35px;
    color: #8080807d;
}

div#searchModal .modal-body {
    background-color: #F9FAFBEB;
}

div#searchModal .modal-header .form-control {
    height: 48px;
    padding: 0 70px;
    border: unset;
    margin-right: 8px;
}

div#searchModal .close-btn-icon button.btn-close {
    float: right;
    border: 2px solid #ff5b00;
    border-radius: 30px;
    padding: 4px 4px;
    margin-top: 10px;
    margin-right: 18px;
}

div#searchModal .inner-page-headings p {
    font-size: 15px;
}

.card-count-number p {
    text-align: end;
}

div#searchModal .col-lg-9.border-left {
    border-left: 2px solid #3b3b3b38;
    padding: 0px 0px 0px 100px;
}

input#global_search_id:focus {
    box-shadow: unset;
}

div#searchModal .modal-header {
    position: relative;
}

div#searchModal .card-body .head-height h3 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    height: 40px;
}

div#searchModal .card-body .card-image img {
    width: 100%;
    height: 100px;
}

div#searchModal .card-body .card-social {
    position: relative;
    /* background-color: #FF5B00; */
    border: 0px;
    height: 270px;
    border-radius: 15px;
    padding: 30px 10px 0px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: transform 250ms;
}

div#searchModal .card-body .card-social .tags-section {
    margin-top: 10px;
    z-index: 20;
    height: 42px !important;
}

section#contact-us-section div#search_results .card-social {
    position: relative;
    border: 0px;
    height: 290px;
    border-radius: 15px;
    padding: 30px 10px 0px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: transform 250ms;
}

section#contact-us-section .card-body .card-social .social-text h3 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

section#contact-us-section div#search_results .card-social .social-text-gray h3 {
    color: #fff !IMPORTANT;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

div#search_results .card .head-height {
    position: relative !important;
}

section#contact-us-section div#search_results .card-social .card-image img {
    width: 100%;
    height: 100px;
}

section#contact-us-section div#search_results .card-social .tags-section ul {
    margin-top: 10px;
    z-index: 20;
    height: 52px !important;
}

section#contact-us-section .col-lg-9.border-left {
    border-left: 2px solid #3b3b3b38;
    padding: 0 0px 0px 100px;
}

section#contact-us-section .card-body button.btn.btn-link.dashboard-text {
    font-size: 10px;
}

section#contact-us-section .click-hover-icon img {
    position: absolute;
    right: 10px;
    width: 18% !IMPORTANT;
    top: 140px;

}

section#contact-us-section .card-social:hover .click-hover-icon {
    opacity: 7;
}

section#contact-us-section .click-hover-icon {
    opacity: 0;
    transition: 0.8s;
}

section#contact-us-section .tags-section ul li {
    color: #000;
}

div#staticBackdrop .modal-header {
    border-bottom: 0;
}

div#staticBackdrop button.buttton-close {
    border: 2px solid #FF5B00;
    border-radius: 30px;
    margin: 0px;
    background-color: transparent;
    width: 28px;
    height: 28px;
    z-index: 9999;
    position: absolute;
    right: 2px;
    top: 2px;
}

div#media-content .carousel-inner .carousel-item img {
    border-radius: 22px;
}

.modal-content{
    position: relative;
}
div#staticBackdrop .modal-body {
    padding: 1.1rem;
}
div#staticBackdrop .owl-nav {
    float: right;
}
div#staticBackdrop button.buttton-close img {
    width: 16px;
    margin-top: -3px;
}

div#staticBackdrop .owl-nav button {
    position: static;
    border: 2px solid #FF5B00 !important;
    border-radius: 60px !important;
    width: 35px;
    height: 35px;
}
a.carousel-control-next, a.carousel-control-prev{
    opacity: 999;
}


.carousal-btn a i {
    color: #ff5b00 !important;
    font-size: 22px;
}

.carousal-btn {
    position: absolute;
    right: 38px;
    bottom: -5px;
}

.carousal-btn a {
    margin: 0 -15px;
}

div#staticBackdrop .owl-nav button span {
    font-size: 20px;
    color: #FF5B00;
    padding: 6px 0px;
}

div#staticBackdrop .owl-nav button {
    position: static;
    border: 2px solid #FF5B00 !important;
    border-radius: 60px !important;
    width: 35px;
    height: 35px;
}

div#staticBackdrop .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

div#staticBackdrop .owl-item img {
    /* max-width: 100%; */
    margin: 0 auto;
}

div#staticBackdrop .modal-content .modal-header {
    padding-bottom: 0px;
    padding-top: 10px;
}

.community-content h2 {
    line-height: 0.9;
}

.socio-economic-text {
    text-align: center;
}

.edu-text {
    text-align: center;
}

.demographic-content h2 {
    line-height: 0.9;
}



div#searchModal .card-body button.btn.btn-link.dashboard-text:hover {
    color: #FDBB55 !important;
}

div#searchModal .card-body button.btn.btn-link.dashboard-text span img {
    width: 14px;
}

div#searchModal .card-body button.btn.btn-link.dashboard-text {
    font-size: 10px;
}

section#contact-us-section .search-class {
    position: relative;
}

section#contact-us-section .search-class i {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    color: #00000040;
}

section#contact-us-section .search-class {
    width: 100%;
    margin: 90px 0px !important;
}

div#searchModal .modal-body {
    padding: 0 100px;
}

section#contact-us-section .form-group input#search_id {
    height: 50px;
    padding: 0 60px;
    font-size: 22px;
    background: #FAFAFA;
}

div#search_results .card-body .card-social .tags-section {
    height: 52px !important;
}

div#search_results .card-body .card-social .tags-section ul li {
    padding: 0 8px;
    margin: 0 1px;
    font-size: 10px;
}

div#searchModal .modal-content .card-body .social-bg-yellow .social-text .dashboard-text:hover {
    color: #000 !important;
}

div#searchModal .modal-content .card-body .social-bg-grey .social-text-gray .dashboard-text:hover {
    color: #FF5B00 !important;
}

a.btn.btn-link.drop-in-2:focus {
    background-color: transparent;
    box-shadow: unset;
}

button.btn.btn-link.dashboard-text:focus {
    background-color: transparent;
    box-shadow: unset;
}

.social-bg-yellow .social-text button.dashboard-text:hover {
    color: #ff5b00;
}

* ::-webkit-scrollbar-thumb {
    background: #fff !important;
}

.card-behavioral-two .card-text .btn:focus {
    background-color: transparent !important;
    box-shadow: unset !important;
}

section#behavioral-insights .card-behavioral-two button.btn span {
    filter: invert(0.8);
}

section#realated-dashboard .font-size-change h3 p {
    margin-bottom: 0;
}

section#cards-section .head-height h3 p {
    margin-bottom: 0;
    /* display: contents; */
}

div#searchModal .card-body .head-height h3 p {
    margin-bottom: 0;
}

section#contact-us-section div#search_results .card-social .social-text-gray h3 p {
    margin-bottom: 0;
}

section#social-pulse .card-social .social-image img {
    height: 280px;
    width: 100%;
    margin: 0 auto;
    display: table;
}

section#dashboard-title .dashboard-tle h2 {
    font-size: 30px;
    margin-bottom: 0;
}

section#demographics-section h2 p {
    margin-bottom: 0;
    line-height: 35px;
}

/* ============================== Media query Start===============================*/



nav.navbar.col-lg-12.col-12.p-0.fixed-top.d-flex.flex-row {
    background-color: #fff !important;
}

section#dashboard-title .dashboard-tle h2 p span {
    color: rgba(59, 59, 59, 1) !important;
}

section#dashboard-title .dashboard-tle h2 p {
    color: rgba(59, 59, 59, 1) !important;
}

section#dashboard-title .dashboard-tle h2 p strong {
    color: rgba(59, 59, 59, 1) !important;
}

section#dashboard-title .dashboard-tle h2 strong p {
    color: rgba(59, 59, 59, 1) !important;
}

section#cards-section .head-height h3 strong {
    font-weight: 700 !important;
}

section#cards-section .head-height h3 p strong {
    font-weight: 700 !important;
}

/* div#searchModal .card-body .head-height h3 p {
    font-size: 12px !IMPORTANT;
    display: contents;
    line-height: 20px;
} */

.social-bg-grey .tags-section ul li {
    color: #fff !important;
}

section#contact-us-section .card-body .card-social .social-text h3 p {
    /* display: contents; */
    font-size: 15px;
}

/* .insights-content h1 p {
    font-size: 40px;
    margin: 0px 100px;
} */

.insights-content h1 strong {
    font-weight: 700 !important;
}

section#welcome-to .demographics-heading {
    text-align: center !important;
}

section#welcome-to .demographics-heading strong {
    font-weight: 700 !important;


}

/* custom new ckeditor css  start*/
section#welcome-to .div-spacer {
    padding: 0px 8%;
}

div#searchModal .card.card-social .social-text p span {
    font-size: 20px !important;
}

div#searchModal .card.card-social .social-text p {
    font-size: 20px !important;
}

div#searchModal .card.card-social .social-text-gray p {
    font-size: 20px !important;
}

div#searchModal .card.card-social .social-text-gray p span {
    font-size: 20px !important;
}

div#searchModal .tags-section ul li {
    font-size: 9px !important;
}

/* div#searchModal .card-body .head-height h3 p {
    display: contents;
} */


div#search_results .card.card-social .social-text p span {
    font-size: 20px !important;
}

div#search_results .card.card-social .social-text p {
    font-size: 20px !important;
    margin-bottom: 0;
}

div#search_results .card.card-social .social-text-gray p {
    font-size: 20px !important;
}

div#search_results .card.card-social .social-text-gray p span {
    font-size: 20px !important;
}

div#search_results .tags-section ul li {
    font-size: 9px !important;
}

button#toggle-menu{
    display: none;
}
nav#slide-menu{
    display: none;
}

/* div#search_results .card-body .head-height h3 p {
    display: contents;
} */



.other-section-row .row {
    margin-left: 2.875rem;
    margin-right: 2.875rem;
}

.other-section-row .row>* {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}



@media (max-width: 3840px) {

    /* //For 4K Displays (Ultra HD) */
    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 61.91%;
        right: 23.16%;
        transform: rotate(-14.97deg);
        top: 72%;
    }

    .welcome-to-bg .header-text-headings div#sport {
        position: absolute;
        left: 33.93%;
        right: 70.76%;
        top: 44.14%;
        bottom: 86.86%;
        transform: rotate(-7.63deg);
    }

    .welcome-to-bg .header-text-headings div#food {
        position: absolute;
        left: 42.34%;
        right: 70.47%;
        top: 27.8%;
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 57%;
        top: 200px;
        transform: rotate(3.21deg);
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 33%;
        top: 45%;
        transform: rotate(26deg);
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 34.59%;
        right: 73.12%;
        top: 92%;
        transform: rotate(-10.61deg);
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        top: 94%;
        left: 44%;
        transform: rotate(12.02deg);
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 50.78%;
        right: 15.21%;
        top: 90.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 57.11%;
        right: 18.61%;
        top: 88.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }
}

@media (max-width: 1920px) {
    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 46.78%;
        right: 15.21%;
        top: 90.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 60.11%;
        right: 18.61%;
        top: 88.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        top: 94%;
        left: 35%;
        transform: rotate(12.02deg);
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 21.59%;
        right: 73.12%;
        top: 92%;
        transform: rotate(-10.61deg);
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 18%;
        top: 45%;
        transform: rotate(26deg);
    }

    .welcome-to-bg .header-text-headings div#food {
        position: absolute;
        left: 36.34%;
        right: 70.47%;
        top: 27.8%;
    }

    .welcome-to-bg .header-text-headings div#sport {
        position: absolute;
        left: 19.93%;
        right: 70.76%;
        top: 44.14%;
        bottom: 86.86%;
        transform: rotate(-7.63deg);
    }

    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 72.91%;
        right: 5.16%;
        transform: rotate(-14.97deg);
        top: 72%;
    }

}

@media (max-width: 1600px) {
    .bottom-right-small-images {
        right: 19%;
        bottom: 8%;
    }

    .bottom-right-big-images {
        right: 10%;
        bottom: 10%;
    }

    .bottom-left-small-images {
        left: 19%;
        bottom: 8%;
    }

    .bottom-left-big-images {
        left: 10%;
        bottom: 10%;
    }

    .top-right-small-images {
        right: 18%;
        top: 24%;
    }

    .top-right-big-images {
        top: 28%;
        right: 10%;
    }

    .top-left-small-images {
        left: 19%;
        top: 24%;
    }

    .top-left-big-images {
        top: 28%;
        left: 10%;
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 47.78%;
        top: 90.97%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        top: 95%;
        left: 35%;
        transform: rotate(12.02deg);
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 14.59%;
        right: 73.12%;
        top: 86%;
        transform: rotate(-10.61deg);
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 18%;
        top: 42%;
        transform: rotate(26deg);
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 53%;
        top: 200px;
        transform: rotate(3.21deg);
    }

    .welcome-to-bg .header-text-headings div#food {
        left: 29.34%;
        right: 70.47%;
        top: 27.8%;
    }

    .welcome-to-bg .header-text-headings div#sport {
        left: 10.93%;
        right: 70.76%;
        top: 36.14%;
    }

    section#Psychographics-section .social-image img {
        width: 80%;
    }

}

@media(min-width: 1440px) {
    .container {
        max-width: 1140px !important;
    }
}

@media (max-width: 1440px) {

    .bottom-right-small-images {
        right: 15%;
        bottom: 8%;
    }

    .bottom-right-big-images {
        right: 5%;
        bottom: 10%;
    }

    .bottom-left-small-images {
        left: 15%;
        bottom: 8%;
    }

    .bottom-left-big-images {
        left: 5%;
        bottom: 10%;
    }

    .top-right-small-images {
        right: 16%;
        top: 24%;
    }

    .top-right-big-images {
        top: 28%;
        right: 5%;
    }

    .top-left-small-images {
        left: 15%;
        top: 24%;
    }

    .top-left-big-images {
        top: 28%;
        left: 5%;
    }

}

@media (max-width: 1366px) {
    .socialpuls-class .card-social {
        height: 330px;
        /* margin: 50px 6px 20px; */
    }

    /* section#social-puls-tabs .tabs-section ul#myTab li {
        padding: 0 8px;
    } */

    .Psychographic-class .card-social {
        padding: 160px 20px 10px;
    }

    .Psychographic-class .card-margin {
        margin: 50px 15px 25px;
    }

}

@media (max-width: 1280px) {
    .bottom-right-small-images {
        right: 18%;
        bottom: 8%;
    }

    .bottom-right-big-images {
        right: 7%;
        bottom: 10%;
    }

    .bottom-left-small-images {
        left: 18%;
        bottom: 8%;
    }

    .bottom-left-big-images {
        left: 7%;
        bottom: 10%;
    }

    .top-right-small-images {
        right: 16%;
        top: 24%;
    }

    .top-left-big-images {
        top: 28%;
        left: 7%;
    }

    .top-left-small-images {
        left: 18%;
        top: 24%;
    }

    .top-right-big-images {
        top: 28%;
        right: 7%;
    }

}

@media (max-width: 1024px) {
    #nav-menu ul li a {
        font-size: 15px;
        padding: 4px 12px;
        margin-left: 10px;
    }

    .top-right-small-images {
        right: 18%;
        top: 24%;
    }

    .inner-page-headings {
        width: 70%;
    }

    div#searchModal .card-body .card-social {
        position: relative;
        border: 0px;
        height: 300px;
        border-radius: 15px;
        padding: 10px 10px 0px 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        transition: transform 250ms;
    }

    div#searchModal .card-body .card-social .tags-section {
        margin-top: 10px;
        z-index: 20;
        height: 72px !important;
    }

    div#searchModal .col-lg-9.border-left {
        border-left: 2px solid #3b3b3b38;
        padding: 0px 0px 0px 20px;
    }

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

    .bottom-right-big-images {
        right: 5%;
        bottom: 10%;
    }

    .bottom-left-big-images {
        left: 5%;
        bottom: 10%;
    }

    .top-right-big-images {
        top: 28%;
        right: 5%;
    }

    .top-left-big-images {
        top: 28%;
        left: 5%;
    }

    section#demographics-socio-economic .education-section-content p.gen-text {
        font-size: 16px;
        line-height: 25px;
    }

    section#demographics-maritalStatus .marital-content .maritalheading h2 {
        font-weight: 700;
        font-size: 48px;
    }

    section#demographics-section h5 {
        font-size: 35px;
        text-transform: uppercase;
        font-weight: 300;
    }

    section#welcome-to .demographics-content p {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
    }

    section#welcome-to .demographics-heading h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 60px;
        margin: 74px 22px;
    }

    section#realated-dashboard .font-size-change h3 {
        height: 60px !IMPORTANT;
    }
    .related-padding {
        padding-bottom: 100px;
    }

    .socialpuls-class .card-social {
        height: 360px;
        /* margin: 50px 6px 20px; */
    }

    section#social-puls-tabs .tab-content {
        margin-top: 0px;
    }

    /* section#social-puls-tabs .tabs-section ul#myTab li {
        padding: 0 5px;
    } */



    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 64.91%;
        right: 8.16%;
        top: 96.76%;
        bottom: 82.24%;
        transform: rotate(13.03deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 79.11%;
        right: 17.61%;
        top: 86.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 50.78%;
        right: 15.21%;
        top: 94.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        top: 88%;
        left: 33%;
        transform: rotate(12.02deg);
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 10.59%;
        right: 73.12%;
        top: 92%;
        transform: rotate(-10.61deg);
    }

    .welcome-to-bg .header-text-headings div#sport {
        position: absolute;
        left: 7.93%;
        right: 70.76%;
        top: 30.14%;
        bottom: 86.86%;
        transform: rotate(-7.63deg);
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 10%;
        top: 274px;
        transform: rotate(26deg);
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 59%;
        top: 200px;
        transform: rotate(3.21deg);
    }

    .welcome-to-bg .header-text-headings div#food {
        position: absolute;
        left: 35.34%;
        right: 70.47%;
        top: 25.8%;
    }

    .btn-dashboard a {
        font-size: 18px;
        width: 35%;

    }

    div#photo {
        padding-right: 22px;
        margin: 50px 0;
    }

    .related-section-class .card-social {
        padding: 20px 20px;
        margin: 40px 20px 25px;
        height: 330px;
    }

    section#cards-section .card-social {
        padding: 40px 20px;
        height: 370px;
        transition: 0.8s !important;
        /* margin: 30px 5px 20px; */
    }

    section#cards-section .head-height h3 {
        height: 100px;
    }
}

@media(max-width:1024px) {
    .space-right-first ul li {
        padding-right: 60px;
    }
    .div-spacer .main-content p br {
        display: none;
    }
    .demographic-content p br {
        display: none;
    }
    section#demographics-household-income .box-content-center {
        margin: 14px 30px;
    }

    .right-position-set {
        position: relative;
        left: 40px;
    }

    .left-position-set {
        position: relative;
        right: 40px;
    }

    section#welcome-to .div-spacer {
        padding: 0px 4%;
    }

    .other-section-row .row {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important;
    }

    .other-section-row .row>* {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
    }
}

@media (max-width: 800px) {
    section#realated-dashboard .owl-carousel .card-image {
        height: 130px;
    }
    section#realated-dashboard .font-size-change h3 {
        height: 45px !IMPORTANT;
    }
    section#realated-dashboard .card-image {
        height: 130px;
    }
    .space-right ul li {
        padding-right: 25px;
    }
    .gen-age-group ul li .row .col-lg-6 {
        text-align: center;
    }
    .space-right-first ul li {
        padding-right: 30px;
    }
    section#cards-section .head-height h3 p strong {
        font-weight: 700 !important;
        font-size: 24px;
    }
    .card-social {
        padding: 25px 20px 10px 20px;
    }
    .other-section-row .row>* {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    section#socialpuls-section {
        background-image: url(website-assets/images/Social-bg-home.png);
        background-position: center;
        background-size: 100% 40%;
        background-repeat: no-repeat;
    }
    section#socialpuls-section p span {
        margin-bottom: 0;
        font-size: 20px !IMPORTANT;
        line-height: 26px;
    }
        .card-behavioral .card-text p strong {
        font-size: 21px;
    }
    section#realated-dashboard .card-image img {
        padding-top: 10px;
    }

    nav.navbar.navbar-expand-lg button.navbar-toggler {
        background-color: #fff;
    }

    div#nav-menu {
        position: absolute;
        width: 100%;
        top: 70px;
        background-color: #000;
    }

    section#socialpuls-section .title-text-size h3 p {
        font-size: 15px;
    }

    section#socialpuls-section .title-text-size h3 {
        margin-top: 30px;
    }

    .socialpuls-class .card-social {
        height: 360px;
        /* margin: 40px -6px 20px; */
    }

    section#dashboard-title .dashboard-desc {
        padding-right: 10px;
    }

    .dashboard-tle.animate.fadeInLeft.three.mt-5 {
        margin-top: 3px !IMPORTANT;
    }

    section#cards-section .head-height h3 {
        height: 70px;
    }

    section#cards-section .tags-section {
        z-index: 20;
        height: 80px !important;
    }

    .modal-body div#global_search_results .col-lg-4 {
        width: 100%;
    }

    div#searchModal .inner-page-headings {
        width: 30%;
    }

    section#contact-us-section .col-lg-9.border-left {
        border-left: 2px solid #3b3b3b38;
        padding: 0 0px 0px 10px;
    }

    .bottom-right-big-images {
        right: 7%;
        bottom: 10%;
    }

    .bottom-left-big-images {
        left: 7%;
        bottom: 10%;
    }

    .top-left-big-images {
        top: 28%;
        left: 7%;
    }

    .top-right-big-images {
        top: 28%;
        right: 7%;
    }

    .top-left-small-images img,
    .top-right-small-images img,
    .bottom-right-small-images img,
    .bottom-left-small-images img {
        width: 36px;
        height: 36px;
    }

    .top-left-big-images img,
    .top-right-big-images img,
    .bottom-right-big-images img,
    .bottom-left-big-images img {
        width: 80px;
    }

    section#demographics-socio-economic .col {
        flex: 1 0 50%;
    }

    section#realated-dashboard .card-image img {
        margin: 5px auto;
        display: table;
    }

    section#demographics-socio-economic .education-section-content p.per-count {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 0;
    }

    section#demographics-socio-economic .education-section-content {
        text-align: center;
        transition: 0.8s;
        height: 220px;
        padding: 20px 0;
        margin: 0px 0px;
        transition: 0.8s;
    }

    section#demographics-socio-economic h2 {
        font-size: 40px;
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
        color: #FF5B00;
    }

    section#demographics-maritalStatus p.per-count {
        font-size: 30px;
        font-weight: 700;
    }

    section#demographics-maritalStatus .marital-content .maritalheading h2 {
        font-weight: 700;
        font-size: 34px;
    }

    section#demographics-community p.per-count {
        font-size: 30px;
        font-weight: 700;
    }

    section#demographics-community .gen-age-group p.gen-text {
        font-size: 16px;
        font-weight: 400;
    }

    section#demographics-community h2,
    section#demographics-socio-economic h2 {
        font-size: 40px;
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
        color: #FF5B00;
    }

    section#demographics-community li.px-5 {
        padding: 0 10px !IMPORTANT;
    }

    section#demographics-community .gender-content {
        padding: 9px 26px;
        background-color: #ff5b00;
        border-radius: 25px;
        margin: 10px 0px;
    }

    section#demographics-section .comunity-text h2 {
        font-size: 30px;
        font-weight: 700;
    }

    section#demographics-section .comunity-text p {
        font-size: 15px;
        font-weight: 400;
    }

    section#demographics-section h5 {
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 300;
    }

    section#demographics-section h2 {
        font-size: 50px;
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
    }

    section#welcome-to .demographics-heading h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        margin: 0 12px;
    }

    section#welcome-to .demographics-content p {
        font-size: 14px;
        font-weight: 300;
        line-height: 28px;
    }

    /* section#realated-dashboard .font-size-change h3 {
        height: 36px !IMPORTANT;
        padding: 35px 0;
    } */

    .dashboard-text {
        font-size: 10px;
    }

    section#realated-dashboard .font-size-change h3 {
        font-size: 13px;
    }

    .extra-spacing-class {
        padding-top: 90px;
    }

    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 62.91%;
        right: -47.84%;
        top: 102.76%;
        bottom: 82.24%;
        transform: rotate(13.03deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 78.11%;
        right: 17.61%;
        top: 83.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 50.78%;
        right: -4.79%;
        top: 94.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        top: 88%;
        left: 33%;
        transform: rotate(12.02deg);
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 5.59%;
        right: 73.12%;
        top: 92%;
        transform: rotate(-10.61deg);
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 30px;
        top: 270px;
        transform: rotate(26deg);
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 430px;
        top: 215px;
        transform: rotate(3.21deg);
    }

    .welcome-to-bg .header-text-headings div#food {
        position: absolute;
        left: 27.34%;
        right: 76.47%;
        top: 28.8%;
    }

    .welcome-to-bg .header-text-headings div#sport {
        position: absolute;
        left: 4.93%;
        right: 100.76%;
        top: 36.14%;
        bottom: 86.86%;
        transform: rotate(-7.63deg);
    }

    /* section#social-puls-tabs .tabs-section ul#myTab li {
        padding: 0 0px;
    } */

    /* section#social-puls-tabs .tabs-section ul li button {
        font-size: 12px;
        font-weight: 700;
        color: #3B3B3B;
        opacity: 60%;
    } */

    .related-section-class .owl-nav button.owl-next {
        right: -45px;
    }

    .related-section-class .owl-nav button.owl-prev {
        left: -45px;
    }

    .related-section-class .card-social {
        padding: 0px 10px;
        margin: 25px 0px 10px;
        height: 250px !IMPORTANT;
    }

    /* section#realated-dashboard .offset-2 {
        margin-left: 0;
    } */

    .btn-dashboard a {
        font-size: 18px;
        width: 40%;
        font-weight: 300;
        margin: 0px 30px;
        padding: 6px 10px;
        box-shadow: 4px 4px 30px 0px rgb(0 0 0 / 13%);
    }

    div#photo {
        padding-right: 2px;
        margin: 38px 0;
    }

    section#dashboard-tabs .dashboard-tabs-section ul#myTab li button {
        color: #3B3B3B;
        padding: 10px 80px;
        font-size: 20px;
        font-weight: 700;
        border-radius: 20px 20px 0px 0px;
        border: unset;
    }

    section#cards-section .card-social {
        padding: 10px 10px;
        height: 310px;
        transition: 0.8s !important;
        /* margin: 30px 0px 20px; */
    }

    div#nav-tabContent .offset-2,
    div#nav-tabContent .offset-1 {
        margin-left: 0;
    }

    section#profile-tabs-section .nav {
        width: 100%;
    }

    section#profile-section .profile-section-text {
        padding: 10px 0;
    }

    section#profile-section .profile-section-text h2 {
        font-size: 40px;
    }

    section#profile-section .profile-section-text p {
        font-size: 16px;
    }

    section#register-section .input-group {
        width: 100% !important;
    }


    section#register-section .iti__flag-container .iti__country-list .iti__country span {
        color: #000 !important;
    }

    section#social-pulse {
        background-size: 111% 20%;
        background-repeat: no-repeat;
    }
    section#realated-dashboard .font-size-change h3 p {
        font-size: 15px !IMPORTANT;
    }
    section#realated-dashboard .font-size-change h3 p span {
        font-size: 16px !IMPORTANT;
    }
}

@media (max-width: 768px) {}

@media (max-width: 480px) {
    section#realated-dashboard .font-size-change h3 {
        margin-top: 20px;
    }
    section#email-section .card-body {
    padding: 25px 25px;
    }
    section#email-section {
        padding-top: 160px;
        padding-bottom: 80px;
    }
    section#realated-dashboard .key-heading h2 {
        font-size: 30px;
        text-transform: uppercase;
    }
    section#realated-dashboard .offset-2 {
        margin-left: 0;
    }
    .section {
        position: relative;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .box-section-content {
        margin-top: 0px !IMPORTANT;
        margin-bottom: 0px !IMPORTANT;
    }
    /* demo graphics text heading */
    .demographic-class {
        padding-top: 30px !IMPORTANT;
        padding-bottom: 0px !important;
    }
    .demographics-heading p span strong {
        font-size: 40px;
        text-align: center;
    }
    section#demographics-section .section-title span strong {
        font-size: 30px;
    }
    .sub-heading p span {
        font-size: 25px !important;
    }

    section#behavioral-insights p span strong {
        font-size: 30px;
    }
    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 10px !important;
    }
    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 60px !important;
    }

    .mfp-arrow {
        height: 0px !important;
    }
    section#demographics-section h2 p span strong {
        font-size: 30px;
    }
    .house-hold-heading h3 p span strong {
        font-size: 30px;
    }
    .edu-text h3 p span strong {
        font-size: 30px;
    }
    section#demographics-socio-economic {
        padding-bottom: 0;
    }
    .education-section-content {
        margin-top: 0 !important;
    }
    section#demographics-maritalStatus {
        padding-bottom: 0;
    }
    section#demographics-community {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    section#demographics-section {
        padding-bottom: 0;
    }
    .space-right ul li {
        padding-right: 30px !important;
    }
    .welcome-content h5.text-center span {
        font-size: 18px;
    }
    section#realated-dashboard .key-he
    ading h2 {
        font-size: 30px;
        text-transform: uppercase;
    }
    .other-section-row .row {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
    
    .static-search-section img {
        width: 80%;
        margin-bottom: 20px;
    }
    section#register-section .input-group {
        margin-bottom: 15px !IMPORTANT;
    }
    .input-group.mb-4.with-icon br {
        display: none;
    }
  
    .pr {
        padding-right: 10px;
    }
    button#toggle-menu{
        display: block;
        float: right;
    border: 1px solid #00000045;
    margin-bottom: 10px;
    padding: 6px 10px;
    }
    nav#slide-menu{
        display: block;
    }
    .sidebar__inner{
        display: none;
    }
    div#staticBackdrop .img-fluid {
        width: 100%;
        height: auto !important;
        
    }
    .right-position-set {
        position: relative;
        left: 0px;
    }

    .left-position-set {
        position: relative;
        right: 0px;
    }

    .space-right-first ul li {
        padding-right: 60px;
    }

    .marital-content {
        padding: 0;
    }

    section#demographics-maritalStatus .gen-age-group ul {
        list-style: none;
        padding: 10px 20px;
    }

    .extra-space-class {
        padding-top: 80px !IMPORTANT;
    }

    .dashboard-text {
        font-size: 10px !important;
    }

    section#socialpuls-section {
        background-image: unset !important;
    }

    .demographic-content {
        color: #fff;
        padding: 60px 0px 20px 0px;
    }

    .community-content {
        color: #fff;
        padding: 60px 0px 20px 0px;
    }

    .mouse-up-down a img {
        width: 80%;
    }

    .static-search-section h4 {
        line-height: 30px;
        font-size: 18px;
        padding: 15px 0;
        margin-bottom: 50px;
    }

    section#welcome-to .div-spacer {
        padding: 40px 0%;
    }

    section#demographics-section h2 p {
        margin-bottom: 0;
        line-height: 52px;
    }

    .main-content h4 p span {
        font-size: 16px !important;
    }

    .insights-content h1 p span {
        font-size: 28px !important;
    }

    .main-content h4 p {
        font-size: 16px !important;
    }

    .insights-content h1 p {
        font-size: 28px !important;
    }

    section#welcome-to .demographics-heading h2 span {
        font-size: 26px !important;
    }

    section#welcome-to .demographics-content p span {
        font-size: 20px;
        font-weight: 300;
        line-height: 26px;
        padding-bottom: 22px;
        margin-bottom: 22px;
    }

    /* .insights-content h1 p {
        font-size: 28px;
        margin: 0px 0px;
        margin-top: 40px;
    } */
    .socialpuls-class .card-social {
        height: 300px;
        /* margin: 40px -6px 20px; */
    }

    section#realated-dashboard .font-size-change h3 p span {
        font-size: 12px !IMPORTANT;
    }

    section#realated-dashboard .font-size-change h3 p {
        font-size: 12px !IMPORTANT;
    }

    section#cards-section .tags-section {
        z-index: 20;
        height: 55px !important;
    }

    section#dashboard-title {
        padding-bottom: 0px !important;
    }

    section#social-puls-tabs .tabs-section ul#myTab {
        border: unset;
        margin-top: 80px;
    }

    .modal-body div#global_search_results .col-lg-4 {
        width: 96%;
    }

    .inner-page-headings {
        width: 50%;
    }

    .card-count-number {
        width: 40%;
    }

    div#search_results .card-body .card-social .tags-section {
        height: 50px !important;
    }

    section#demographics-breadcrumb {
        margin-top: 50px;
    }

    section#welcome-to .demographics-content p br {
        display: none;
    }

    .maritalheading.mb-5 {
        margin-bottom: 8px !IMPORTANT;
    }

    /* section#demographics-section .country-heading h2 {
        margin-top: 0px;
        margin-bottom: 20px;
    } */

    section#demographics-section .comunity-text p {
        margin: 0;
        padding: 0px;
    }

    .comunity-text {
        margin-bottom: 40px;
    }

    section#demographics-maritalStatus .row {
        flex-direction: column-reverse;
    }

    section#social-puls-tabs {
        background-image: unset !important;
    }

    section#demographics-section .small-cards .country-section img {
        margin: 0 auto;
        display: table;
    }

    section#demographics-section .small-cards .country-section {
        transition: 0.8s;
        margin-bottom: 30px;
    }

    section#demographics-section h2 {
        font-size: 30px;
        margin-bottom: 0;
        font-weight: 700;
        text-transform: uppercase;
    }

    .top-right-small-images {
        right: 70px;
        top: 130px;
    }

    .top-left-small-images {
        left: 70px;
        top: 130px;
    }

    .top-left-big-images {
        top: 150px;
        left: 5px;
    }

    .top-right-big-images {
        right: 5px;
        top: 150px;
    }

    .bottom-left-small-images {
        left: 70px;
        bottom: 50px;
    }

    .bottom-right-big-images {
        right: 5px;
        bottom: 10px;
    }

    .bottom-right-small-images {
        right: 70px;
        bottom: 50px;
    }

    section#welcome-to .demographics-content p {
        font-size: 12px;
        font-weight: 300;
        line-height: 26px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    section#welcome-to .demographics-heading h1 {
        margin-top: 30px;
        font-size: 28px;
        font-weight: 700;
        line-height: 45px;
        padding-top: 30px;
        margin: 0 12px;
    }



    .bottom-left-big-images {
        left: 5px;
        bottom: 10px;
    }

    .top-left-small-images img,
    .top-right-small-images img,
    .bottom-right-small-images img,
    .bottom-left-small-images img {
        width: 30px;
        height: 30px;
    }

    .top-left-big-images img,
    .top-right-big-images img,
    .bottom-right-big-images img,
    .bottom-left-big-images img {
        width: 60px;
    }

    section#realated-dashboard .font-size-change h3 {
        height: 35px !IMPORTANT;
        padding: 0px 0;
    }

    section#realated-dashboard .tags-section ul li {
        font-size: 8px;
        padding: 0px 4px;
    }

    div#eq-loader .eq-loader-div .eq-loading img {
        width: 100% !important;
        height: 400px;
    }

    /* section#social-puls-tabs .tabs-section ul#myTab li {
        padding: 8px 0px;
    } */

    section#social-puls-tabs .tabs-section ul li button.active {
        height: 40px;
        font-size: 13px;

    }

    .mouse-up-down {
        bottom: 10px;
    }

    .insights-content h1 {
        font-weight: 700;
        font-size: 38px;
    }

    section#welcome-to .last-content p {
        font-size: 18px;
        font-weight: 300;
    }

    section#social-puls-tabs {
        margin: 0px 0px !important;
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 50%;
        top: 44%;
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 20px;
        top: 220px;
    }

    .welcome-to-bg .header-text-headings div#food {
        position: absolute;
        left: 25.34%;
        right: 64.47%;
        top: 33.8%;
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        width: 99.9px;
        top: 104%;
        left: 30%;
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 50.78%;
        right: -4.79%;
        top: 94.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 70.11%;
        right: 75.61%;
        top: 100.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }

    .welcome-to-bg .header-text-headings div#sport {
        position: absolute;
        left: 1.93%;
        right: 100.76%;
        top: 47.14%;
        bottom: 86.86%;
    }

    .welcome-to-bg .header-text-headings div#beauty {
        position: absolute;
        left: 6.59%;
        right: 142.12%;
        top: 100%;
    }

    /* .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        width: 99.9px;
        top: 106%;
        left: 111.75px;
    } */
    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 58.91%;
        right: -24.84%;
        top: 116.76%;
        bottom: 82.24%;
        transform: rotate(13.03deg);
    }

    .welcome-to-bg .header-text-headings .green-color-text h3 {
        font-size: 16px;
    }

    .welcome-to-bg .header-text-headings .grey-font h3 {
        font-size: 18px;
    }

    .welcome-to-bg .header-text-headings .grenndark-color-text h3 {
        font-size: 18px;
    }

    .welcome-to-bg .header-text-headings .orange-color-text h3 {
        font-size: 20px;
    }

    .welcome-to-bg .header-text-headings .coffe-text-size h3 {
        font-size: 15px;
    }

    .welcome-to-bg .header-text-headings .greylight-color-text h3 {
        font-size: 16px;
    }

    .welcome-to-bg .header-text-headings .yellow-color-text h3 {
        font-size: 18px;
    }

    .welcome-to-bg .header-text-headings .grey-color-text h3 {
        font-size: 18px;
    }

    .welcome-to-bg .header-text-headings .blue-color-text h3 {
        font-size: 20px;
    }

    ol.breadcrumb li {
        font-size: 15px;
    }

    ol.breadcrumb li a {
        font-size: 12px;
    }

    .font-size-change h3 {
        font-size: 15px !important;
    }

    .font-size-change a {
        font-size: 9px;
    }

    .owl-nav {
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }

    .owl-nav button.owl-prev {
        display: contents;
    }


    .owl-nav button.owl-next {
        display: contents;
    }

    .owl-nav button {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .related-padding {
        padding-bottom: 70px;
    }

    .related-section-class .card-social {
        padding: 0px 10px;
        margin: 18px 0px 0px;
        height: 240px !IMPORTANT;
    }

    .font-size-change a {
        font-size: 9px;
    }

    .font-size-change h3 {
        font-size: 15px !important;
    }

    .tags-section ul li {

        font-size: 8px;
        padding: 0px 7px;
        border-radius: 20px;
        line-height: 16px;
    }

    .btn-dashboard a {
        font-size: 12px;
        width: 100%;
        margin: 5px 0px;
        padding: 8px 2px;
    }

    section#dashboard-tabs .dashboard-tabs-section ul#myTab li button {
        padding: 4px 4px;
        font-size: 16px;
        font-weight: 700;
        border-radius: 20px 20px 0px 0px;
        border: unset;
        margin: 10px 0px;
    }

    .dashboard-image {
        margin-bottom: 40px;
    }

    section#realated-dashboard .card-social .social-text h3 p {
        font-size: 12px;
    }

    section#realated-dashboard .card-social .social-text h3 p span {
        font-size: 12px !important;
    }

    /* section#dashboard-title .dashboard-tle h2 {
        font-size: 38px;
    } */
    .dashboard-heading {
        padding-top: 120px;
    }

    .behavioral-section {
        padding-top: 0;
        padding-bottom: 0px;
    }

    #welcome-to {
        padding-bottom: 80px !important;
    }

    section#cards-section .card-social {
        padding: 10px 10px;
        height: 320px;
        transition: 0.8s !important;
        /* margin: 30px 70px 20px; */
    }

    section#cards-section .head-height h3 {
        height: 60px;
    }

    .card-title p {
        font-size: 20px;
    }

    section#purchase-history table tbody tr td {
        background-color: unset;
        padding: 30px 8px;
        font-size: 12px;
    }

    section#purchase-history table thead tr th {
        font-size: 12px;
    }

    .img-upload p {
        text-align: center;
    }

    .img-upload img {
        margin: 0 auto;
        display: table;
    }

    .card-image {
        display: flex;
        justify-content: start;
    }

    .card-default {
        text-align: start;
    }

    section#profile-update .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 69px 43px;
        left: 2px;
        opacity: 0;
    }

    section#profile-tabs-section .nav button {
        font-size: 14px;
        margin: 6px 2px;
    }

    .img-upload {
        left: 0px;
    }

    .image-show {
        margin: 15px auto;
        display: table;
    }

    .input-group {
        width: 100% !important;
    }

    section#social-pulse {
        background-image: unset;
    }

    .insights-content h1 {
        font-weight: 700;
    }

    #welcome-to .main-content h4 {
        font-size: 14px;
        line-height: 32px;
        font-weight: 300;
    }

    .welcome-bg-inn .decoration-plus {
        display: none;
    }

    #welcome-to {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .last-content h5 {
        font-size: 16px;
    }

    #welcome-to .welcome-content h5 {
        font-size: 22px;
    }

    .section .section-title {
        font-size: 35px;
    }

    .sub-heading {
        font-size: 18px;
    }

    .community-content h3 {
        font-size: 40px;
    }

    .community-content p {
        font-size: 18px;
    }

    .customer-conten p {
        font-size: 18px;
    }

    .demographic-content h3 {
        font-size: 40px;
    }

    .demographic-content p {
        font-size: 18px;
    }

    .secondary-footer {
        margin-top: 10px;
    }

    .footer {
        padding-bottom: 0px;
    }

    .secondary-footer .widget .saudia-text p {
        text-align: center;
    }

    .secondary-footer .powerd-text p {
        text-align: center;
    }

    .secondary-footer .footer-right-content ul.social.list-unstyled {
        align-items: center;
        justify-content: center;
    }

    .secondary-footer .copyright-txt p {
        text-align: center;
    }

    section#register-section .image-show {
        background-color: #3B3B3B;
        width: 130px;
        border-radius: 100px;
        height: 130px;
        display: flex;
        margin: 12px auto;
    }

    section#register-section .img-upload {
        background-color: #fafafa;
        padding: 20px 12px;
        border: 1px solid #dee2e6;
        border-radius: 20px;
        position: relative;
        left: 0;
        display: flex;
    }

    section#register-section .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 70px 60px;
        left: -4px;
        opacity: 0;
    }

    section#dashboard-tabs .dashboard-tabs-section div#myTabContent {
        height: 400px;
        color: #fff;
    }

    section#psy-dashboard-section .dashboard-tabs-section {
        height: 400px;
    }

    iframe {
        height: 400px;
    }
    
}

@media (max-width: 414px) {
    section#behavioral-insights p span strong {
        font-size: 30px;
        display: block;
    }
    .dashboard-text {
        font-size: 8px !important;
    }
    section#dashboard-tabs .dashboard-tabs-section ul#myTab li {
        padding-right: 30px;
    }
    section#socialpuls-section span strong {
        font-size: 40px;
    }
    section#dashboard-tabs .dashboard-tabs-section ul#myTab li button {
        padding: 4px 7px;
        font-size: 14px;
      }
    /* section#behavioral-insights strong {
        font-size: 40px;
    } */
    section#behavioral-insights h2.section-title span strong {
        font-size: 40px;
    }
    section#demographic p span strong:nth-child(1) {
        font-size: 40px;
    }
    section#demographic span strong:nth-child(1) {
        font-size: 40px;
    }
    section#socialpuls-section p span strong {
        font-size: 40px;
    }
    .community-content p span strong:nth-child(1) {
        font-size: 40px !important;
    }
    .community-content span strong:nth-child(1) {
        font-size: 40px !important;
    }
    .sub-heading br {
        display: none;
    }
    .mouse-up-down a img {
        width: 70%;
    }
    section#register-section .input-group i {
        right: 28px;
        top: 8px;
        font-size: 20px !IMPORTANT;
    }
    .section {
        position: relative;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    section#login-section .welcome-heading h2 {
        font-size: 36px;
        font-weight: 700;
    }
    section#login-section .input-group i {
        right: 10px;
        top: 6px;
    }
    section#behavioral-insights h2.section-title {
        font-size: 50px !important;
    }

    section#behavioral-insights .card.card-behavioral {
        margin: 10px 30px;
    }

    .other-section-row .card.card-social {
        margin: 10px 30px;
    }

    .other-section-row .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .other-section-row .row>* {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section#cards-section .card-social {
        padding: 10px 10px;
        height: 320px;
        transition: 0.8s !important;
        /* margin: 30px 60px 20px; */
    }

    /* .insights-content h1 p {
        font-size: 24px;
        margin: 0px 0px;
        margin-top: 0;
    } */
    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 62.11%;
        right: 60.61%;
        top: 105.4%;
        bottom: 85.6%;
        transform: rotate(-11.6deg);
    }

    section#demographics-socio-economic h2 {
        font-size: 30px;
    }

    section#demographics-maritalStatus p.per-count {
        font-size: 22px;
        font-weight: 700;
    }

    section#demographics-maritalStatus .marital-content .maritalheading h2 {
        font-weight: 700;
        font-size: 30px;
    }

    .welcome-to-bg .header-text-headings div#gaming {
        left: 48.91%;
        right: -2.84%;
        top: 119.76%;
        bottom: 82.24%;
        transform: rotate(-0.97deg);
    }

    section#profile-tabs-section .nav button {
        font-size: 12px;
        margin: 5px 0px;
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 20px;
        top: 190px;
    }

    section#realated-dashboard .font-size-change h3 {
        height: 45px !IMPORTANT;
        padding: 15px 4px;
    }

    section#realated-dashboard .font-size-change h3 {
        margin-top: -20px;
    }
    

    .dashboard-text {
        font-size: 14px;
    }

    .related-section-class .card-social {
        height: 230px !IMPORTANT;
    }

    iframe {
        height: 350px;
    }

    section#dashboard-tabs .dashboard-tabs-section div#myTabContent {
        height: 350px;
    }

    section#psy-dashboard-section .dashboard-tabs-section {
        height: 350px;
    }

    /* .mouse-up-down {
        bottom: -40px;
    } */

    section#register-section .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 70px 25px;
        left: -4px;
        opacity: 0;
    }

    #welcome-to .main-content h4 {
        font-size: 12px;
        line-height: 26px;
    }

    .insights-content h1 {
        font-size: 26px;
    }

    .section .section-title {
        font-size: 28px;
    }

    .sub-heading {
        font-size: 14px;
        font-weight: 400;
    }

    .community-content h3 {
        font-size: 34px;
    }

    .community-content p {
        font-size: 16px;
    }

    /* .demographic-content {
        color: #fff;
        padding: 40px 40px 40px 40px;
        align-items: center;
        justify-content: center;
    } */

    .footer {
        padding-bottom: 0px;
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        width: 99.9px;
        top: 108%;
        left: 24%;
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 42.78%;
        right: -4.79%;
        top: 94.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

}

@media (max-width: 375px) {
    section#realated-dashboard .font-size-change h3 {
        margin-top: -40px;
    }
    .socio-economic-text p span strong {
        font-size: 40px;
    }
    section#demographics-section h2 p {
        margin-bottom: 0;
        line-height: 32px;
    }
    section#demographic span strong:nth-child(1) {
        font-size: 35px;
    }
    .community-content span strong:nth-child(1) {
        font-size: 35px !important;
    }
    .space-right ul li {
        padding-right: 15px !important;
    }
    section#register-section .input-group i {
        right: 28px;
        top: 12px;
        font-size: 16px !IMPORTANT;
    }
    /* .mouse-up-down {
        bottom: -12px;
    } */

    /* .insights-content h1 p {
        font-size: 22px;
        margin: 0px 0px;
        margin-top: 0;
    } */
    section#cards-section .card-social {
        padding: 10px 10px;
        height: 320px;
        transition: 0.8s !important;
        /* margin: 30px 30px 20px; */
    }

    section#profile-tabs-section .nav button {
        font-size: 10px;
        margin: 6px 0px;
    }

    section#profile-tabs-section .nav button {
        font-size: 10px;
        margin: 6px 0px;
    }

    section#register-section .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 70px 5px;
        left: -4px;
        opacity: 0;
    }

    /* .mouse-up-down img {
        margin: -30px 0;
        width: 60%;
    } */

    .socialpuls-class .card-social {
        height: 320px;
        /* margin: 50px 0px 0px; */
    }

    .welcome-to-bg .header-text-headings div#gaming {
        position: absolute;
        left: 59.91%;
        right: -26.84%;
        top: 115.76%;
        bottom: 82.24%;
        transform: rotate(4.03deg);
    }

    .welcome-to-bg .header-text-headings div#entertainment {
        position: absolute;
        left: 42.78%;
        right: -28.79%;
        top: 101.97%;
        bottom: 5.03%;
        transform: rotate(-4.98deg);
    }

    .welcome-to-bg .header-text-headings div#coffee {
        position: absolute;
        left: 61.11%;
        right: 28.61%;
        top: 99.4%;
        bottom: 85.6%;
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 20px;
        top: 180px;
    }

    .welcome-to-bg .header-text-headings div#shopping {
        position: absolute;
        left: 230px;
        top: 250px;
    }

    .welcome-to-bg .header-text-headings div#travel {
        position: absolute;
        width: 99.9px;
        top: 112%;
        left: 80.75px;
    }

    .Psychographic-class .card-social {
        height: 370px;
    }

    .Psychographic-class .card-margin {
        margin: 16px 0 25px;
    }



    .related-section-class .card-social {
        padding: 0px 4px;
        margin: 18px 0px 0px;
        height: 210px !IMPORTANT;
    }

    section#realated-dashboard .card-image img {
        width: 100%;
        height: 100px;
        margin: 4 auto;
        display: table;
    }

    /* .btn-dashboard a {
        font-size: 10px;
        width: 46%;
        margin: 0px 5px;
        padding: 8px 2px;
    } */

    .dashboard-tabs-section ul#myTab li button {
        padding: 4px 38px;
        font-size: 14px;
        font-weight: 700;
        border-radius: 20px 20px 0px 0px;
        border: unset;
        margin: 10px 0px;
    }

    section#profile-section .profile-section-text button.btn.btn-primary.btn-xs {
        padding: 5px 8px;
        font-size: 12px;
    }

    section#profile-update .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 80px 0px;
        left: 0px;
        opacity: 0;
        width: 100%;
    }

    .font-size-change a {
        font-size: 8px;
    }

    /* section#dashboard-tabs .dashboard-tabs-section ul#myTab li button {
        padding: 6px 50px;
        font-size: 14px;
        margin: 10px 0px;
    } */
}

@media (max-width: 360px) {

   
    .related-section-class .card-social {
        padding: 0px 4px;
        margin: 18px 0px 0px;
        height: 210px !IMPORTANT;
    }
    .welcome-to-bg .header-text-headings div#gaming {
        left: 57.91%;
        right: -13.84%;
        top: 114.76%;
        bottom: 82.24%;
    }

    .welcome-to-bg .header-text-headings div#coffee {
        left: 61.11%;
        right: -19.39%;
        top: 95.4%;
        bottom: 85.6%;
    }

    .welcome-to-bg .header-text-headings div#travel {
        width: 99.9px;
        top: 115%;
        left: 79.75px;
    }

    .welcome-to-bg .header-text-headings div#beauty {
        left: 10.59%;
        right: 142.12%;
        top: 99%;
    }

    .welcome-to-bg .header-text-headings div#shopping {
        left: 220px;
        top: 240px;
    }

    .welcome-to-bg .header-text-headings div#fashion {
        position: absolute;
        right: 40px;
        top: 170px;
    }

    .welcome-to-bg .header-text-headings div#food {
        left: 26.34%;
        right: 63.47%;
        top: 36.8%;
    }

    .welcome-to-bg .header-text-headings div#sport {
        left: 5.93%;
        right: 100.76%;
        top: 46.14%;
        bottom: 86.86%;
    }

    section#welcome-to .demographics-content p {
        font-size: 10px;
        font-weight: 300;
        line-height: 26px;
        padding-bottom: 0px;
    }

    .socialpuls-class .card-social {
        height: 370px;
    }

    iframe {
        height: 300px;
    }

    section#dashboard-tabs .dashboard-tabs-section div#myTabContent {
        height: 300px;
    }

    section#psy-dashboard-section .dashboard-tabs-section {
        height: 300px;
    }

    /* .mouse-up-down {
        bottom: -10px;
    } */

    section#register-section .img-upload input[type="file"] {
        position: absolute;
        top: 2px;
        padding: 70px 0px;
        left: -4px;
        opacity: 0;
    }

    #welcome-to .main-content h4 {
        font-size: 11px;
        line-height: 26px;
    }

    .insights-content h1 {
        font-size: 24px;
    }

    .community-content {
        color: #fff;
        padding: 30px 20px 40px 00px;
        justify-content: center;
        align-items: center;
    }

    .section {
        position: relative;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .demographic-content {
        color: #fff;
        padding: 40px 40px 40px 0px;
        align-items: center;
        justify-content: center;
    }
}