:root {
    --white:      rgb(255,255,255);
    --primary:    rgb(253, 122, 166);
    --primary2:   rgb(184, 111, 128);
    --secondary:  rgb(219, 191, 232);
    --success:    rgb(157, 242, 213);
    --info:       rgb(147, 212, 245);
    --warning:    rgb(253, 216, 112);
    --danger:     rgb(253, 112, 112);
    --light:      rgb(235, 235, 235);
    --dark:       rgb(0,0,0);
}

@font-face {
    font-family: "Grotesque MT";
    src: url("../fonts/Grotesque-MT.eot");
    src: url("../fonts/Grotesque-MT.eot?#iefix")format("embedded-opentype"),
        url("../fonts/Grotesque-MT.woff")format("woff"),
        url("../fonts/Grotesque-MT.woff2")format("woff2"),
        url("../fonts/Grotesque-MT.ttf")format("truetype"),
        url("../fonts/Grotesque-MT.svg#Grotesque MT")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


@font-face {
    font-family: "Grotesque MT Light";
    src: url("../fonts/Grotesque-MT-Light.eot");
    src: url("../fonts/Grotesque-MT-Light.eot?#iefix")format("embedded-opentype"),
        url("../fonts/Grotesque-MT-Light.woff")format("woff"),
        url("../fonts/Grotesque-MT-Light.woff2")format("woff2"),
        url("../fonts/Grotesque-MT-Light.ttf")format("truetype"),
        url("../fonts/Grotesque-MT-Light.svg#Grotesque MT Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family: 'Grotesque MT Regular';
    src: url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.eot');
    src: url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.woff2') format('woff2'),
         url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.woff') format('woff'),
         url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.ttf')  format('truetype'),
         url('../fonts/Grotesque-MT/regular/Grotesque-MT-Regular.svg#Grotesque MT') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family: 'Grotesque MT Light Regular';
    src: url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.eot');
    src: url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.woff2') format('woff2'),
         url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.woff') format('woff'),
         url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.ttf')  format('truetype'),
         url('../fonts/Grotesque-MT/light/Grotesque-MT-Light-Regular.svg#Grotesque MT') format('svg');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family: "Grotesque MT Bold";
    src: url("../fonts/Grotesque-MT-Bold.eot");
    src: url("../fonts/Grotesque-MT-Bold.eot?#iefix")format("embedded-opentype"),
        url("../fonts/Grotesque-MT-Bold.woff")format("woff"),
        url("../fonts/Grotesque-MT-Bold.woff2")format("woff2"),
        url("../fonts/Grotesque-MT-Bold.ttf")format("truetype"),
        url("../fonts/Grotesque-MT-Bold.svg#Grotesque MT Bold")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

body,html {
    font-family: "Grotesque MT",Arial, Helvetica, sans-serif;
    height:100%;
}

.nav-item.active .nav-link {
  font-family: "Grotesque MT Bold",Arial, Helvetica, sans-serif;
}
.font-family-groteseque-mt-bold {
    font-family: "Grotesque MT Bold",Arial, Helvetica, sans-serif;
}

/* Header */
.list-inline.social-icons-header li a i {
  color: var(--dark);
  font-size: 1.55rem;
}
.header-img img {
    max-width:200px;
    position:relative;
    bottom:3px;
}


/* Border Lines */
.border-null {
    border:none;
}
.border-full-default {
    border: solid 1px var(--primary2);
}
.border-top-default {
    border-top: solid 1px var(--primary2);
}
.border-bottom-default {
    border-bottom: solid 1px var(--primary2);
}
.border-left-default {
    border-left: solid 1px var(--primary2);
}
.border-right-default {
    border-right: solid 1px var(--primary2);
}

/* Typography */
.txt-black {
    color: var(--dark);
}
.txt-uppercase {
    text-transform:uppercase;
}
.txt-size-66-em {
    font-size:.66em;
}
.txt-size-77 {
    font-size:.77rem;
}
.txt-size-77-em {
    font-size:.77em;
}
.txt-size-81 {
    font-size:.81rem;
}
.txt-size-99 {
    font-size:.99rem;
}

/* Messaging */
.inbox_people {
  background:rgb(255, 255, 255) none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 50%;
  border-right:1px solid rgb(184, 111, 128);
}
.inbox_msg {
  clear: both;
  overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%;
}
.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid rgb(184, 111, 128);}

.recent_heading h4 {
font-size: .99rem;
  margin: auto;
  text-decoration: none !important;
  color: rgb(0,0,0);
  text-transform: uppercase;
  padding-top: 5px;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid rgb(184, 111, 128);
  margin: 0;
  padding: 18px 16px 10px;
}
.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:rgb(240, 249, 254);}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
  width: 50%;
}

 .sent_msg p {
  background:rgb(0, 0, 0) none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#fff;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
  background: rgb(0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 33px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
  height: 516px;
  overflow-y: auto;
}
.messaging img {
  width: 100%;
  height:auto;
}


/* Extras (decors etc.) */
.txt-decoration-none {
    text-decoration:none!important
}
.txt-center {
    text-align: center;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
}
.nav-link {
    display: block;
    color: rgb(0, 0, 0);
    border-bottom: solid 1px rgb(184, 111, 128);
}

.time{font-size: 11px !important}.socials i{margin-right: 14px;font-size: 15px;color: rgb(0, 0, 0);cursor: pointer;}.feed-image img{width: 100%;height: auto}

.border {
    border: 1px solid rgb(184, 111, 128) !important;
}
.border-bottom {
    border-bottom: 1px solid rgb(184, 111, 128) !important;
}


/*
/* Preloader
.loaderWrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(219, 191, 232);
    z-index: 1000;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeLoader 0.6s 4s ease forwards;
}

.loader {
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 999;
}
.loader .bar {
    width: 10px;
    height: 5px;
    background: #000000;
    margin: 2px;
    animation: bar 1s infinite linear;
}
.loader .bar:nth-child(1) {
    animation-delay: 0s;
}
.loader .bar:nth-child(2) {
    animation-delay: 0.25s;
}
.loader .bar:nth-child(3) {
    animation-delay: 0.5s;
}

@keyframes bar {
    0% {
        transform: scaleY(1) scaleX(0.5);
    }
    50% {
        transform: scaleY(10) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(0.5);
    }
}

@keyframes fadeLoader {
    to {
        opacity: 0;
    }
}
*/
.form-check_styled .form-check-input {
  height: 18px;
  width: 18px;
}
.form-check_styled .form-check-label {
  margin-bottom: 0;
  font-size: 1.04rem;
  margin-left: 8px;
}


.site-credit-cards img {
    width:auto;
    height: 55px;
}


.fa-brands.fa-whatsapp {
  color: rgb(25, 138, 90);
  font-size: 19px;
}
.fa-brands.fa-x-twitter {
  color: rgb(0, 106, 148);
  font-size: 19px;
}
.fa-brands.fa-tiktok {
  color: rgb(3, 3, 3);
  font-size: 18px;
}

/* BUTTONS */
.btn-primary {
  color: rgb(255, 255, 255);
  background-color: rgb(6, 165, 223);
  border-color:rgb(6, 165, 223);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: rgb(255, 255, 255);
  background-color: rgb(7, 135, 213);
  border-color:rgb(7, 135, 213);
}
.btn-rounded {
  border-radius:33px;
}

.form-control-lg {
  font-size: 1rem;
}
.form-control:focus {
  border-color:rgba(0, 175, 240, .75) !important;
  outline:0 !important;
  box-shadow: none !important;
}
.form-group.floating>label {
    bottom: 34px;
    left: 8px;
    position: relative;
    background-color: white;
    padding: 0px 5px 0px 5px;
    font-size: 1.1em;
    transition: 0.1s;
    pointer-events: none;
    font-weight: 500 !important;
    transform-origin: bottom left;
    color: rgb(162, 162, 162);
}

.form-control.floating:focus~label{
    transform: translate(1px,-128%) scale(0.80);
    opacity: 1;
    color: rgb(0, 175, 240);
}

.form-control.floating:valid~label{
    transform-origin: bottom left;
    transform: translate(1px,-128%) scale(0.80);
    opacity: 1;
}


/* Media Queries for Responsive */
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}