/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

html {
    font-size: 62.5%;
}

 :root {
    --mainfont: 'Mulish', sans-serif;
    --secondfont: 'Fira Sans', sans-serif;
    --maincolor: #000;
    --seconcolor: #fff;
    --thirdcolor: #333;
    --pinkcolor: #C71C69;
    --pinkcolor-bg: #C71C69;
}

ul,
ol {
    margin: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    color: var(--maincolor);
    font-family: var(--mainfont);
    font-size: 1.6rem;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--mainfont);
}

h3 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 0.02em;
    font-weight: 600;
}

h6 {
    font-family: var(--secondfont);
    color: var(--pinkcolor);
    font-size: 2.4rem;
    letter-spacing: 0.02em;
    line-height: 3rem;
    font-weight: 600;
}

p {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    line-height: 3rem;
    letter-spacing: 0.02em;
}

a {
    color: var(--pinkcolor);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.btn-primary {
    font-family: var(--mainfont);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.3rem;
    letter-spacing: 0.02em;
    background: #C71C69;
    color: var(--seconcolor);
    border: none;
    padding: .8rem 3rem;
    transform: perspective(1px) translateZ(0);
    transition-property: color;
    transition-duration: 0.3s;
    border-radius: 0;
}

.btn-primary:hover {
    color: var(--seconcolor);
}

.btn-primary:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F664BC;
    transform: scaleX(0);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.btn-primary:hover:before,
.btn-primary:focus:before,
.btn-primary:active:before {
    transform: scaleX(1);
    color: var(--seconcolor);
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #C71C69;
    border-color: #C71C69;
}


/************************************************Header Css Start--********************************************/

.banner .header {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 98.08%;
    background: rgba(0, 0, 0, 0.3);
    height: 7rem;
}

.header {
    background: var(--seconcolor);
    height: 7rem;
    z-index: 123;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.header.fixed-top {
    animation: fadeInDown .6s ease-in both;
    animation-delay: .6s;
}

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

.logo-white {
    display: none;
}

.banner .header .logo-white {
    display: block;
}

.banner .header .logo-black {
    display: none;
}

.toggler-icon .fa-bars {
    color: #2f3031;
}

.pricing .card li:first-child {
    display: none;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar {
    padding: 0.5rem 0rem;
}

.navbar-brand .img-fluid {
    max-width: 162px;
    height: 46px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--thirdcolor);
    line-height: 2rem;
    font-family: var(--mainfont);
    padding-right: 1rem;
    padding-left: 1rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-top: .8rem;
    font-weight: normal;
}

.banner .navbar-light .navbar-nav .nav-link {
    color: var(--seconcolor);
}
/* ------------------- Updated CSS writer: Shuvro ----------------------- */
.btn-sm-primary  {
    background-color: #c71c69;
    color: #fff;
    padding: .4rem 1rem .5rem 1rem;
    font-size: 1.4rem;
    border-radius: 0;
    line-height: 1.3;
}
.headerBannerSlider {
    position: absolute !important;
    top: 0%;
    left: 0%;
    width: 100% !important;
    height: 100%;
    z-index: -1;
}
.headerBannerSlider .banner__img {
    width: 100% !important;
    min-height: 800px;

}
.banner .login {
    padding: 2.5rem 4rem;
}

.banner .col-md-12.col-lg-12.col-xl-4 {
    position: relative; 
}
.banner .highLightSlider {
    background-color: #f27ab0;
    margin: 1rem 0;
}
.banner .highLightSlider .owl-item {
    padding: 1rem;
    text-align: center;
}
.banner .highLightSlider .profile__items img {
    width: 7.4rem;
    height: 7.4rem;
    border-radius: 50%;
    background-color: #fff;
}
.banner .highLightSlider .profile__items .name {
    font-weight: 500;
    color: #fff;
    display: block;
}
.banner .highLightSlider .owl-pagination {
    display: none;
}
@media (max-width: 1440px) {
    .banner .login .form-group, .login .form-row {
        margin-bottom: .7rem;
    }
    .banner .login {
        padding: 2.5rem 2.5rem;
    }
    .banner .col-12.text-center.mt-5 {
        margin-top: 2rem !important;
    }
    .banner-bottom-inside { 
        bottom: -22%;
    }
}
@media (min-width: 1500px) {
    .banner-bottom-inside { 
        bottom: -13% !important;
    }
}
/* ------------------- Updated CSS writer: Shuvro ----------------------- */



.navbar-light .navbar-toggler {
    color: var(--seconcolor);
    border-color: rgba(0, 0, 0, 0.1);
    font-size: 2.4rem;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--thirdcolor);
}

.cart-sec .nav-item:last-child .nav-link {
    color: var(--thirdcolor);
}

.collapse.show {
    padding-bottom: 20px;
}

.navbar-nav.cart-sec {
    flex-direction: row;
}

.header button {
    background-color: transparent !important;
    margin-top: 1rem;
    color: var(--thirdcolor);
    font-family: var(--mainfont);
    font-size: 1.6rem;
    /* width: 100%;
    height: 100%; */
}

.header button i {
    font-size: 2.8rem;
    /* position: absolute;
    top: 9px;
    left: 9px; */
	position: relative;
    top: -10px;
    left: -4px; 
}

.header button .fa-bars {
    top: 0;
    left: 0; 
}

.banner .header button {
    color: var(--seconcolor);
}

.cart-sec .nav-item:first-child {
    margin-top: .3rem;
    position: relative;
}


/* if need the left border content just remove content none to "" */

.cart-sec .nav-item:first-child:before {
    position: absolute;
    left: 0;
    top: 1.3rem;
    width: .2px;
    height: 2rem;
    background-color: #333;
    content: none;
}

.banner .cart-sec .nav-item:first-child:before {
    background-color: #fff;
}

.cart-sec .nav-item:last-child {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    text-algin: center;
    line-height: 4rem;
    background-color: var(--pinkcolor-bg);
    margin-top: 1rem;
    text-align: center;
}

.cart-sec .nav-item:last-child button {
    margin-top: 0px !important;
    text-align: center;
    margin-left: 3px;
}

.cart-sec .nav-item:last-child .dropdown-toggle::after {
    margin-left: 15px;
    margin-bottom: 3px;
}

.dropdown-menu {
    font-family: var(--mainfont);
    color: var(--pinkcolor);
    padding: 1rem 5rem 1rem 2rem;
    margin: 0.125rem 0 0;
    font-size: 1.6rem;
}

.dropdown-menu a {
    color: var(--pinkcolor);
    text-decoration: none;
    white-space: nowrap;
}

.cart-sec .bbb-wrapper .subcribe-form #subscribe input {
    background: var(--thirdcolor);
    border: 1px solid #FFFFFF;
}

.cart-sec .bbb-wrapper .subcribe-form #subscribe #subscribe-button {
    background-color: var(--seconcolor) !important;
}

.nav-item .bbb-wrapper {
    opacity: 0;
}

.nav-item .bbb-wrapper.open {
    opacity: 1 !important;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.nav-item .bbb-wrapper .subcribe-form form {
    position: absolute;
    left: 0;
    top: 38px;
}

.nav-item .bbb-wrapper.open .subcribe-form form {
    top: 0;
}

.nav-item .bbb-wrapper .subcribe-form #subscribe input {
    width: 200px;
    transition: all 0.5s ease-in-out;
}

.dropdown .fa-user-circle {
    color: #fff;
}


/************************************************Header Css Close--********************************************/


/************************************************Banner Css Start--********************************************/

.banner {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    height: 900px;
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    padding:30px 0;
}

.btn-info {
    background-color: var(--buttoncolor);
    color: #fff !important;
    font-family: var(--mainfont);
    border-color: var(--buttoncolor);
    font-size: 16px;
    border-radius: 0px;
    text-transform: capitalize;
    padding: 10px 30px;
    float: right;
}

.btn-info:hover {
    background-color: #069a44;
    border-color: #069a44;
}

.carousel-indicators .active {
    background-color: #000;
}

.login {
    background-color: var(--seconcolor);
    border-radius: 0rem;
    padding: 4rem;
}

.login .label {
    color: --maincolor;
    font-family: var(--mainfont);
    font-size: 1.8rem;
    font-weight: 600;
}

.form-control {
    height: 4rem !important;
    border: 1px solid rgba(246, 100, 188, 0.25);
    box-sizing: border-box;
    border-radius: 0px;
    font-size: 1.6rem;
    color: var(--thirdcolor);
    font-family: var(--mainfont);
}

select.form-control {
    cursor: pointer !important;
}

.login .form-group,
.login .form-row {
    margin-bottom: 1.5rem;
}

.login-text {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: pre-line;
    margin-bottom: 1rem;
}

.login-text span {
    font-size: 3rem;
    font-weight: normal;
    letter-spacing: 0.02em;
}


/************************************************Banner Css Close--********************************************/


/************************************************Banner Bottom Css Start--********************************************/

.banner-bottom {
    position: relative;
}

.banner-bottom-inside {
    /* position: absolute;
    bottom: -6%; */
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    left: 10%;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(234, 67, 53, 0.5);
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.one {
    text-align: left;
    padding-left: 6rem;
}

.one h2 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 3rem;
    line-height: 3.6rem;
    white-space: pre-line;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.one p {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: 0.02em;
    white-space: pre-line;
}

.three .btn-primary {
    padding: 1rem 4rem;
}

.one,
.two,
.three {
    flex: 0 0 400px;
}

.form-steps {
    display: block;
    width: 100%;
    position: relative;
    margin: 40px 0;
}

.form-steps:after {
    content: "";
    display: table;
    clear: both;
}

.form-steps__item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 33%;
    text-align: center;
}

.form-steps__item-content {
    display: inline-block;
}

.form-steps__item-icon {
    background: lightgray;
    color: #fff !important;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    line-height: 40px;
    margin: 0 auto 5px auto;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    z-index: 2;
}

.form-steps__item-text {
    color: var(--thirdcolor);
    font-family: var(--mainfont);
    font-size: 1.8rem;
    letter-spacing: 0.02em;
}

.form-steps__item-line {
    display: inline-block;
    height: 3px;
    width: 100%;
    background: lightgray;
    float: left;
    position: absolute;
    left: -50%;
    top: 28px;
    z-index: 1;
    border: 5px solid lightslategray;
}

.form-steps__item--active .form-steps__item-icon {
    background: green;
    color: white;
    border-color: mediumseagreen;
}

.form-steps__item--active .form-steps__item-text {
    color: green;
    font-weight: 600;
}

.form-steps__item--active .form-steps__item-line,
.form-steps__item--completed .form-steps__item-line {
    background: var(--pinkcolor-bg);
    border: 2px solid rgba(246, 100, 188, 0.2);
}

.form-steps__item--completed .form-steps__item-text {
    color: #4f5e77;
}

.form-steps__item--completed .form-steps__item-icon {
    background: #C71C69;
    color: transparent;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    box-shadow: 2px 1px 22px 0px rgba(246, 100, 188, 0.96);
    -webkit-box-shadow: 2px 1px 22px 0px rgba(246, 100, 188, 0.96);
    -moz-box-shadow: 2px 1px 22px 0px rgba(246, 100, 188, 0.96);
}

@media only screen and (max-width: 767px) {
    .form-steps__item-icon,
    .form-steps__item--completed .form-steps__item-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .form-steps__item-line {
        top: 15px;
    }
}


/************************************************Banner Bottom Css Close--********************************************/


/************************************************About Css Start--********************************************/

.about {
    position: relative;
    padding: 12rem 0 6rem;
}



/************************************************About Css Close--********************************************/


/************************************************Member Css Start--********************************************/

.member {
    padding: 5rem 0 5rem;
    background-color: var(--pinkcolor-bg);
}

.member .row {
    align-items: center;
}

.member h3,
.member h6,
.member p {
    color: var(--seconcolor);
}

.member .btn-primary {
    background: var(--seconcolor);
    color: var(--thirdcolor);
}

.member .btn-primary:before {
    background: var(--thirdcolor);
}

.member .btn-primary:hover {
    color: var(--seconcolor);
}

.member .btn-primary:focus {
    color: var(--seconcolor);
}

.member .col-md-4 {
    position: relative;
}

.member .col-md-4:before {
    position: absolute;
    right: 0;
    top: 1rem;
    width: .2px;
    height: 100%;
    background-color: #fff;
    content: "";
}

.member-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.member-list li {
    flex: 1 0 33%;
    color: var(--seconcolor);
}

.member-list li img {
    width: 10.4rem;
    height: 10.4rem;
    object-fit: cover;
    border-radius: 100%;
    border: 2px solid #fff;
    margin-bottom: 1rem;
}

.member-list li strong {
    font-family: var(--secondfont);
    font-size: 2.2rem;
    line-height: 3rem;
    text-align: center;
    letter-spacing: 0.02em;
    display: block;
}

.member-list li small {
    font-family: var(--mainfont);
    font-size: 1.8rem;
    line-height: 3.6rem;
    text-align: center;
    letter-spacing: 0.02em;
    display: block;
    font-weight: normal;
}


/************************************************Member Css Close--********************************************/


/************************************************Registration module Css Start--********************************************/

.modal-content {
    padding: 0rem 0 4rem;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.modal label {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 3rem;
}

.modal-title {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
    margin-left: auto;
}

.modal-title strong {
    color: var(--pinkcolor) !important;
}

.modal-body {
    padding: 2rem 4rem;
}

.link-text {
    text-align: center;
    margin: 0 auto;
}

.modal-header {
    display: block;
    text-align: center;
}

.modal-footer {
    font-size: 1.5rem;
    border-top: none;
    display: block;
}

.modal-footer span a {
    color: var(--pinkcolor);
}

.modal-footer .btn-primary {
    width: 100%;
    margin-bottom: 1.5rem;
}

#signin .modal-footer> :not(:last-child) {
    margin: 0 auto;
}

#signin .modal-footer> :not(:last-child) {
    margin-right: 0;
    margin: 0 auto;
}

#messagemodal .modal-footer> :not(:last-child) {
    margin: 0 auto;
}

#messagemodal .modal-footer> :not(:last-child) {
    margin-right: 0;
    margin: 0 auto;
}

.modal-footer> :not(:first-child) {
    margin-left: 0;
    margin: 0 auto;
}

.custom-rem {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.forgot-pass-link {
    font-family: var(--mainfont);
    color: var(--pinkcolor);
    font-size: 1.5rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
    cursor: pointer;
}

.custom-control-label {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    font-weight: normal !important;
    margin-left: 5px;
}

.custom-control-label::before {
    left: 0;
    top: .7rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: var(--seconcolor);
    border: 1px solid #F664BC;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.custom-control-label::after {
    width: 1.4rem;
    height: 1.4rem;
    top: .7rem;
    left: 0;
}

.close {
    float: right;
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    cursor: pointer;
}

.modal-header .close {
    padding: 0rem;
    margin: -4rem 0rem -1rem auto;
    color: #EA4335;
}

i.fa-eye,
i.fa-eye-slash {
    position: absolute;
    right: 5%;
    color: #6C9BAA;
    font-size: 1.6rem;
    z-index: 9999;
    bottom: 30%;
}

.modal-content:nth-child(3) .modal-body {
    padding: 2rem 5rem 0;
}

.modal-content:nth-child(3) {
    padding: 0rem 0 2rem;
}

.modal-content:nth-child(4) .modal-body {
    padding: 2rem 5rem 0;
}

.modal-content:nth-child(4) {
    padding: 0rem 0 2rem;
}

.forgot-pass-text {
    text-align: center;
    margin-bottom: 3rem;
}

.forgot-pass-text strong,
.forgot-pass strong {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    font-weight: 600;
    display: block;
}

.forgot-pass span a {
    color: #C71C69;
}

.forgot-pass-text span {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    font-weight: normal;
}

#signin .modal-footer:first-child {
    margin-right: 0;
    margin: 0 auto;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #F664BC;
}

.hide-op {
    display: none;
}

.show-op {
    display: block !important;
    animation: fade .9s linear;
}

@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */


/* Safari, Chrome and Opera > 12.1 */


/* Internet Explorer */


/* Opera < 12.1 */

.otp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 0 auto;
}

.otp input {
    width: 50px !important;
    height: 50px !important;
    padding-left: 28px;
    margin-right: 25px;
    text-align: center;
    background: transparent;
    border: none;
    outline: none;
    position: relative;
}

.line-box {
    position: relative;
    height: 2px;
}

.line {
    position: absolute;
    width: 50px;
    height: 2px;
    top: 20px;
    left: 50%;
    transform: translateX(-124%);
    background: #C4C4C4;
    transition: ease .6s;
}

.otp input::-webkit-inner-spin-button,
.otp input::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}


/************************************************Registration module Css Close--********************************************/


/************************************************Blog Css Start--********************************************/

.blog {
    position: relative;
    padding: 8rem 0 8rem;
}

.blog_post {
    margin-bottom: 2rem;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 4px 20px rgba(234, 67, 53, 0.25);
    -webkit-box-shadow: 0px 4px 20px rgba(234, 67, 53, 0.25);
    -moz-box-shadow: 0px 4px 20px rgba(234, 67, 53, 0.25);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bg-white {
    padding: 2rem;
    border-radius: 20px;
}

.blog_img img {
    width: 100%;
    height: 20.1rem;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.blog_small_title a {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
    font-weight: normal;
    text-decoration: none;
}

.blog_big_title {
    min-height: 7.8rem;
}

.blog_big_title a {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-size: 2.4rem;
    line-height: 3.6rem;
    letter-spacing: 0.02em;
    font-weight: 600;
    text-decoration: none;
}

.blog p {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
    white-space: pre-line;
}

.blog-link {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #E4E4E4;
    padding-top: 1rem;
}

.blog-link li a {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.blog-link li a i {
    color: var(--pinkcolor);
    font-size: 1.6rem;
}

.blog_post .blog_img a {
    display: block;
    overflow: hidden;
}

.blog_post:hover .blog_img img {
    transform: scale(1.2);
}


/************************************************Blog Css Close--********************************************/


/************************************************Create Profile Css Start--********************************************/

.create-profile {
    position: relative;
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.create-profile .row {
    justify-content: center;
}

.create-profile-text {
    font-family: var(--secondfont);
    color: var(--seconcolor);
    font-style: normal;
    font-weight: 600;
    font-size: 3.5rem;
    line-height: 5rem;
    text-align: center;
}

.create-profile .form-group:first-child .form-control {
    position: relative;
}

.create-profile i {
    position: absolute;
    right: 6%;
    color: var(--pinkcolor);
    font-size: 1.6rem;
    z-index: 9999;
    top: 18%;
}

.create-profile span.text {
    position: absolute;
    right: 9%;
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.5rem;
    z-index: 9999;
    top: 22%;
}

.create-profile .custom-control-label::before {
    top: .5rem;
}

.create-profile .custom-control-label::after {
    top: .5rem;
    left: 0px;
}

.create-profile .btn-group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.create-profile .btn-group .btn-secondary {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-size: 1.5rem;
    border: 1px solid rgba(246, 100, 188, 0.25);
    box-sizing: border-box;
    border-radius: 10px;
    background-color: transparent;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.create-profile .btn-group .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0px;
}

.create-profile .btn-secondary:not(:disabled):not(.disabled).active,
.create-profile .btn-secondary:not(:disabled):not(.disabled):active,
.create-profile .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #2F3031;
    border: 1px solid rgba(246, 100, 188, 0.25);
    border-radius: 0;
}

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

.create-profile .btn-group .btn-secondary:last-child {
    border: none;
}

.form-dic {
    font-family: var(--mainfont);
    color: #747474;
    font-size: 1.5rem;
}

.upload-pro-pic .form-dic {
    color: #222;
    font-weight: 600;
}

textarea.form-control {
    height: auto !important;
}

.form-dic i.fa-hand-point-up {
    position: relative;
    color: var(--pinkcolor);
    top: 0;
    left: 0;
}

.privacy-control {
    margin-top: 10px;
    color: var(--pinkcolor);
    background: #b3adad;
    font-weight: bold;
    padding: 1rem 2rem;
    margin: 1rem 4.5rem 0 4.5rem;
}

.create-profile .forgot-pass-link span {
    color: var(--thirdcolor);
}


/************************************************Create Profile Css Close--********************************************/


/************************************************Profile Istruction Section Start--********************************************/

.pro-ins,
.verification {
    margin: 5rem 0;
}

.upload-pro-pic {
    margin: 0 auto;
    text-align: center;
    padding: 0 4rem 3rem 4rem;
}

.propic-inside-con div:empty {
    border-bottom: 1px solid #C4C4C4;
    margin-top: 3rem;
}

.propic-inside-con h3 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.02em;
    margin-bottom: 3rem;
    white-space: pre-line;
    line-height: normal;
}

.color-pink {
    background-color: #FFEDEB;
    padding: 3rem 0;
}

.upload-pic .img-fluid {
    background: #FFFFFF;
    border: 1px solid rgba(246, 100, 188, 0.25);
    box-sizing: border-box;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.upload-pic {
    position: relative;
    margin-bottom: 2rem;
}

input#imgInp {
    position: absolute;
    top: 71%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 40px;
    height: 40px;
    font-size: 0;
    left: 51%;
}

input#imgInp-two {
    position: absolute;
    top: 0%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    width: 100%;
    font-size: 0;
    left: 0%;
    height: 150px;
}

.upload-pic span {
    background-color: #fff;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #6C9BAA;
    font-size: 1.6rem;
    border: 1px solid var(--pinkcolor);
    border-radius: 50%;
    left: 51%;
    bottom: -6%;
    cursor: pointer;
}

object#blah-two {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: fill;
    border-radius: 14px;
    height: 100%;
}

.upload-pro-ins {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.own_photo {
    border-right: 1px solid #e3e3ee;
    padding-right: 1rem;
}

.photo-guide {
    padding-left: 2rem;
}

.upload-pic-two {
    margin: 0rem 5rem;
    position: relative;
}

.upload-pic-two,
.instruction {
    flex: 0 0 30%;
}


/* ---------- */

.input__file {
    position: relative;
    cursor: pointer !important;
    margin-left: .7rem;
    margin-bottom: 0;
    z-index: 11;
}

.input__file input {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.upload-pic-two {
    background: #FFFFFF;
    border: 1px dashed #97A0C6;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}

.upload-pic-two h4 {
    font-family: var(--mainfont);
    color: #97A0C6;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: 0.02em;
    margin-bottom: 2rem;
}

.upload-pic-two small {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    display: block;
}

.upload-pic-two .btn-dark {
    font-family: var(--mainfont);
    color: var(--seconcolor);
    background: #2F3031;
    border-radius: 0;
    border: 1px solid #2F3031;
    font-size: 1.5rem;
}

.instruction strong {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 1rem;
}

.image-ins li {
    float: left;
    margin-right: 1.5rem;
    position: relative;
}

.image-ins li img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    display: block;
}

.image-ins li span {
    font-family: var(--mainfont);
    color: #6C9BAA;
    font-weight: 600;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0.02em;
}

.upload-pic-two:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 220px;
    background-color: #c4c4c4;
    right: -25px;
    top: -36px;
}

.upload-instruction {
    margin: 3rem 0;
}

.upload-instruction h5 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 1.5rem;
}

.do strong,
.dont strong {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
}

.do i {
    color: #0091C8;
}

.dont i {
    color: #C71C69;
}

.ins-list {
    margin: 1.5rem 0;
}

.ins-list li {
    list-style-type: disc;
    list-style-position: inside;
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-weight: normal;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
}

.badge-primary {
    background: #FFEDEB;
    border-radius: 10px;
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-weight: normal;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    width: 100%;
    text-align: left;
    line-height: 3rem;
    padding-left: 1.5rem;
    white-space: pre-wrap;
}

.image-ins img.cus-sign {
    position: absolute;
    top: 25%;
    right: -20%;
    color: #0091C8;
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
}


/************************************************Profile Istruction Section Close--********************************************/


/************************************************Phone Verification Section Start--********************************************/

.phone-ver {
    background: #FFFFFF;
    border-radius: 0;
    padding: 1.5rem 0;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.part-des .phone-ver {
    background: none;
}

.verification h3 {
    font-family: var(--secondfont);
    color: var(--maincolor);
    font-weight: 600;
    font-size: 3rem;
    letter-spacing: 0.02em;
}

.propic-inside-con h4 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
}

.phone-ver strong {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
}

.phone-ver .form-dic {
    font-family: var(--mainfont);
    font-family: var(--secondfont);
    color: var(--maincolor);
    font-weight: normal;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    white-space: pre-line;
}

.phone-ver .form-dic a {
    color: var(--pinkcolor);
    text-decoration: none;
}

.propic-inside-con .form-dic {
    padding-top: 1rem;
}

.phone-ver .form-inline {
    justify-content: center;
    margin: 1.5rem 0;
}

.verify-instruction {
    width: 50%;
    margin: 0 auto 0 30rem;
}

.verify-instruction h5 {
    font-family: var(--secondfont);
    color: #0091C8;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    margin-bottom: 1.5rem;
}

.ver-ins-list li {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
}

.icon-box-m {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin: 3rem 0;
    text-align: center;
}

.icon-box {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(234, 67, 53, 0.15);
    border-radius: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    padding-top: 1.3rem;
    margin: 0 auto;
}

.icon-box-in h5 {
    font-family: var(--secondfont);
    color: var(--thirdcolor);
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    margin-top: 1rem;
}

.icon-box-in small {
    font-family: var(--mainfont);
    color: var(--thirdcolor);
    font-weight: normal;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    white-space: pre-line;
}

.icon-box .img-fluid {
    height: 50px;
}

.icon-box-in {
    padding: 1rem 1rem;
}


/************************************************Phone Verification Section Close--********************************************/


/************************************************Partner Description Form Section Start--********************************************/

.part-des {
    margin: 3rem 0;
}

.part-des .propic-inside-con {
    width: calc(80% - 20%);
    margin: 0 auto;
}

.part-des .phone-ver {
    padding: 1.5rem 0;
    text-align: left;
    width: 100%;
}

.part-des .login {
    padding: 2rem 4rem;
}

.part-des .input-group {
    position: relative;
}

.part-des .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.part-des .badge-secondary {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    position: absolute;
    top: 25%;
    left: .5rem;
    background-color: #F4F4F4;
    border-radius: 0rem;
    z-index: 222;
    color: #C71C69;
}

.badge-pad {
    padding-left: 5rem;
}

.multi-select {
    position: relative;
}

.select2-results__option {
    text-transform: capitalize;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    /* height: 4rem !important; */
	min-height: 4rem !important; 
    border: 1px solid rgba(246, 100, 188, 0.25) !important;
    box-sizing: border-box;
    border-radius: 0px !important;
    font-size: 1.6rem;
    color: var(--thirdcolor);
    font-family: var(--mainfont);
    -webkit-appearance: none;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 99% #ddd;
    background-size: 10px;
    cursor: pointer !important;
}

.card-header {
    background: #F4F4F4;
    margin: 3rem 0 1.5rem;
    cursor: pointer;
    border: 0px;
}

.card-header .btn-link {
    font-weight: 600;
    color: #C71C69;
    background-color: transparent;
    font-family: var(--mainfont);
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    padding: 0px;
    box-shadow: none;
    text-decoration: none;
}

.select2-container {
    display: initial !important;
}

.collapse.show {
    padding-bottom: 0px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #F664BC;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
    left: 0px;
    top: 7px;
}

.custom-radio .custom-control-label::after {
    width: 1.8rem;
    height: 1.8rem;
    top: 0.5rem;
    left: -0.2rem;
}

.custom-control.custom-radio {
    display: inline-block;
}

.multi-select .custom-rem {
    justify-content: flex-start;
}

.multi-select .custom-control {
    margin-right: 2rem;
    margin-top: 1rem;
}

.part-des i {
    float: right;
    color: #C71C69;
    padding-top: 5px;
}


/************************************************Partner Description Form Section Close--********************************************/


/************************************************Pricing Section Start--********************************************/

.pricing {
    margin-bottom: 2rem;
}

.pricing-plan li {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    color: var(--maincolor);
    border-bottom: 1px dotted #E4E4E4;
    text-transform: capitalize;
}

.pricing-plan {
    font-family: "Montserrat", sans-serif;
}

.pricing-plan .card-header {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.pricing .card li {
    padding: 8px 10px;
}

.set-price {
    background: none !important;
    color: #000;
}

.starter {
    background: none !important;
    color: #000;
}

.advanced {
    background: none !important;
    color: #000;
}

.business {
    background: none !important;
    color: #000;
}

.pricing .card-header {
    background: none;
    border-radius: 0px !important;
    margin: 0px;
    height: 139px !important;
}

.pricing .card-title {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 30px;
    color: #C71C69;
    margin-bottom: 0px;
}

.pricing .badge-primary {
    background: #C71C69;
    border-radius: 0px;
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.2rem;
    color: var(--seconcolor);
    padding: 0;
    width: 26%;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

.pricing .small {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.3rem;
    color: #B3B5A6;
    text-decoration: line-through;
    line-height: normal;
}

.price-num {
    font-family: var(--secondfont);
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    color: #1A1A1A;
    line-height: normal;
    margin: .6rem 0;
    display: block;
}

.pricing .card {
    border: none;
    border-radius: 0;
    background-color: transparent;
}

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

.card-group>.card:not(:first-child):not(:only-child) {
    background: #F4F4F4;
}

.pricing .fa-times {
    color: #EA4335;
}

.pricing .fa-check {
    color: #70C14A;
}

.pricing .fa-medal {
    color: #999999;
}

.pricing .btn-primary {
    border-radius: 0;
    width: 65%;
    margin: 1rem auto;
}

.bg-color {
    text-align: center;
}

.card:nth-child(even) .list-unstyled li {
    background: #fff;
}

.card-group>.card:first-child .list-unstyled li {
    color: #999999;
}

.pricing .color-pink {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    padding: 1rem 1.5rem;
}

.pricing .nav-pills {
    background: #2f3031;
    margin-top: 2rem;
}

.nav-pills .nav-link {
    font-family: var(--mainfont);
    color: #fff;
    padding: .6rem 1.6rem;
    border-radius: 0px;
    font-size: 1.6rem;
    font-weight: normal;
    margin-right: 10px;
}

.pricing .nav-pills .nav-link.active,
.pricing .nav-pills .show>.nav-link {
    background: #FFFFFF;
    border: 1px solid #2f3031;
    box-sizing: border-box;
    color: #1A1A1A;
}

.call-to-action {
    margin-bottom: 2rem;
    background: #C71C69;
    text-align: center;
    padding: 4rem 0;
}

.call-to-action h4 {
    font-family: var(--secondfont);
    color: var(--seconcolor);
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
    text-transform: uppercase;
}

.call-to-action a {
    font-family: var(--mainfont);
    color: #333;
    font-weight: normal;
    font-size: 1.6rem;
    text-transform: capitalize;
    background-color: #fff;
    padding: .8rem 1.5rem;
}

.card-group .card:nth-child(5) {
    background: #fff !important;
}

.pricing span.d-lg-none {
    color: #999999;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 1.8rem;
}

.pricing .card-group>.card {
    margin-bottom: 10px;
}


/************************************************Pricing Section Close--********************************************/


/************************************************Footer Css Start--********************************************/

.footer {
    padding: 3.5rem 0 2rem;
    background: linear-gradient(180deg, #C71C69 0%, #000000 100%);
}

.footer .footer-widget-title {
    font-family: var(--secondfont);
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    color: var(--seconcolor);
}

.footer ul li a {
    font-family: var(--mainfont);
    color: var(--seconcolor);
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.02em;
}

.footer ul li a:hover {
    color: #d4cfcf;
}

.newsletter {
    position: relative;
    padding: 0 0 4rem 0;
    border-bottom: 1px solid #999999;
    margin-bottom: 3rem;
}

.bbb-wrapper .subcribe-form p {
    color: #fff;
    font-size: 14px;
}

.bbb-wrapper .subcribe-form form {
    max-width: 450px;
    margin: 15px auto;
    position: relative;
}

.bbb-wrapper .subcribe-form #subscribe input {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 0rem;
    padding: 0 2rem;
    color: var(--seconcolor);
}

.bbb-wrapper .subcribe-form #subscribe #news_letter_submit {
    height: 4rem;
    width: 4rem;
    border: none;
    position: absolute;
    top: .5rem;
    right: .6rem;
    font-size: 1.4rem;
    color: var(--pinkcolor);
    cursor: pointer;
    border-radius: 0;
    background-color: var(--seconcolor);
    margin-top: 0px;
}

.subscribe-message {
    color: #fff;
    float: left;
    margin-top: 10px;
    text-align: left;
    font-weight: 500;
    line-height: 19px;
}

input:focus {
    outline: none;
}

input:focus-visible {
    outline: none;
}

.placeholder-color ::placeholder {
    color: var(--seconcolor);
}

.newsletter img,
.newsletter p {
    margin-bottom: 1.5rem;
}

.color-bg {
    background: #4DB7FE;
}

#subscribe-button:hover {
    background: #2C3B5A;
    color: #fff;
}

.bottom-link {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 85%;
    align-items: flex-start;
}

.social span {
    color: #a2a0a0;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: var(--mainfont);
}

.social ul li {
    float: left;
    color: #fff;
    font-size: 24px;
    margin-top: 8px;
}

.social img {
    width: 40px;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #999999;
}

.footer-bottom ul li {
    width: 4rem;
    height: 4rem;
    background: var(--seconcolor);
    border-radius: 50%;
    float: left;
    position: relative;
    margin-bottom: 1rem;
    font-family: var(--mainfont);
    text-decoration: none;
    margin-right: 1rem;
    text-align: center;
}

.footer-bottom ul li a {
    display: inline-block;
    position: relative;
    color: var(--pinkcolor);
    font-size: 15px;
    line-height: 4rem;
    margin-bottom: 0px;
    text-decoration: none;
}

.footer-bottom ul li a:hover {
    color: var(--thirdcolor);
}

.copy-right {
    font-family: var(--mainfont);
    color: var(--seconcolor);
    font-size: 1.6rem;
    line-height: 3rem;
}


/************************************************Footer Css Close--********************************************/

.text-lg {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600;
}

.second-color {
    color: #C71C69;
}

.title {
    font-size: 2.4rem;
    color: #1A1A1A;
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.02em;
    text-align: left;
}

.text-primary {
    color: #0091C8 !important;
}

.btn-solid-secondary {
    background: #C71C69;
    color: #fff;
    padding: .6rem 1.4rem;
    font-size: 1.6rem;
    border-radius: 0;
    margin: .4rem 0;
}

.btn-solid-secondary:hover {
    background-color: #333;
    color: #fff;
}

.btn-solid-secondary img {
    width: 1.6rem;
    height: auto;
}

.text-18 {
    font-size: 1.6rem;
    color: #333;
}

.row>div[class*='col-'] {
    padding-bottom: 1.4rem;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.form-check {
    align-items: center;
    margin-bottom: .7rem;
}

.form-check .form-check-input {
    position: static;
    width: 2rem;
    height: 2rem;
    border: 1px solid #C71C69;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    appearance: none;
    color-adjust: exact;
    cursor: pointer;
}

.form-check .form-check-input[type="radio"] {
    border-radius: 50%;
    background: #FFFFFF;
}

.form-check .form-check-input:checked[type="checkbox"] {
    background-image: url("../images/icons/check-mark.png");
    background-size: 1rem;
}

.form-check .form-check-input:checked[type="radio"] {
    border: 1px solid #0091C8;
    background-image: url("../images/icons/dot.png");
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
}

.form-check .form-check-label {
    padding-left: .5rem;
    color: #333;
    cursor: pointer;
}

.form-check .form-check-label span {
    color: #888;
}

.profile__details {
    background: #FFEDEB;
}

.profile__details ul li {
    margin-bottom: .4rem;
    font-size: 1.6rem;
    color: #333;
    line-height: 3.2rem;
}

.like__box .text-sm {
    line-height: 1.1;
}

.compare__wrapper .container {
    background: #FFEDEB;
    padding: 3rem;
}

.compare__wrapper .content__box {
    max-width: 72rem;
    margin: 0 auto;
}

.compare__wrapper .content__box .header_box {
    justify-content: space-between;
    padding: 2rem 0;
    position: relative;
    max-width: 52rem;
    margin: 0 auto;
}

.compare__wrapper .content__box .header_box .left_col,
.compare__wrapper .content__box .header_box .right_col {
    position: relative;
    z-index: 1;
}

.compare__wrapper .content__box .header_box .left_col img,
.compare__wrapper .content__box .header_box .right_col img {
    width: 10rem;
    border: 3px solid #C4C4C4;
    border-radius: 50%;
}

.compare__wrapper .content__box .header_box .postion_text {
    position: absolute;
    max-width: 32rem;
    width: 100%;
    border-bottom: 1px dashed #0091C8;
    text-align: center;
    z-index: 0;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
}

.compare__wrapper .content__box .table td {
    font-size: 1.6rem;
    line-height: 1.43rem;
    padding: 1rem 1rem .9rem 1rem;
}

.compare__wrapper .content__box .table td:nth-child(2) {
    color: #333;
}

.compare__wrapper .content__box .table tr:nth-child(1) td {
    border-top: none;
}

.member__list__wrapper .col-lg-4.left__container {
    max-width: 33rem;
}

.member__list__wrapper .col-lg-4.left__container .responsive_search_btn {
    display: none;
}

.member__list__wrapper .profile_box {
    background-color: #C71C69;
    padding: 3rem;
    text-align: center;
}

.member__list__wrapper .profile_box p,
.member__list__wrapper .profile_box .title {
    color: #fff;
    text-align: center;
}

.member__list__wrapper .profile_box .img_box {
    position: relative;
    width: 10rem;
    height: 10rem;
    margin: 0 auto;
}

.member__list__wrapper .profile_box .img_box img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
    border-radius: 50%;
}

.member__list__wrapper .profile_box .img_box .file {
    position: absolute;
    bottom: -1rem;
    right: 0%;
}

.member__list__wrapper .profile_box .img_box .file .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.member__list__wrapper .profile_box .img_box .file .inputfile+label {
    font-size: 1.8rem;
    color: #6C9BAA;
    background-color: #fff;
    display: inline-block;
    padding: 0.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
}

.member__list__wrapper .profile_box .img_box .file .inputfile+label i {
    position: absolute;
    top: 1.1rem;
    left: 1.1rem;
}

.member__list__wrapper .profile_box .img_box .file .inputfile+label::before {
    display: inline;
}

.member__list__wrapper .profile_box .img_box .file .inputfile:focus+label,
.member__list__wrapper .profile_box .img_box .file .inputfile+label:hover {
    background-color: #FFEDEB;
    color: #6C9BAA;
    border-color: #FFEDEB;
}

.member__list__wrapper .profile_box .img_box .file .inputfile:focus+label {
    outline: 1px solid #ff5851;
    outline: -webkit-focus-ring-color auto 5px;
}

.member__list__wrapper .profile_box .img_box .file .inputfile+label * {
    pointer-events: none;
}

.member__list__wrapper .profile_box .complete__box {
    width: 8rem;
    height: 1.5rem;
    border: 1px solid #fff;
    border-radius: 2rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.member__list__wrapper .profile_box .complete__box .range {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 63%;
    background-color: #fff;
}

.member__list__wrapper .profile_box .link {
    color: #fff;
    padding-top: .8rem;
    display: inline-block;
}

.member__list__wrapper .profile_box .link img {
    transition: all .3s ease-in-out;
}

.member__list__wrapper .profile_box .link:hover {
    text-decoration: underline;
}

.member__list__wrapper .profile_box .link:hover img {
    position: relative;
    transform: translateX(1rem);
}

.member__list__wrapper .search__box {
    background-color: #FFEDEB;
    padding: 2rem;
    /* margin-top: 3rem; */
}

.member__list__wrapper .search__box .filter_color {
    color: #1a1a1a;
}

.member__list__wrapper .search__box .card {
    border: none;
    padding: 1.5rem 2rem;
}

.member__list__wrapper .search__box .card:not(:last-child) {
    margin-bottom: 2rem;
}

.member__list__wrapper .search__box .card-header {
    margin: 0%;
    background-color: #fff !important;
    padding: 0.4rem 0;
}

.member__list__wrapper .search__box .card-header .btn-link {
    color: #333;
    font-style: normal;
    font-size: 1.6rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.member__list__wrapper .search__box .card-header [data-toggle="collapse"] .fa:before {
    content: "\f106";
    font-size: 1.4rem;
}

.member__list__wrapper .search__box .card-header [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

.member__list__wrapper .search__box .card-header.text-dark {
    color: #333 !important;
}

.member__list__wrapper .search__box .card-body {
    padding: 1rem 0 2rem 0;
    border-top: 1px solid #d4d4d4;
}

.member__list__wrapper .search__box .more__link [data-toggle="collapse"] .fa:before {
    content: "\f106" !important;
    font-size: 1.4rem;
}

.member__list__wrapper .search__box .more__link [data-toggle="collapse"].collapsed .fa:before {
    content: ">>";
    font-weight: 700 !important;
}

.member__list__wrapper .search__result__wrap {
    background-color: #FFEDEB;
    padding: 3rem 4rem;
}

.member__list__wrapper .search__result__wrap .img_box .btn-primary {
    background: rgba(0, 0, 0, 0.5);
    padding: .6rem 1rem 1rem;
    white-space: inherit;
    min-width: 16rem;
    opacity: 0;
    transform: translate(-50%, -150%);
    transition: transform .4s ease-in-out;
}


/* .member__list__wrapper .search__result__wrap .img_box:hover .btn-primary {
    opacity: 1;
    transform: translate(-50%, -50%);
} */

.member__list__wrapper .search__result__wrap .search_item:not(:last-child) {
    margin-bottom: 2rem;
}

.member__list__wrapper .search__result__wrap .search_item .link,
.request_item .link {
    font-weight: 700;
    color: #0091C8;
    letter-spacing: .2px !important;
}

.member__list__wrapper .search__result__wrap .search_item .link:hover,
.request_item .link:hover {
    color: #C71C69;
    text-decoration: underline;
}

.member__list__wrapper .search__result__wrap .search_item .btn-primary {
    padding: 1.3rem .2rem;
    color: #fff;
    white-space: pre-line;
}

.member__list__wrapper .search__result__wrap .search_item .btn-primary span {
    display: block;
}

.member__list__wrapper .search__result__wrap .view__more {
    background-color: #fff;
    color: #C71C69;
    font-weight: 600;
}

.member__list__wrapper .search__result__wrap .view__more:hover {
    color: #fff;
}

.id__search .header__wrapper {
    background-color: #C71C69;
    padding: 4rem;
    text-align: center;
}

.id__search .header__wrapper .search__box {
    max-width: 52rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: .5rem;
    background-color: #fff;
}

.id__search .header__wrapper .search__box .form-control {
    color: #333;
}

.id__search .header__wrapper .search__box .form-control::placeholder {
    color: #333;
}

.id__search .header__wrapper .search__box .form-control:focus {
    box-shadow: none;
    outline: none;
}

.id__search .header__wrapper .search__box .btn-primary {
    padding: .6rem 2rem;
    background-color: #2F3031;
    font-weight: 600;
    letter-spacing: 1px;
}

.id__search .search__wrapper .container {
    background-color: #FFEDEB;
}

.id__search .search__wrapper .search__form {
    background-color: #fff;
    max-width: 72rem;
    width: 100%;
    margin: 4rem auto;
    padding: 3rem;
}

.id__search .search__wrapper .search__form .label {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.3rem;
    letter-spacing: 0.02em;
    color: #000000;
    font-family: 'Mulish', sans-serif;
    margin-bottom: .5rem;
}

.id__search .search__wrapper .search__form .input_box {
    display: flex;
    align-items: center;
    display: flex;
    border: 1px solid rgba(199, 28, 105, 0.25);
}

.id__search .search__wrapper .search__form .input_box label {
    width: 5.4rem;
    background-color: #f4f4f4;
    color: #C71C69;
    padding: 0.95rem;
    margin-bottom: 0;
    text-align: center;
}

.id__search .search__wrapper .search__form .input_box .select {
    width: 100%;
}

.id__search .search__wrapper .search__form .input_box._label .select {
    width: calc(100% - 5.4rem);
}

.id__search .search__wrapper .select2-container .select2-selection--single {
    height: 42px;
    display: flex;
    align-items: center;
    position: relative;
    border: none;
}

.id__search .search__wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

.id__search .search__wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    height: 1rem;
    left: auto;
    right: 1rem;
    margin-left: 0;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 1rem;
    background-image: url(../images/icons/down-chevron.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.id__search .search__wrapper .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.id__search .search__wrapper .reset__btn {
    background-color: transparent;
    color: #EA4335;
}

.id__search .search__wrapper .reset__btn:hover {
    color: #fff;
}

.inbox__request .request__wrap .header__box {
    background-color: #C71C69;
    padding: 1.5rem 2rem;
}

.inbox__request .request__wrap .header__box .form-check-label {
    color: #C4C4C4;
}

.inbox__request .request__wrap .header__box .btn {
    width: 3rem;
    height: 3rem;
    background: #FFEDEB;
    padding: 0%;
    position: relative;
}

.inbox__request .request__wrap .header__box .btn img {
    width: 1.625rem;
    height: auto;
    transition: all .3s ease-in-out;
}

.inbox__request .request__wrap .header__box .btn img.red {
    opacity: 0;
    transform: translate(-50%, 0%);
}

.inbox__request .request__wrap .header__box .btn:hover {
    background: #f4f4f4;
}

.inbox__request .request__wrap .header__box .btn:hover img.normal {
    opacity: 0;
    transform: translate(-50%, -100%);
}

.inbox__request .request__wrap .header__box .btn:hover img.red {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.inbox__request .request_item {
    padding: 1rem 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #EAEAEA;
}

.inbox__request .request_item .form-check {
    margin-right: 2rem;
}

.inbox__request .request_item .form-check .form-check-input {
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.inbox__request .request_item img {
    width: 7.1rem;
    height: 7.5rem;
    border-radius: 50%;
    border: 4px solid #d4d4d4;
}

.inbox__request .request_item .details {
    padding-left: 2rem;
}

.inbox__request .request_item .details .text-18 {
    color: #1A1A1A;
    margin-bottom: .2rem;
}

.inbox__request .request_item .details .btn-primary {
    padding: .3rem 2rem .6rem 2rem;
    font-weight: 400;
    border-radius: 0;
    background: #0091C8;
    border: 1px solid #D4D4D4;
}

.inbox__request .request_item .details .btn-primary.decline {
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    color: #333;
}

.inbox__request .request_item .details .btn-primary.decline:hover {
    color: #fff;
}

.inbox__request .request_item .details .btn-primary:hover {
    border-color: #F664BC;
}

.inbox__request .request_item:nth-child(2n) {
    background-color: #f4f4f4;
}

.upgrade_modal .modal-dialog {
    max-width: 92rem;
    z-index: 11;
    margin: 5rem auto 0 auto !important;
}

.upgrade_modal .modal-content {
    border-radius: 0%;
    border: none;
}

.upgrade_modal .modal-content .modal-header {
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 3rem 0 5rem 0;
}

.upgrade_modal .modal-content .modal-header .title {
    color: #fff;
}

.upgrade_modal .modal-content .modal-header .title span {
    display: block;
    font-size: 3rem;
    font-weight: 600;
}

.upgrade_modal .modal-content .modal-header .close {
    position: absolute;
    top: 3rem;
    right: -3rem;
}

.upgrade_modal .modal-content .modal-header::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #C71C69;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: -1;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.upgrade_modal .modal-content .content__box {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.upgrade_modal .modal-content .content__box .user__img {
    max-width: 21.3rem;
    max-height: 21.3rem;
}

.upgrade_modal .modal-content .content__box .details {
    width: calc(100% - 21.3rem);
}

.upgrade_modal .modal-content ul li {
    margin-bottom: .8rem;
}

.upgrade_modal .modal-content ul li.btn__box {
    background-color: #2F3031;
    width: 100%;
    padding: .6rem .3rem;
    margin-top: 2.5rem;
}

.upgrade_modal .modal-content ul li.btn__box .btn-primary {
    padding: .6rem 1.8rem .8rem 1.8rem;
    background-color: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.upgrade_modal .modal-content ul li.btn__box .btn-primary:nth-child(1):after,
.upgrade_modal .modal-content ul li.btn__box .btn-primary:nth-child(2):after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0%;
    right: 0%;
    opacity: .5;
}

.upgrade_modal .modal-footer .title {
    font-weight: 600;
    color: #333;
    font-family: 'Mulish';
    text-transform: uppercase;
}

.upgrade_modal .modal-footer .title span {
    font-weight: 700;
}

.upgrade_modal .modal-footer .btn-primary {
    width: auto;
    margin-top: 2rem;
}

.blog__page .header__wrapper {
    position: relative;
    z-index: 11;
}

.blog__page .header__wrapper .title {
    font-size: 4.2rem;
    color: #fff;
    padding: 16rem 0;
}

.blog__page .header__wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    background-color: rgba(255, 255, 255, 0.241);
}

.blog__page .blog__list__wrapper {
    padding: 5rem 0;
}

.blog__page .blog__list__wrapper .blog_item .heading {
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 3.6rem;
    line-height: 4.3rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.blog__page .blog__list__wrapper .blog_item .title {
    color: #333;
}

.blog__page .blog__list__wrapper .blog_item .link {
    color: #333;
}

.blog__page .blog__list__wrapper .blog_item .link img {
    width: 1.5rem;
    height: auto;
    transition: all .4s ease-in-out;
}

.blog__page .blog__list__wrapper .blog_item .link:hover img {
    position: relative;
    transform: translateX(1rem);
}

.blog__page .blog__list__wrapper .blog_item:not(:last-child) {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}

.blog__page .blog__list__wrapper .blog_item .text-dark {
    color: #000 !important;
}

.blog__page .blog__list__wrapper .comment__box li {
    display: flex;
    border: 1px solid #d4d4d4;
    padding: 1rem 4rem;
    position: relative;
}

.blog__page .blog__list__wrapper .comment__box li .user__img {
    position: absolute;
    top: 1rem;
    left: -2.8rem;
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    border: 1px solid #D4D4D4;
    padding: 1px;
}

.blog__page .blog__list__wrapper .comment__box li .details {
    padding-left: 1rem;
}

.blog__page .blog__list__wrapper .comment__box li .details p {
    margin-bottom: 0;
    line-height: 2.2rem;
}

.blog__page .blog__list__wrapper .comment__box li:not(:last-child) {
    margin-bottom: .8rem;
}

.blog__page .blog__list__wrapper .reply_form label {
    font-weight: 600;
    color: #000;
}

.blog__page .blog__list__wrapper .reply_form .form-control {
    box-shadow: none;
}

.blog__page .blog__list__wrapper .right_container .search_form {
    background: #FFFFFF;
    border: 1px solid rgba(199, 28, 105, 0.25);
}

.blog__page .blog__list__wrapper .right_container .search_form .form-control {
    border: none;
    box-shadow: none;
    width: calc(100% - 4rem);
    padding-left: 1.5rem;
    color: #1a1a1a;
}

.blog__page .blog__list__wrapper .right_container .search_form .form-control::placeholder {
    color: #1a1a1a;
}

.blog__page .blog__list__wrapper .right_container .search_form .btn {
    width: 4rem;
    font-size: 1.6rem;
    color: #1A1A1A;
}

.blog__page .blog__list__wrapper .right_container .recent__post img {
    width: 10rem;
    /* height: 10rem; */
    object-fit: cover;
}

.blog__page .blog__list__wrapper .right_container .recent__post li {
    display: flex;
}

.blog__page .blog__list__wrapper .right_container .recent__post li .details {
    padding-left: 1.5rem;
}

.blog__page .blog__list__wrapper .right_container .recent__post li .details a {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: normal;
    color: #333333;
}

.blog__page .blog__list__wrapper .right_container .recent__post li .details a:hover {
    color: #C71C69;
}

.blog__page .blog__list__wrapper .right_container .recent__post li .details .date {
    font-size: 1.4rem;
    color: #333;
}

.blog__page .blog__list__wrapper .right_container .recent__post li:not(:last-child) {
    margin-bottom: 2rem;
}

.blog__page .blog__list__wrapper .right_container .categories a {
    color: #333;
}

.blog__page .blog__list__wrapper .right_container .categories a:hover {
    text-decoration: underline;
    color: #C71C69;
}

.blog__page .blog__list__wrapper .right_container .tags li {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid rgba(199, 28, 105, 0.25);
    margin: 0 .5rem .8rem 0;
}

.blog__page .blog__list__wrapper .right_container .tags li a {
    padding: .3rem .5rem;
    color: #747474;
    display: block;
}

.blog__page .blog__list__wrapper .right_container .tags li a:hover {
    background-color: rgba(199, 28, 105, 0.25);
    color: #F664BC;
}

.blog__page .blog__list__wrapper .right_container .social_links li {
    display: inline-block;
    margin-right: .5rem;
}

.blog__page .blog__list__wrapper .right_container .social_links li a {
    display: block;
    width: 4rem;
    height: 4rem;
    border: 1px solid #C71C69;
    position: relative;
    transition: all .3s ease-in-out;
}

.blog__page .blog__list__wrapper .right_container .social_links li a i {
    font-size: 1.6rem;
}

.blog__page .blog__list__wrapper .right_container .social_links li a.fb:hover {
    background-color: #4c68b3;
    border-color: #4c68b3;
    color: #fff;
}

.blog__page .blog__list__wrapper .right_container .social_links li a.twi:hover {
    background-color: #28a6e3;
    border-color: #28a6e3;
    color: #fff;
}

.blog__page .blog__list__wrapper .right_container .social_links li a.ins:hover {
    background-color: #4c68b3;
    border-color: #4c68b3;
    color: #fff;
}

.blog__page .blog__list__wrapper .right_container .social_links li a.link:hover {
    background-color: #0077b5;
    border-color: #0077b5;
    color: #fff;
}


/*# sourceMappingURL=style.css.map */


/************************************************About Section Start***************************************************************************/

.about-banner,
.contact-banner {
    /*background-image:url(../images/about-image.jpg);*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about-banner h2,
.contact-banner h2 {
    font-family: var(--secondfont);
    font-style: normal;
    font-weight: 600;
    font-size: 4.2rem;
    line-height: 5rem;
    color: var(--seconcolor);
    margin-bottom: 0;
    text-transform: capitalize;
}

.about-body {
    padding: 4rem 0 6rem;
}

.about-body h3,
.contact-body h3 {
    font-family: var(--secondfont);
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: normal;
    color: var(--pinkcolor-bg);
    margin-bottom: 1rem;
}

.about-body p,
.contact-body p {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--thirdcolor);
    text-align: left;
}

.about-body li {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--thirdcolor);
    text-align: left;
    margin-left: 2rem;
    list-style: inside;
}

.about-body div:empty {
    border-bottom: 1px solid #E4E4E4;
    margin: 1.2rem 0 2rem;
    width: 100%;
}

.mandate {
    margin-bottom: 2rem;
}

.mandate li {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    color: var(--thirdcolor);
    line-height: 3rem;
}

.mandate li i {
    color: #34A855;
    margin-right: 1rem;
}

.mb-3-cus {
    margin-bottom: 2rem;
}

.card {
    padding: 2rem;
    background: #fff;
    margin-bottom: 1rem;
    border: none;
    border-radius: 0;
}

.card h3 {
    font-family: var(--mainfont);
}

.strives li {
    font-size: 2rem;
    font-family: var(--mainfont);
    color: #000;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 3rem;
}

.promise li {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--thirdcolor);
    list-style-type: disc;
    list-style-position: inside;
}

.owner-image .img-thumbnail {
    max-height: 480px;
    object-fit: contain;
    border-radius: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    border: none;
    padding: 3rem;
}

.owner-image {
    text-align: center;
}

.owner-image h4 {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 30px;
    color: var(--thirdcolor);
    margin: 1rem 0 0 0;
    text-align: center;
}

.owner-image .role {
    font-family: var(--secondfont);
    font-style: normal;
    font-size: 1.8rem;
    color: var(--pinkcolor-bg);
    text-align: center;
}


/************************************************About Section Close***************************************************************************/


/*************************************************Contact Section Start****************************************************************/

.contact-body {
    padding: 4rem 0 6rem;
}

.contact-body .btn-primary {
    margin-top: 1.5rem;
    font-size: 1.8rem;
}

.contact-body label {
    font-family: var(--mainfont);
    color: var(--maincolor);
    font-style: normal;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    text-align: left;
}

.contact-details {
    background: #2F3031;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    padding: 3rem;
    margin-bottom: 1.5rem;
}

.contact-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-info li,
.contact-info li a {
    font-family: var(--mainfont);
    color: var(--seconcolor);
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    white-space: pre-line;
    margin-bottom: 1rem;
    display: flex;
    align-items: baseline;
}

.contact-info li span {
    display: inline-flex;
    align-items: baseline;
}

.contact-info li a:hover {
    color: var(--pinkcolor-bg);
}

.contact-info li i {
    margin-right: 2rem;
}

.map {
    border: 1px solid rgba(199, 28, 105, 0.25);
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 5px 5px 0 5px;
}


/*************************************************Contact Section Close****************************************************************/

.cur_box {
    margin-bottom: 1rem;
}

.cur_box label {
    margin-right: .5rem;
}

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

.cur_box .select2-container--default .select2-selection--single {
    height: 3rem !important;
}






.create-profile .select2-hidden-accessible {
    
    position: relative !important;
    
}

.create-profile label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    height: 3.8rem;
	
}
#step-profession label {
	padding: 0;
}
.select2-container--open .select2-dropdown {
    width: 100% !important;
	position: relative;
}
.search__box.block {
    display: block !important;
}
.contact-body .close {
    order: 3;
    padding-left: 10px !important;
}
.contact-body .alert {
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-body i.icon.fa.fa-check {
    padding-right: 10px;
}
/* .......... */
@keyframes rotate {
    100% {
        transform: rotate(1turn);
   }
}
.rainbow {
    position: absolute;
    top: 0%;
    right: 0%;
    z-index: 0;
    width: 50%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    padding: 1.5rem;
    font-size:2rem;
    text-align:center;
    font-family:'Mulish', sans-serif;
    color:#333;
    margin:0 auto;
    font-weight:bold;
    margin-bottom:20px;
    margin-left: auto;
    margin-right: 0;
}
.rainbow::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #c71c69;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#c71c69, #f664bc);
    animation: rotate 4s linear infinite;
}
.rainbow::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: white;
    border-radius: 5px;
}
.rainbow .nav-link {
    color: #2F3031;
    padding: 0.5rem;
}
@media (max-width: 1024px){
.rainbow {
    width: 100%;
    
}
}
/************************************************Text Blink****************************************************************/
.banner-blink-inside{
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgb(234 67 53 / 50%);
    padding:15px;
    margin-bottom:20px;
    width:80%;
    margin:10px auto;
    }
    .banner-blink-inside h3{
        font-family: 'Fira Sans', sans-serif;
        color:#C71C69;
        font-weight: 600;
        font-size: 2rem;
        line-height: 3.6rem;
        text-transform: uppercase;
        text-align:center;
    }
    
    .blink_me {
      animation: blinker 1.5s linear infinite;
      font-family: 'Fira Sans', sans-serif;
      color:#C71C69;
      font-weight: 600;
      font-size: 2rem;
      line-height: 3.6rem;
      text-transform: uppercase;
      text-align:center;
      margin-top: 15px;
  
    }
    
    @keyframes blinker {
      50% {
        opacity: 0;
      }
    }.banner-blink-inside{
background: #FFFFFF;
box-shadow: 0px 4px 30px rgb(234 67 53 / 50%);
padding:15px;
margin-bottom:20px;
width:80%;
margin:10px auto;
}

.banner-blink-inside h3{
    font-family: 'Fira Sans', sans-serif;
    color:#C71C69;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3.6rem;
    text-transform: uppercase;
	text-align:center;
}

.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.modal-content.hide-op.set-forgot-pass.show-op {
    padding: 0rem 0 0rem !important;
}

.modal-content.hide-op.set-forgot-pass.show-op .btn-primary {
    margin-top: 1.5rem;
    width: auto;
}

.form-check label {
    width: calc(100% - 2rem);
    line-height: 1.4;
}

.chat_div {
    overflow-y: auto;
    /* overscroll-behavior-y: contain;
    scroll-snap-type: y proximity; */
}

/* .chat_div > div > ul >li:last-child {
    scroll-snap-align: end;
  } */

.left__quote {
    display: inline-block;
    padding: .55rem 1rem;
    border-radius: .75rem;
    background-color: #eee;
    margin-bottom: .3rem;
    border-top-left-radius: 0;
}

.right__quote {
    display: inline-block;
    padding: .55rem 1rem;
    border-radius: .75rem;
    background-color: rgb(233, 210, 210);
    margin-left: auto;
    max-width: 50%;
    margin-bottom: .3rem;
    border-bottom-right-radius: 0;
}

.sent_message {
    font-size: 1.6rem;
    padding: .5rem 2rem;
    background-color: #eee;
    color: #c71c69;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.message__sending__box .form-control {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    box-shadow: none;
    outline: none;
    border-right: none;
    padding-left: 1.5rem;
}

.preview {
    overflow: hidden;
    width: 160px; 
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}