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

@font-face {
    font-family: "DM_Bold";
    src: url(../fonts/DMSans-Bold.ttf);
}

@font-face {
    font-family: "DM_Bold_italic";
    src: url(../fonts/DMSans-BoldItalic.ttf);
}

@font-face {
    font-family: "DM_italic";
    src: url(../fonts/DMSans-Italic.ttf);
}

@font-face {
    font-family: "DM_medium";
    src: url(../fonts/DMSans-Medium.ttf);
}

@font-face {
    font-family: "DM_medium_italic";
    src: url(../fonts/DMSans-MediumItalic.ttf);
}

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

@font-face {
    font-family: "Space_grotesk";
    src: url(../fonts/SpaceGrotesk.ttf);
}

:root {
    --primary: #A765FC;
    --secondary: #FFD951;
    --text: #000000BF;
    --accent: #97D813;
    --skyBlue: #11C7EF;
    --pink: #F8ECFF;
    --lightBlue: #E4FAFF;
    --lyt_yellow: #ECFAD0;
    --BlackT: #000000E6;
    --black: #000000;
    --white: #ffffff;
}

* {
    font-family: "DM_regular" !important;
}

/* Top navbar*/

#app #wrapper {
    background: #fff;
}

a {
    text-decoration: none;
}

.download-icons {
    width: 180px;
    margin: 0px 10px 20px 10px;
}

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

.sub-headingtext {
    padding-bottom: 30px;
    font-size: 18px;
    color: #073956;
}

body.menu-open {
    width: 100%;
    background: #fff;
}

html {
    background: #fff;
}

#browseby {
    display: none;
    width: 100% !important;
    z-index: 100;
    position: absolute;
    top: 80px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.95);
}


/*#about{background:url(../images/girl.jpg);background-attachment:fixed;background-repeat:no-repeat;   }*/

#about {
    background: #f3e5a5
}

.aboutdiv>div {
    text-align: left;
    background: url(../images/logoi.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 18px;
    margin-bottom: 20px;
    padding: 0 0 0 30px;
    background-position: left center;
    color: #000;
    display: inline-block
}

.headerBrowse.he {
    color: #a21c7c;
    margin-bottom: 20px;
    text-shadow: 2px 0px #17252c;
}

.aboutdiv>div>span {
    font-family: "GreatVibes";
    font-size: 24px
}

.TabsMenu {
    background-color: #8a4adb;
    color: #fff;
    font-weight: 600 !important;

}

.registerationcontainer .select2-container--default .select2-selection--single {
    border-radius: 6px;
    border: 1px solid #a9a9a9;
}

.bannerimage-slider {
    text-align: center;
    padding: 25px 10px;
}

.bannerslider-container {
    background-color: #a21c7c;
}

.banner-name {
    font-size: 3em;
    text-shadow: 2px 2px 2px black;
    font-weight: bold;
    color: #efde8cc7;
}

.banner-title {
    color: #fff;
    font-size: 20px;
}

.logos-title {
    font-size: 20px;
    padding: 20px;
}

.banner-car-img {
    max-width: 100%;
    max-height: 400px;
}

.banner-car {
    justify-content: center;
    align-items: center;
    height: 400px;
}

.TabsMenu .sub_h {
    display: flex;
    padding: 10px;
    
    width: 150px;
    cursor: pointer;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;
    color: #fff !important;
    font-weight: 700 !important;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
}

.BrowseContent {
    width: 600px;
    overflow-y: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    height: 300px;
 
    
}

.BrowseContent::-webkit-scrollbar {
    width: 6px;
}

.BrowseContent::-webkit-scrollbar-thumb {
    background-color: #af4493;
    border-radius: 50px;
}

.BrowseContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #2a729b55;
    background-color: #F5F5F5;
}

.InneerTabContent {
    display: flex;
}

.hor_list li a {
    padding: 0px 10px;
    display: flex;
    align-items: center;
    margin: 6px;
    justify-content: center;
    min-height: 40px;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    color: #000 !important;
}
.hor_list{
    justify-content: center !important;
    width: 100%;
}
.hor_list li a:hover {
    background-color: #eee;
    color: #af4493 !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.hor_list li {
    float: left;
    width: 190px;
    list-style: none;
}

.mCustomScrollbar {
    height: 240px;
}

.hovereddiv {
    background-color: var(--primary);
    color: #fff;
}

.arrow {
    display: none;
}

.hovereddiv .arrow {
    display: block;
    color: #fff;
}


/* Top navbar*/

#surprisecard {
    top: 0px;
    z-index: 999;
    background-color: #ffffff99;
    width: 100%;
    height: 100%;
    position: fixed;
}


/*plans block*/

#block p {
    padding: 0;
    margin: 0;
}

#block ul {
    padding: 0;
    margin: 0;
}

.plan-block>ul {
    padding: 0;
    margin: 0;
}

/* #wrapper {
    margin-top: 82px
} */

.plan-block>ul>li {
    list-style: none;
    width: 25%;
    float: left;
}

#block .div-1 {
    background: var(--primary)99;
    border-bottom: 4px solid #b656b1;
}

.block-main {
    margin-top: 60px;
    margin-bottom: 60px;
}

#block .div-1 .p1 {
    text-align: center;
    color: white;
    padding: 7px 0;
    margin: 0px;
    font-size: 19px;
    font-weight: 400;
}

#block .div-1 .p2 {
    text-align: center;
    color: white;
    padding: 10px 0;
    font-size: 20px;
}

#block .div-2 {
    background: #73c325;
}

#block .div-2 {
    background: #397598;
    display: table;
    width: 100%;
    border-bottom: 1px solid white;
    min-height: 260px;
    display: block;
    padding: 0 15px;
}

#block .div-2 .p1 {
    text-align: center;
    color: white;
    padding: 20px 0;
    line-height: 23px;
}

#block .div-2 .p1>.span1 {
    font-size: 45px;
}

#block .div-2 .p2 {
    text-align: center;
    color: white;
    padding: 0px 0;
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
}

#block .odr {
    display: table;
    text-align: center;
    text-decoration: none;
    background: #2f2f2f;
    border-radius: 4px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    padding: 8px 15px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
}

.plan-block {
    display: table;
    width: 100%;
}

.div-3 .content>li {
    list-style: none;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.div-3 .content>li:nth-child(odd) {
    background: #eeeeee
}

.div-3 .content>li:nth-child(even) {
    background: #fff
}

.white-block {
    margin-top: 45px;
}

.gray-block {
    background: #eeeeee;
    text-align: center;
    border-bottom: 1px solid white;
    min-height: 260px;
    display: flex;
    align-items: center;
}

#block .plan>li {
    text-align: left !important;
    padding-left: 15px !important;
    font-size: 14px;
    color: #397598;
    font-weight: normal;
}

.paln-block-main:hover {
    transform: scaleY(1.1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.paln-block-main {
    transition: 0.4s;
    transform: scaleY(1.0)
}

#block .container .gray-block p {
    font-weight: 400;
    font-size: 30px;
    padding: 10px;
    color: #a21c7c;
    font-weight: 700;
}

.plan-block {
    padding: 0;
}

.block-main {
    padding: 0;
}

#block .container {
    padding: 0
}

#block .odr {
    font-size: 16px;
    padding: 5px 14px;
}

#block .div-2 .p2 {
    font-size: 14px;
}


/*plans block*/


/* Slider */


/* Slideshow container */

.slidercontainer {
    flex-direction: column;
    padding-bottom: 30px;
}

.slideshow-container {
    position: relative;
    margin: auto;
    padding: 20px 0px;
}

.reviewcontent {
    padding-left: 20px;
}

.morestories {
    background-color: #073956;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
}

.mySlides {
    align-items: center;
}

.hm-name-caption {
    font-size: 25px;
    color: #8a4adb;
    font-weight: 400;
    padding-bottom: 15px;
}

.hm-caption-txt {
    font-size: 22px;
    font-style: italic;
    padding-bottom: 15px;
}

.testi-sec2 .hm-caption-txt.txt {
    color: #000;
}

.sliderimages {
    max-height: 300px;
    max-width: 300px;
}


/* The dots/bullets/indicators */

.dot {
    height: 10px;
    width: 20px;
    margin: 0 2px;
    background-color: #bbb;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active {
    background-color: #717171;
}


/* Fading animation */

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}


.headertop {
    max-width: 1200px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
}

.topbuttons {
    padding: 30px 10px;

}

.logincomponent {
    display: flex;
    align-items: center;
    position: relative;
}

.logincomponent .topbuttons span {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-transform: capitalize;
    font-family: "Space_grotesk";
    position: relative;
}

.logincomponent .topbuttons span:hover, .logincomponent .topbuttons span:hover {
    color: #A765FC !important;
}

.logincomponent .topbuttons span:hover:after {
    position: absolute;
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat !important;
    background: url(http://letsmeet.magnaopussoftware.in/public/frontend/images/heart.svg) center;

}

.logincomponent .topbuttons span:active:after {
    position: absolute;
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background-repeat: no-repeat !important;
    background: url(http://letsmeet.magnaopussoftware.in/public/frontend/images/heart.svg) center;

}

.logincomponent a:hover {
    text-decoration: none;
   /*  color: #A765FC !important; */
}

/* .headertopoverlay {
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 4px 21px -1px rgba(71, 71, 71, 0.66);
    box-shadow: 0px 4px 21px -1px rgba(71, 71, 71, 0.66);
} */

.morematrimonial,
.searchbarcontent,
.reviewsection,
.searchby,
.ast-row,
.aboutsection,
.reviewaddsection,
.ast-small-footer {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.matchbutton,
.loginbutton,
.registerbutton {
    color: var(--primary);
    background-color: var(--white);
    display: inline-block;
    text-decoration: none;
    border: 1px solid var(--primary);
    padding: 8px 15px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    font-family: "DM_regular";
    z-index: 999;
}

.matchbutton,
.loginbutton {
    margin-right: 5px;
    margin-left: 20px
}

.registerationcontainer input,
.registerationcontainer select {
    background-color: transparent;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    font-size: 16px;
    padding: 4px;
    width: 100%;
}

.registerationcontainer input.hp-gender {
    width: auto;
}

.regheader {
    margin-top: -5px;
    font-size: 22px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 400;
}

.registerationcontainer dl.fb_field {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.regheader {
    margin-top: -5px;
    font-size: 22px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 400;
}

.field_err {
    color: red;
    font-size: 14px;
    padding-top: 5px;
    display: none;
    text-align: left;
}

.loginbutton:hover, .registerbutton:hover {
    background-color: var(--primary);
    color: #fff;
    text-decoration: none;
}

.matchbutton:hover {
    background-color: #2f7eac;
    color: #fff;
    text-decoration: none;
}


.logo {
    width: 185px;
}

.serviceslogan {
    color: #34495e;
    font-size: 30px;
    margin: 50px 50px auto auto;
}

.background,
.contactsection {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contactsection {
    height: 400px;
}

.firstfilter,
.secondfilter {
    display: flex;
    justify-content: space-around;
    width: 50%;
}

.service {
    color: #34495e;
    font-size: 25px;
    text-align: center;
}

.about {
    /*background-color: #ffffbcc7;*/
    background-color: #efde8cc7;
}

.abouttext p {
    padding: 10px 0px 25px 0px;
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    color: #fff;
}

.searchcontainer {
    background-color: var(--primary)d9;
}

.topcontainer {
    padding-top: 460px;

}

.searchbarcontent {
    height: 70px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.searchby {
    padding: 0px 10px 10px;
    font-size: 18px;
    text-align: right;
}

.searchbyuid {
    color: #073956;
    cursor: pointer;
    margin-left: 20px;
}

.advancesearchby {
    color: #073956;
    cursor: pointer;
}

.searchsubmitbutton {
    margin-top: 50px;
}

.p2 .p2data {
    font-size: 17px;
    font-weight: 500;
}

.genderfilter,
.agefilter,
.mothertounguefilter,
.searchbuttoncont,
.mobilebox,
.castefilter {
    display: flex;
    /*color: #073956;*/
    color: #000;
    align-items: center;
    font-size: 20px;
}

.malecontainer {
    padding-left: 20px;
    padding-right: 20px;
}

.gender {
    padding-left: 10px;
    vertical-align: middle;
}

.genderfilter label {
    margin: 0px;
    vertical-align: middle;
}

.contactus {
    background-color: #405765;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
}

.ageinput {
    padding-right: 10px;
}

.ageinput.to {
    padding-left: 10px;
}

.agefilter input {
    width: 45px;
    padding: 7px;
    color: #333;
    font-size: 19px;
    border-radius: 7px;
    border: 1px solid #e0e0e0;
}

.mothertounguefilter select,
.castefilter select {
    padding: 9px;
    width: 210px;
    height: 40px;
    color: #333;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #d0d0d0;
}

.searchbutton {
    padding: 10px;
    font-size: 18px;
    background-color: #073956;
    color: #fff;
    border: none;
}

.morematrimonial {
    padding: 30px 0px 50px;
    display: flex;
}

.bottom_nav_head {
    color: #aa2a86;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 15px;
}

.popular_sites {
    text-align: center;
    color: #0d0d0d;
}

.popular_sites a {
    text-decoration: none;
    font-size: 14px;
    color: #050505;
}

.popular_sites.popular_center {
    border-right: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
}

ul.nav li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 10px;
    margin: 3px 0px;
    border-right: 1px solid #a9a9a9;
}

ul.nav li:last-child {
    border-right: none;
}

.popular_sites .nav>li>a {
    padding: 2px 0px;
}

.headerBrowse {
    font-size: 30px;
    text-align: center;
    padding-top: 30px;
    font-weight: 400;
}

.popular_sites a.link {
    padding-top: 15px;
    display: inline-block;
    color: #405765;
    font-weight: 400;
    font-size: 18px;
}

.commitedline {
    color: #a21c7c !important;
    font-size: 35px !important;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-family: "GreatVibes"
}

.reviewsection {
    display: flex;
    height: 450px;
    align-items: center;
}

.storyreview {
    /*background-color: #ffffbcc7;*/
    background-color: #efde8cc7
}

.reviewenter {
    font-size: 30px;
    color: #a21c7c;
    text-shadow: 2px 0px #17252c;
}

.reviewbutton,
.reviewbutton:hover {
    border: 1px solid #397598;
    padding: 10px;
    background-color: #2f7eac;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 10px auto;
    font-size: 18px;
}

.reviewarticle {
    background-color: #efde8cc7;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
}


/* video section */

.videomodal .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
}

.videomodal .video-close-button {
    font-size: 40px;
    color: #fff;
    opacity: .8;
}

.videomodal .video-close-button:hover {
    opacity: 1;
}

.bredcrum-container {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 20px;
}

.video-bred {
    flex-direction: column;
}

.bred-heading {
    font-size: 3.75rem;
    color: #fff;
    font-weight: 700;
    height: 100%;
    background-color: #3339;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playbutton {
    font-size: 20px;
    padding: 4px 0px 0px 11px;
    border-radius: 50%;
    color: #073956;
    width: 35px;
    height: 35px;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    transition: all .3s ease;
    transform: scale(1);
}

.display-center {
    max-width: 533px;
    width: 90%;
    padding-top: 20px;
    margin: auto;
}

.playbutton:hover::after {
    transform: scale(1);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transform: scale(1);
    transition: all .3s ease;
}

.playbutton::after {
    background: rgba(255, 255, 255, .3);
    top: -10px;
    border-radius: 50%;
    left: -10px;
    position: absolute;
    content: "";
    transform: scale(1);
}

.d-flex-aligncenter {
    display: flex;
    align-items: center;
}

.watchbutton-text {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    font-family: Roboto;
}


/* video section */


/* Footer*/

.footer-adv,
.footer-adv a {
    background-color: #073956;
    color: #fff;
    text-decoration: none;
}

.footer-adv li {
    list-style: none;
}

h2.widget-title {
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff;
}

.ast-row {
    display: flex;
    padding: 30px 0px;
    line-height: 1.6;
    justify-content: space-between;
}

.ast-small-footer,
.ast-small-footer a {
    background-color: #fff;
    color: #476d80;
    text-decoration: none;
    font-size: 18px;
}

.ast-small-footer {
    padding: 25px 0px;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1200px) {

    .headertop,
    .morematrimonial,
    .searchbarcontent,
    .reviewsection,
    .ast-row,
    .ast-small-footer {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1150px) {

    .mothertounguefilter select,
    .castefilter select {
        width: 190px;
    }
}

@media(max-width:1023px) {
    .searchbarcontent {
        display: block;
        height: auto;
        padding: 15px 0px;
    }

    /* #wrapper {
        margin-top: 60px;
    } */
    #browseby {
        top: 60px;
    }

    .TabsMenu .sub_h {
        width: 120px;
    }

    .hor_list li {
        width: 126px;
    }

    .BrowseContent {
        width: 380px;
    }

    .firstfilter,
    .secondfilter {
        width: 100%;
    }

    .secondfilter {
        padding-top: 15px;
    }

    .mothertounguefilter select,
    .castefilter select {
        width: 210px;
    }

    /* .logo {
        width: 210px;
    } */
    .topbuttons {
        padding: 20px 5px;
    }

    .loginbutton,
    .matchbutton,
    .registerbutton {
        padding: 7px 12px;
    }

    .logincomponent .topbuttons span {
        font-size: 14px;
    }

    .hor_list li a {
        padding: 0px 5px;
    }

    .loginbutton,
    .matchbutton,
    .registerbutton {
        font-size: 15px;
    }

    #block .container .gray-block p {
        font-size: 23px;
    }
}

@media(max-width:767px) {
    .ast-row {
        flex-direction: column;
    }

    .morematrimonial {
        flex-direction: column;
    }

    .popular_sites.popular_center {
        border: none;
        width: 100%;
    }

    .popular_sites {
        width: 100%;
    }

    .serviceslogan {
        margin-right: 15px;
    }

    .mothertounguefilter select,
    .castefilter select {
        width: 190px;
    }
}

@media(max-width:600px) {

    .mothertounguefilter select,
    .castefilter select {
        width: 180px;
    }
}

@media(max-width:500px) {

    .firstfilter,
    .secondfilter {
        display: block;
    }

    .mothertounguefilter,
    .genderfilter {
        padding-bottom: 15px;
    }

    .genderfilter,
    .agefilter,
    .mothertounguefilter,
    .searchbuttoncont,
    .castefilter {
        justify-content: center;
    }

    .headertop {
        display: block;
    }

    .searchcontainer {
        margin-top: 270px;
    }

    .mothertounguefilter select,
    .castefilter select {
        width: 230px;
    }

    .searchbuttoncont {
        margin-top: 15px;
    }

    .reviewsection {
        flex-direction: column;
    }

    .ast-small-footer {
        flex-direction: column;
    }

    .loginbutton,
    .matchbutton,
    .registerbutton {
        padding: 5px 15px;
    }

    .registerbutton {
        margin-left: 5px;
    }

    .content-no-2 {
        padding-top: 10px;
    }

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

    .reviewsection {
        height: 650px;
    }

    .slideshow-container {
        padding: 0px;
    }

    .hm-caption-txt {
        font-size: 18px;
    }

    .hm-name-caption {
        font-size: 22px;
        padding: 10px;
    }

    .serviceslogan {
        margin: auto;
        margin-top: 10px;
        font-size: 20px;
    }

    .contactus {
        margin-top: 250px;
    }
}


/*vk---css*/

.footer-adv a {
    text-decoration: none !important;
    transition: 0.4s
}

.footer-adv a:hover {
    color: #f3e5a5;
    padding-left: 5px
}

.bar-div {
    display: none
}

.dropdown-content {
    display: none
}


/*vk---css---End*/

#backgroundimage {
    height: unset;
    position: relative;
    margin-top: 0px
}

#backgroundimage .topcontainer {
    padding-top: 0px;
    position: absolute;
    width: 100%;
    bottom: 70px;
    z-index: 10;
}

#loginmodal {
    margin-top: 70px;
}

#regiterationmodal {
    margin-top: 70px;
}

.headertop {
    max-width: 100%;
    /* position: fixed; */
    padding: 0 60px;
    /* top: 0; */
    width: 100%;
    background: #fff;
    z-index: 20;
    box-shadow: 0 6px 1px -6px gray;
}

#backgroundimage>img {
    max-height: 900px
}

/* contact */



.mini-hero-experience {
    padding: 65px 0;
    color: #fff;
    background-image: url(http://letsmeet.magnaopussoftware.in/public/frontend/images/inner-page-header.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.overlay__2 {
    padding: 50px 0;
    background-color: #a765fc0d;
}

.mini-hero__title {
    margin: 0px;
    color: #fff !important;
    margin-bottom: 10px;
    font-family: "Space_grotesk";
    font-size: 30px;
    text-align: center;
}

.containerinside {
    width: 85%;
    margin: auto;
    background-color: white;
    padding: 20px;
}

/* .mini-content {
    padding-right: 0;
    text-align: right;
} */

.card__body {
    width: 100%;
    margin: 30px auto;
}

.cubg2 {
    margin-bottom: 40px;
}

.fontlig .notc {
    padding: 10px 20px;
}

.fontlig .notc:hover {
    background-color: #d1d1d1;
}

.txtc_fontreg_lh61 {
    border-bottom: 1px solid #d1d1d1;
    font-size: 20px;
    padding: 25px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

ul.hor_list_cunav2 {
    list-style-type: none;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
}

ul.hor_list_cunav2>li {
    text-align: center;
    width: 100%;
}

.addresscontainer {
    display: flex;
}

.maprander {
    width: 60%;
    margin-top: 20px;
    -webkit-box-shadow: 6px 7px 31px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 6px 7px 31px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 6px 7px 31px -6px rgba(0, 0, 0, 0.75);
}

.addressour {
    width: 40%;
    margin-left: 50px;
}

.addresscontainer h2 {
    color: #397598;
}

.addresscontainer p {
    font-size: 14px;
    margin-bottom: 35px;
}

.btn.helpcenterbtn,
.btn.helpcenterbtn:hover {
    padding: 10px 20px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 5px;
}

.helpcenterbtncnt {
    text-align: right;
    margin-bottom: 40px;
}

.form-fields {
    list-style: none;
}

.querycontainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.error {
    display: none;
    color: red;
}

.formfields li {
    margin-bottom: 20px;
}

.querytexts p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 0;
}

.ordered-list {
    list-style: lower-alpha;
    padding-left: 40px;
}

.elementor-text-editor ul {
    padding-left: 20px;
}

h3.elementor-heading-title {
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.list_decimal li {
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 10px;
}

.list_lower_alpha li {
    margin-top: 10px;
    list-style: lower-alpha;
    margin-left: 20px
}

.list_lower_roman li {
    list-style: lower-roman;
    margin-left: 20px
}

.spacer_4 {
    padding: 4px;
}

.datestampright {
    text-align: right;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
}

.datestampleft {
    text-align: left;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
}

@media (max-width:1023px) {
    .overlay__2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .containerinside {
        width: 100%;
    }
}

@media (max-width:767px) {
    .mini-hero-experience {
        padding: 20px 0px;
    }

    /* .mini-content {
        padding-right: 50px;
    } */

    .mini-hero__title {
        font-size: 20px;
    }

    .addresscontainer {
        flex-direction: column;
    }

    .maprander {
        width: 100%
    }

    .addressour {
        width: 100%;
    }

    .addressour {
        margin-top: 10px;
        margin-bottom: 20px;
        display: flex;
        margin-left: 0px;
        justify-content: space-around;
    }

    .address2 {
        margin-left: 20px;
    }
}

.querytexts .title {
    font-size: 35px !important;
}

.helpBox {
    padding: 48px;
}

.helpBox .helpBG .title {
    font-size: 18px !important;
}

.helpBG {
    padding: 20px;
    background: var(--lightBlue);
    border-radius: 5px;
}

.helpBG p {
    font-size: 16px;
}

.helpBG p a {
    color: var(--skyBlue);
}

.fullprofile {
    margin-top: 20px;
    margin-bottom: 30px;
}

.profileimage {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 20px 0;
}

#image-carousel.owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bellnotification {
    color: red;
    font-size: 25px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.kycsuccess {
    width: 30px;
    margin-left: 15px;
}

.pencilicon {
    font-size: 25px;
}

.pencil-icon-container {
    display: block;
    text-align: right;
    position: relative;
    top: -36px;
}

.not-number {
    position: absolute;
    top: -8px;
    left: 13px;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    background-color: red;
    padding: 2px 5px;
    border-radius: 50%;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background-image: url(../images/arrows-lf.png);
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    background-image: url(../images/arrows-rt.png);
}

.userimages {
    width: 200px;
    margin: 10px;
}

.username {
    font-size: 25px;
    padding-bottom: 5px;
}

.username.male {
    color: #397598;
}

.username.female {
    color: var(--black);
    font-family: "Space_grotesk";
    font-weight: 600;
}

.stylesDetails {
    font-size: 14px;
    text-align: left;
    padding: 5px 0px;
}

.changenumber {
    font-size: 14px !important;
}

.stylesDetails .glyphicon {
    margin-right: 10px;
}

.verifyemail {
    cursor: pointer;
}

.header {
    font-size: 25px;
    color: var(--primary);
    padding-bottom: 10px;
}

.subheader {
    font-size: 16px;
    padding: 10px;
}

.useraboutwrapper {
    font-size: 14px;
    color: #397598;
    display: flex;
    justify-content: space-between;
}

.useraboutheader {
    font-weight: 400;
    margin-right: 10px;
}

.profilecontainer {
    overflow: auto;
}

.userprofile .profilecontainer {
    background-color: var(--lightBlue);
}

/* .resultimage {
    max-height: 250px;
    max-width: 100%;
    margin: auto;
} */

.singleresults {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 30px rgb(167 101 252 / 10%);
    height: 100%;
}


.fullprofile .progressbar,
.profilecontainer,
.my_profileedit {
    padding: 10px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    border-radius: 0px;
    background-color: #ffffff63;

}

.progress {
    height: 14px !important;
    border-radius: 7px !important;
}

.resultabout {
    padding: 15px;
}

.useroptions {
    /* width: 90%; */
    /* margin: auto; */
    border-top: 1px solid #ddd;
}

.useroptions .glyphicons {
    font-size: 25px;
    margin: 10px;
}

.resultusername {
  flex:1;
}

.left-nav-heading {
    font-size: 20px;
    padding-bottom: 10px;
    color: #000000;

}

.my_side_nav {
    width: 100%;
}

ul.data_cont li {
    list-style: none;
    font-size: 16px;
}

.profile_type_border {
    display: flex;
    margin-bottom: 25px;
}

.profile_tabs {
    padding: 15px 15px;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    background-color: var(--primary);
    cursor: pointer;
    box-shadow: 0px 14px 30px 0px rgb(90 34 162 / 33%);
    border-radius: 5px;
}

.profile_selected_tab {
    background-color: #fed852;
    border: 2px solid #fed852;
    border-bottom: none;
    color: #a765fb;
}

.edit_title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 10px;
    background-color: var(--primary);
    color: #fff;
}

.font_option {
    background-color: #fff;
    padding: 0px 15px;
}

.viewercount {
    display: flex;
    padding-top: 15px;
    font-size: 19px;
    color: #397598;
    justify-content: space-between;
    align-items: center;

}

.about_ul {
    display: flex;
    justify-content: space-between;
}

.data_cont {
    display: flex;
}

.td_content_1,
.td_content_2 {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.td_content_1 {
    border-right: 1px solid #ddd;
}

.section_heading {
    background-color: var(--primary);
    padding: 10px;
}

.section_heading a {
    color: #fff;
    font-size: 18px;
}

.td_content_4 {
    padding: 10px;
}

.facebookicon {
    color: #3b5998;
}

.googleicon {
    color: #CC3333;
}

.fa-heart {
    color: red;
}

.fa-heart-o {
    color: red;
}

.fa-times {
    color: #f73f31
}

.fa-commenting-o {
    color: #397598
}

.td_content {
    list-style: none;
    padding: 10px;
}

.about_ul {
    list-style: none;
}

.left_nav {
    font-weight: 500;
    text-align: left;
}

.right_nav {
    text-align: right;
}

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

.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

input[type=file].file-upload,
.file-upload-container {
    display: none;
}

.imgcirclecontainer {
    width: 200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.p-image {
    background: var(--primary);
    position: absolute;
    top: 167px;
    right: 30px;
    color: #fff;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    padding: 8px 10px;
    border-radius: 20px;
}

.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
    font-size: 30px;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #397598;
}

.fullprofilee {
    display: none;
}

#personal-details {
    display: block;
}

.label.interestlabel {
    font-size: 13px;
    margin-bottom: 5px;
    display: inline-block;
}

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

/* register */

* {
    padding: 0px;
    margin: 0px;
    font-family: "Roboto", "sans-serif";
    font-weight: 400;
    box-sizing: border-box;
}

#regiterationmodal {
    margin-top: 0px !important;
}

.closepng {
    width: 25px;
    cursor: pointer;
}

.modal-header {
    background-color: #a765fc;
    display: block;
}

.registerationcontainer input,
.registerationcontainer select {
    background-color: transparent;
    border: 1px solid #a9a9a9 !important;
    border-radius: 5px;
    font-size: 16px;
    padding: 4px;
    width: 100%;
}

.registerationcontainer input.hp-gender {
    width: auto;
}

#form_second {
    display: none;
}

.registerationcontainer .mobilenocont {
    margin-bottom: 0px;
}

.registerationcontainer .select-arw-cont {
    padding-right: 0px;
}

.nextbuttoncontainer .nextbutton {
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
    border: none;
    background-color: #a765fc;
    display: block;
    width: 150px;
    margin-right: 0;
    margin-left: auto;
}

.backbutton {
    font-size: 20px;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: #397598;
}

.regheader {
    margin-top: -5px;
    font-size: 22px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 400;
    color: white;
}

#caste_div {
    display: none;
}

.control-label.col-sm-2 {
    color: black;
}

.registerationcontainer dl.fb_field {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

dd .dobbox,
dd.mobilebox {
    display: flex;
    align-items: center;
}

.radioblock {
    display: flex;
}

.radiobtn {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -15px !important;
    display: table !important;
    width: auto !important;
    top: 3px !important;
}

.radioin {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

.radioinline {
    display: flex;
    margin-right: 20px;
}

.radiolabel {
    /*margin-left: 15px;*/
}

input.ugender {
    width: 15px !important;
    top: -15px;
}

.phoneno .iti {
    width: 100%;
    margin-bottom: 15px;
}

.dobbox .select-arw,
.mobilebox .select-arw {
    padding-right: 10px;
}

.fb_field dt {
    width: 130px;
}

.fb_field dd {
    width: calc(100% - 135px);
}

.bottombuttons {
    display: flex;
    margin: 20px 0px;
}

.genderlabel {
    padding-right: 30px;
}

.conditions {
    display: flex;
    color: #a9a9a9;
    font-size: 14px;
}

.conditions a {
    color: #0274CB;
    text-decoration: none;
}

.checkcontainer {
    width: 30px;
}

.submitbutton {
    margin-left: 20px;
}

.registerationcontainer input.hp-button {
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0px;
    border: none;
    background-color: #a765fc;
}


/*Login*/

.logincontainer .submitbutton {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.forgotpass {
    padding: 15px 0px;
}

.link {
    color: #a765fc;
    text-decoration: none;
    cursor: pointer;
}


/*Login*/


/*match*/

.logincontainer .submitbutton {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

@media (max-width:500px) {
    .registerationcontainer {
        width: 99%;
        padding: 10px;
    }

    .fb_field dt {
        width: 105px;
    }

    .fb_field dd {
        width: 100%;
    }
}


/* public Profile */

.publicprofilecontainer {
    margin-top: 80px;
    margin-bottom: 100px;
}

.publicabout {
    min-height: 240px;
    width: 90%;
    position: relative;
    margin: auto;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(57, 117, 152, 0.76);
    box-shadow: 0px 0px 17px 0px rgba(57, 117, 152, 0.76);
}

.fa-heart {
    color: red;
}

.fa-heart-o {
    color: red;
}

.fa-times {
    color: #f73f31
}

.fa-commenting-o {
    color: #397598
}

.kycsuccess {
    width: 30px;
    margin-left: 10px;
}

.publicabout {
    display: flex;
}

.username {
    font-size: 25px;
    margin-left: 15px;
    border-bottom: 1px solid #ccc;
    width: 85%;
    color: #397598;
    font-weight: 400;
}

.abouttable {
    border-right: 1px solid #ccc;
    height: 100%;
    width: 100%;
}

.uniqueid {
    font-size: 20px;
    color: #888;
    padding-left: 10px;
}

.userallabout .well {
    border: 1px solid #397598;
    border-radius: 0px;
    background-color: #fff0;
}

/* .stylesDetails {
    font-size: 16px;
    color: #333;
    margin-top: 5px;
} */

.stylesDetails .glyphicon {
    padding-right: 10px;
}

.stylesDetails .glyphicon-ok {
    color: #4ed027;
}

.well.sugestions {
    padding: 0px;
}

.stylesDetails .glyphicon-remove {
    color: #f73f31;
}

.stylesHeadingverification {
    font-size: 25px;
    color: #397598;
    border-bottom: 1px solid #ddd;
}

.stylesHeading {
    display: flex;
    font-size: 14px;
    padding: 10px;
    background-color: #397598;
    color: #fff;
}

.resultimage {
    margin: auto;
    display: block;
    width: 70%;
}

.publicabout .useroptions {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-right: 20px;
}

.publicabout .useroptions .glyphicons {
    padding: 10px;
    font-size: 30px;
}

.imagepart {
    height: 330px;
    z-index: 2;
    margin-left: 15px;
    width: 300px;
    display: inline-block;
    position: absolute;
    margin-top: -30px;
}

.imagepart .owl-item {
    height: 330px;
}

.imagepart.owl-theme .owl-controls {
    position: absolute;
    width: 50%;
    margin: auto;
    bottom: 10px;
    padding-top: 2px;
    z-index: 10;
    height: 20px;
    border-radius: 5px;
    left: 25%;
    background-color: rgba(0, 0, 0, 0.9);
}

.imagepart.owl-theme .owl-controls .owl-buttons div {
    height: 5px;
    background: #fff;
    opacity: 0.7;
}

.userimages {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.publicaboutpart {
    padding: 20px;
    padding-left: 310px;
    width: 100%;
}

.stylesB {
    padding: 4px 15px;
    font-size: 16px;
}

.userallabout {
    margin-top: 100px;
    margin-bottom: 30px;
}

.stylesInfo {
    border: 1px solid #397598;
}

.stylesLeft {
    display: flex;
}

.stylesDetailTab,
.stylesTabLink {
    padding: 10px;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.stylesDetailTab {
    background-color: #397598;
}

.stylesTabLink {
    margin-left: 2px;
    background-color: var(--primary);
}

.stylesIconListItem,
.stylesInfoListItem,
.stylesPreferenceListItem {
    list-style: none;
}

.stylesInfoItem {
    margin-bottom: 10px;
}

.stylesPreferenceList {
    margin-top: 20px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 30px;
}

.stylesContent,
.stylesProfileCreatedWapper {
    padding: 10px;
    font-size: 16px;
}

.stylesPreferenceWrapper {
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.stylesPhoto {
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: block;
    border: 5px solid #ddd;
}

.stylesPreferenceHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stylesCountWrapper {
    margin: 0px 25px 20px 25px;
    padding: 10px 15px;
    background-color: var(--primary);
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
}

.stylesPreferenceListItem {
    padding-bottom: 5px;
    display: flex;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.stylesPhotoCaption {
    margin-top: 5px;
    font-size: 15px;
    color: #397598;
}

.resultabout {
    padding: 15px;
}

.singleresults .useroptions {
    /* width: 90%; */
    text-align: right;
    border-top: 0 !important;
}

.singleresults .useroptions .glyphicons {
    font-size: 17px;
    margin: 10px;
}

.singleresults .resultusername a {
    color: var(--black) !important;
    width: 100%;
    font-family: "Space_grotesk" !important;
    text-decoration: none !important;
    padding: 0 !important;
    font-size: 20px;
    font-weight: 600;
}

.singleresults .resultusername a:hover {
    color: var(--primary) !important;

}

.stylesNumberText {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.stylecontactinfo {
    font-size: 20px;
    margin-right: 20px;
}

.stylecontactinfo.glyphicon-earphone {
    color: green;
}

.stylecontactinfo.glyphicon-envelope {
    color: #efde8c;
}

.stylesRemarkIcon {
    background-color: #eee;
    padding: 4px;
    border-radius: 50%;
    color: #59AD11;
    font-size: 20px;
}

.stylesRemarkIcon.glyphicon-remove {
    color: #aaa;
}

.stylesTerm {
    color: var(--primary);
    font-size: 15px;
}

.stylesIconList {
    display: flex;
    justify-content: space-between;
}

.stylesIconListIcon {
    width: 100px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    background-size: contain;
}

.stylesIconListItem {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loginorder {
    text-align: center;
    padding: 30px;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #efde8c;
    font-size: 30px;
}

.curlcontain {
    position: relative;
}

.curl {
    width: 80px;
    /* default width of page curl */
    height: 80px;
    /* default height of page curl */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    overflow: hidden;
    background: white;
    box-shadow: 0 0 10px gray;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.curl .curlcontent {
    position: absolute;
    left: 15px;
    /* left position of curl content to show */
    top: 15px;
    /* top position of curl content to show */
}

.curl:after {
    /* the curl itself */
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: rotate(45deg) translateX(70%) scale(1.4);
    background: #afafaf;
    background: -moz-linear-gradient(left, #afafaf 0%, #ffffff 29%);
    background: -webkit-linear-gradient(left, #afafaf 0%, #ffffff 29%);
    background: linear-gradient(to right, #afafaf 0%, #ffffff 29%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afafaf', endColorstr='#ffffff', GradientType=1);

}

.curl:hover {
    width: 120px;
    /* width of page curl when mouse over */
    height: 120px;
    /* height of page curl when mouse over */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 10px 10px 50px gray;
}

.loginuserab {
    color: #999;
    font-size: 13px;
}

.stylesRemarkBox {
    text-align: right;
}

/* image update */


.userimage {
    width: 80%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.well {
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    background-color: var(--lightBlue) !important;
    border-radius: 0px;
    padding: 15px;
    margin: 10px 0;
    text-align: left;

}

.imageupdate {
    margin-top: 40px;
    margin-bottom: 40px;
}

.userimage .dz-message {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    padding: 25px 0px;
}

.userimage .dropzone {
    border: 1px solid #397598;
}

.header {
    color: #397598;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.uploadimage {
    margin: 20px auto;
    padding: 10px 40px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    border: transparent;
    background-color: #397598;
}

span.glyphicon.deleteicon.glyphicon-trash {
    padding-top: 10px;
    color: #333;
}

.singleimagecontainer {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 8px;
}

.profilepiclabel {
    text-align: center;
    display: block;
}

.imageslist {
    text-align: center;
}

.singleimagecontainer .img-thumbnail {
    min-height: 200px;
}

.imagebuttons {
    padding-top: 10px;
}

.currentimage {
    border: 5px solid #397598;
}

/* about */

.about-div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

/* .mini-content {
    padding-right: 200px;
    text-align: right;
} */

.divcontent {
    padding: 10px 6px 10px 14px;
    background-color: #f7f7f7;
}



h3 {
    color: var(--primary) !important;
}


button.btn.btnSty, button.btn.btnSty a {
    width: 100% !important;
    margin: 5px 0 !important;
    padding: 10px 5px !important;
    font-family: "Space_grotesk";
}

#profilepage .title {
    font-size: 20px;
}

.editprofilesection .col-sm-6 {
    padding: 0 6px !important;
}

#profilepage td, th {
    text-align: left;
    padding: 0;
}

#profilepage ol, ul {
    padding-left: 0 !important;
}

#profilepage label {
    font-size: 16px;
}

.glyphicon-remove:before {
    font-family: FontAwesome !important;
}

.search {
    padding: 100px 0;
}

.userAboutRow{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.fa-commenting-o:before{
    color: var(--primary);
}
.fa-heart:before{
    color: #f73f31 !important;
}
.filtersection{
    padding: 20px;
}
.filtersection .title{
    font-size: 25px !important;
    margin-bottom: 20px;
}
.filterhead {
    color: #000;
    font-size: 18px;
    padding: 10px 0;
    font-family: "Space_grotesk" !important;
}
.filtertext label{
    color: #000;
    font-weight: normal !important;
    font-family: "Space_grotesk" !important;
}
.filtertext input[type=checkbox]{
    margin: 4px 7px 0;
}
#Refine_Search .container-fluid{
    padding-left: 0 !important;
    position: relative;
}
#wrapper{
    position: relative;
}
.sidebar,.results{
    padding: 50px 20px !important;
  
}
.listingsection .col-lg-4{
    margin-bottom: 15px !important;
}