/*
!!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!
        Parent Squad
!!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!!
*/

/*-- External CSS --*/
@import "external/grid.css";
@import "https://fonts.googleapis.com/css?family=Oswald:300,400,500";
@import "external/normalize.css";

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

@font-face {
    font-family: MontserratMedium;
    src: url(../fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: MontserratSemiBold;
    src: url(../fonts/Montserrat-SemiBold.ttf);
}

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


/*-- Start Header --*/

.site_head {
    padding: 30px 0 22px;
    align-items: flex-end;
}

.site_logo {}

.site_logo svg {
    width: 140px;
    vertical-align: middle;
    height: 107px;
}

.st0_logo {
    fill: #6E2476;
}

.st1_logo {
    fill: #00A9C8;
}

.st2_logo {
    fill: #E75294;
}

.st3_logo {
    fill: #FFFFFF;
}

.logged_item {
    display: none;
}

.site_menu {
    padding-left: 55px;
    padding-bottom: 16px;
}

.site_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.site_menu ul li {
    padding-right: 50px;
}

.site_menu ul li:last-child {
    padding-right: 0;
}

.site_menu ul li a {
    font-family: 'Oswald';
    font-weight: 400;
    color: #666;
    font-size: 17px;
    line-height: 22px;
}

.site_menu ul li.active a {
    text-decoration: underline;
}

.site_menu ul li a:hover {
    color: #EA5496;
}

.mobile_hamburger_block {
    display: none;
}

.site_login {
    margin: 0 0 0 auto;
    font-family: 'Oswald';
    font-weight: 400;
    padding-bottom: 13px;
    display: flex;
}

.site_login a {
    color: #EA5496;
    font-size: 14px;
    border: 1px solid #EA5496;
    border-radius: 30px;
    padding: 5px 18px;
    line-height: 18px;
    margin-left: 14px;
    font-weight: 500;
}

.site_login a:hover {
    color: #fff;
    background: #EA5496;
}

.site_login a.apply_join {
    color: #fff;
    background: #EA5496;
    padding: 5px 25px;
}

.site_login a.apply_join:hover {
    color: #EA5496;
    background: #fff;
}

.site_loggedin {
    margin: 0 0 0 auto;
    font-family: 'Oswald';
    font-weight: 400;
    padding-bottom: 15px;
    display: flex;
}

.site_loggedin a {
    color: #702476;
    font-size: 17px;
    border-radius: 30px;
    padding: 5px 0;
    line-height: 18px;
    margin-left: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.site_loggedin a.my_profile {
    color: #1BABC8;
    background: url('../images/profile_icon.png') left center no-repeat;
    background-size: 21px;
    padding-left: 30px;
}

.hero {
    position: relative;
}

.hero::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: #000;
    opacity: 0.65;
    z-index: 0;
}

.hero_ctn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero_ctn h1 {
    color: #fff;
    line-height: 32px;
    font-size: 32px;
    margin: 0 0 16px;
}

.hero_ctn p {
    font-size: 14px;
    color: #fff;
    margin: 0 0 22px;
}

.hero_btom_ctn {
    padding-top: 38px;
}

.hero_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-family: MontserratRegular;
    align-items: center;
}

.hero_logo span {
    padding: 0 20px;
}

.hero_logo img {
    height: auto;
    max-width: 100%;
}

.confirmation_hero p {
    font-size: 13px;
    line-height: 20px;
    font-family: MontserratMedium;
}

.confirmation_hero p:last-child {
    margin-bottom: 0px;
}

.confirmation_hero h1 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 44px;
}

.confirmation_hero .hero_ctn {
    padding: 0 18%;
}

.divider148 {
    min-height: 148px;
    background: #fff;
}

.main_textcontent {
    background: #EADEEA;
    padding: 30px 88px 28px;
    border-bottom: 35px solid #fff;
}

.main_textcontent h2 {
    text-align: center;
    color: #EA5496;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 26px;
}

.main_textcontent p {
    font-size: 14px;
    color: #702476;
    line-height: 18px;
    margin: 0 0 20px;
    font-family: MontserratMedium;
}

.main_textcontent p strong {
    font-family: MontserratBold;
    color: #EA5496;
}

.main_textcontent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main_textcontent ul li {
    font-size: 14px;
    color: #702476;
    font-family: MontserratMedium;
    position: relative;
    padding-left: 30px;
    padding-bottom: 16px;
}

.main_textcontent ul li a {
    color: #EA5496;
}

.main_textcontent ul li::before {
    content: '';
    background: url('../images/star.png') left top no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

.textcontent_btn {
    text-align: center;
    padding-top: 37px;
}

.textcontent_btn a {
    font-size: 14px;
    border-radius: 30px;
    line-height: 18px;
    color: #fff;
    background: #1BABC8;
    padding: 6px 26px;
    font-family: 'Oswald';
    font-weight: 500;
    display: inline-block;
}

.textcontent_btn a:hover {
    background: #EA5496;
}


.main_textcontent.light_blue {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 37px 88px 46px;
}
.main_textcontent.light_blue::after {
    background: rgba(221,243,247,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
}

.main_textcontent.light_blue p {
    color: #666666;
}
.main_textcontent.light_blue p strong {
    color: #1BABC8;
}
.main_textcontent.light_blue ul li {
    color: #666666;
}
.main_textcontent.light_blue .textcontent_btn a {
    background: #6F2277;
}
.main_textcontent.light_blue .textcontent_btn a:hover {
    background: #E75294;
}
.main_textcontent.light_blue ul {
    padding-bottom: 14px;
}
.main_textcontent.light_blue ul + p {
    margin-bottom: 0px;
}

.col_2_section {
    background: #fff;
}

.col_2_section h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Oswald';
}

.col_2_section .row {
    margin: 0 -19px;
}

.col_2_section .col-md-6 {
    padding: 0 19px 45px;
}

.col_ctn {
    position: relative;
}

.col_ctn::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: #000;
    opacity: 0.3;
    z-index: 0;
    transition: all 0.3s;
}

.col_ctn:hover:before {
    opacity: 0.4;
}

.col_ctn .col_btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
}

.col_ctn img {
    width: 100%;
}

.col_ctn .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

footer {
    background: #fff;
    padding: 0 28px;
}

.footer_ctn {
    border-top: 1px solid #E3E0D7;
    width: 100%;
    display: inline-block;
    padding: 27px 0 30px;
}

.footer_top {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    padding: 0 0 25px;
    align-items: center;
}

.instg_block a {
    font-size: 14px;
    color: #1BABC8;
    line-height: 18px;
    font-family: MontserratMedium;
    background: url('../images/inst.png') left top no-repeat;
    padding: 8px 0 0 34px;
    background-size: contain;
}

.footer_menu {
    margin: 0 auto 0 0;
}

.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.footer_menu ul li {
    font-size: 14px;
    color: #702476;
    line-height: 18px;
    font-family: MontserratMedium;
    position: relative;
    padding-right: 39px;
}

.footer_menu ul li a {
    color: #702476;
}

.footer_menu ul li a:hover {
    color: #EA5496;
}

.footer_menu ul li:last-child {
    padding-right: 0;
}

.footer_bottom {
    padding-right: 12%;
}

.footer_bottom p {
    color: #666;
    font-size: 11px;
    font-family: MontserratMedium;
    margin: 0;
}

/*Logged in*/
.welcome_bar {
    background: #F0E8F1;
    padding: 15px 33px;
}

.welcome_bar h1 {
    font-size: 26px;
    font-weight: 500;
    font-family: Oswald;
    color: #702476;
    text-transform: uppercase;
    margin: 0;
    line-height: 31px;
}

.user_status_block {
    background: #fff;
    padding: 30px 0 34px;
}

.user_status_items {
    display: flex;
    width: 100%;
    justify-content: center;
}

.status_item {
    margin-right: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 118px;
    width: 100%;
    text-align: center;
}

.status_item:last-child {
    margin-right: 0;
}

.status_item .status_number {
    background: url('../images/star_i1.png') center center no-repeat;
    width: 111px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    line-height: 20px;
    font-family: MontserratSemiBold;
    color: #fff;
    background-size: contain;
    padding-top: 3px;
}

.status_item.option_2 .status_number {
    background: url('../images/star_i2.png') center center no-repeat;
    background-size: contain;
}

.status_item.option_3 .status_number {
    background: url('../images/star_i3.png') center center no-repeat;
    background-size: contain;
}

.status_item .status_name {
    font-size: 16px;
    line-height: 20px;
    font-family: MontserratSemiBold;
    color: #6F2277;
    width: 100%;
    padding: 25px 5px 0;
}

.status_item .status_name a {
    color: #6F2277;
    font-size: 16px;
    line-height: 20px;
}

.status_item.option_2 .status_name,
.status_item.option_2 .status_name a {
    color: #1BABC8;
}

.status_item.option_3 .status_name,
.status_item.option_3 .status_name {
    color: #EA5496;
}

/*-- Start inner_page_ctn --*/
.inner_page_ctn {
    background: #fff;
}

.page_title {
    background: #F0E8F1;
    padding: 17px 33px;
}

.page_title h1 {
    font-size: 26px;
    color: #702476;
    font-family: 'Oswald';
    font-weight: 500;
    margin: 0;
}

.page_title.light_blue {
    background: #e7f7fa;
}

.regist_form {
    padding: 32px 74px 50px;
    width: 100%;
}

.form_step {
    display: flex;
    width: 100%;
}

#step2.form_step {
    display: none;
}


.form_fields {
    width: 100%;
}

.step_number {
    width: 100%;
    margin-bottom: 45px;
}

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

.step_number_inner::before {
    width: 100%;
    height: 1px;
    background: #1BABC8;
    position: absolute;
    top: 50%;
    left: 0px;
    content: "";
}

.step_number_inner div {
    font-size: 16px;
    color: #1BABC8;
    font-family: MontserratSemiBold;
    border: 1px solid #1BABC8;
    border-radius: 20px;
    display: inline-block;
    padding: 2px 24px;
    position: relative;
    background: #fff;
    margin-right: 40px;
}

.step_number_inner div.active_num {
    background: #1BABC8;
    color: #fff;
}

.step_number_inner div:last-child {
    margin-right: 0px;
}

.form_group {
    margin-bottom: 50px;
}

.form_group label {
    color: #666666;
    display: block;
    font-family: MontserratSemiBold;
    font-size: 16px;
}

.form_group label img {
    display: inline-block;
    margin-right: 7px;
}

.form_group label .req {
    color: #F45197;
}

.fieldset .form_group label {
    margin-bottom: 33px;
}

.form_group .select_wrap {
    position: relative;
    width: 100%;
}

.form_group .select_wrap::before {
    content: '';
    width: 7px;
    height: 5px;
    background: url(../images/sel_arrow.svg) center center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    background-size: contain;
    pointer-events: none;
}

.form_group .select_wrap select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 20px;
}

.form_group .input_field::-webkit-input-placeholder {
    font-family: MontserratMedium;
    font-style: italic;
    color: #BEBEBE;
}

.form_group .input_field:-ms-input-placeholder {
    font-family: MontserratMedium;
    font-style: italic;
    color: #BEBEBE;
}

.form_group .input_field::placeholder {
    font-family: MontserratMedium;
    font-style: italic;
    color: #BEBEBE;
}

.form_group .input_field:disabled {
    opacity: 1;
    border-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
}

.postcode_address {
    margin-top: 26px;
}

/* .form_group .input_field:read-only {
    border-color: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    opacity: 1;
} */
.form_group textarea {
    border: 1px solid #707070;
    height: 84px;
    padding: 4px 8px;
    width: 100%;
    vertical-align: middle;
}

.alert_msg {
    font-size: 12px;
    color: #EA5496;
    font-family: MontserratMedium;
    margin-top: 10px;
}

.radioType label {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-family: MontserratRegular;
    padding: 0 0 0 28px;
    margin: 12px 36px 0 0 !important;
    cursor: pointer;
}

.radioType label span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0px;
    border: 2px solid #C19F68;
    border-radius: 100%;
    padding: 2px;
}

.radioType label span::after {
    width: 100%;
    height: 100%;
    display: block;
    background: #C19F68;
    border-radius: 100%;
    content: "";
    opacity: 0;
}

.radioType label input[type="radio"] {
    position: absolute;
    opacity: 0 !important;
    left: 0;
    top: 0;
}

.radioType label input[type="radio"]:disabled+span {
    opacity: 0.5;
}

.radioType label input[type="radio"]:checked+span::after {
    opacity: 1;
}

.checkType label  {
	position: relative;
	padding: 0 0 0 25px;
	    font-size: 13px;
		    font-family: MontserratMedium;
}

.checkType label input[type="checkbox"] {
	position: absolute;
	top: 5px;
	left: 0px;
	accent-color: #702476;
	opacity: 0 !important;
}


.checkType label span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0px;
    border: 2px solid #C19F68;
    padding: 2px;
}

.checkType label span::after {
    width: 100%;
    height: 100%;
    display: block;
    background: #C19F68;
    content: "";
    opacity: 0;
}

.checkType label input[type="checkbox"]:disabled+span {
    opacity: 0.5;
}

.checkType label input[type="checkbox"]:checked+span::after {
    opacity: 1;
}

.checkType #otherCheckbox {
	display: none;
}

.checkType label input[type="checkbox"]:checked ~ #otherCheckbox {
	display: block;
	margin-top: 20px;
}

.memberCheck .checkType label {
    opacity: 0.5;
    user-select: none;
    cursor: no-drop;
}

.memberCheck .checkType.allcheckEnable label {
    opacity: 1;
    cursor: default;
}

.memberCheck .checkType label.opacityNone {
    opacity: 1;
    cursor: default;
}

.colmun.thirdhalf.radioType label {
    margin-top: 0px !important;
}

.linkSeetext {
	    font-size: 12px;
    color: #6F2277;
    text-decoration: underline;
    display: inline-block;
    font-family: MontserratMedium;
    margin-top: 26px;
}

.colmun {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.colmun.thirdhalf {
    width: 34%;
}

.colmun.secondhalf {
    width: 50%;
}

.colmun .col1 {
    width: 100%;
}

.colmun .col2 {
    width: 46%;
}

.colmun .col3 {
    width: 33.33%;
}

.colmun .col4 {
    width: 25%;
}

.radioType.colmun .col4 {
    padding-right: 27px;
}

.radioType.colmun label {
    margin: 0px;
}

.radioType.colmun .col4 label {
    min-height: 58px;
    font-family: MontserratMedium;
    margin: 0px !important;
}

.find_address {
    display: flex;
    align-items: center;
}

.find_address .find_btn {
    border: none;
    background: #E5CBB1;
    border-radius: 40px;
    font-size: 14px;
    color: #666666;
    font-family: MontserratMedium;
    height: 30px;
    min-width: 133px;
    cursor: pointer;
    margin: 10px 0 0 21px;
}

.form_group .address_link_wrap {}

.form_group .address_link {
    font-size: 12px;
    color: #6F2277;
    text-decoration: underline;
    display: inline-block;
    font-family: MontserratMedium;
    margin-top: 26px;
}

.form_group .address_link:hover {
    text-decoration: none;
}

.checkboxType label {
    position: relative;
    font-size: 13px;
    font-family: MontserratMedium;
    line-height: 24px;
    padding: 0 0 0 32px;
}

.checkboxType label span {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    left: 0px;
    border: 1px solid #707070;
    border-radius: 5px;
}

.checkboxType label span::after {
    width: 24px;
    height: 19px;
    position: absolute;
    bottom: 2px;
    left: 1px;
    content: "";
    background: url(../images/check-icon.png) no-repeat top center / 100% 100%;
    opacity: 0;
}

.checkboxType label input[type="checkbox"] {
    position: absolute;
    top: 6px;
    left: 0px;
    width: 18px;
    height: 18px;
    opacity: 0 !important;
}

.checkboxType label input[type="checkbox"]:checked+span::after {
    opacity: 1;
}

.checkboxType.rightcheck label {
    padding: 0 32px 0 0;
}

.checkboxType.rightcheck label span {
    right: 0px;
    left: auto;
}

.form_btn {
    text-align: center;
}

.form_btn .btn {
    min-width: 179px;
    background: #EA5496;
    border: 1px solid #EA5496;
    border-radius: 40px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    padding: 8px 35px 10px;
}

.form_btn .btn:hover {
    background: #fff;
    color: #EA5496;
}

.fieldset {
    width: 100%;
    border-bottom: 0.5px solid #C19F68;
    padding-bottom: 27px;
    margin-bottom: 40px;
    padding-right: 60px;
    position: relative;
}

.fieldset.border_0 {
    border-bottom: none;
    padding-bottom: 0px;
}

.fieldset h3 {
    font-size: 20px;
    color: #1BABC8;
    font-family: MontserratSemiBold;
    text-transform: none;
    margin-bottom: 28px;
}

.fieldset .form_group {
    margin-bottom: 28px;
}

.fieldset.social {
    padding-bottom: 0px;
}

.fieldset.social .form_group {
    margin-bottom: 50px;
}

.fieldset.social .form_group label {
    margin-bottom: 18px !important;
}

.fieldset.social .radioType {
    margin-bottom: 17px;
}

.fieldset .radioType label {
    font-family: MontserratMedium;
}

.fieldset.social .radioType label.w48 {
    width: 48%;
    margin-right: 0px !important;
    vertical-align: top;
}

.fieldset.social .radioType label.w50 {
    width: 50%;
    margin-right: 0px !important;
    vertical-align: top;
}

.fieldset.social .radioType label.w100 {
    width: 100% !important;
    margin-right: 0px !important;
}

.fieldset .form_group.mb10 {
    margin-bottom: 10px !important;
}

.fieldset.profile {
    padding-bottom: 10px;
    margin-bottom: 35px;
}

.fieldset.profile .form_group label {
    margin-bottom: 10px;
}

.fieldset.profile .form_group {
    margin-bottom: 38px;
}

.preferences {
    justify-content: unset;
    margin-bottom: 26px;
}

.preferences .col3 {
    margin-right: 87px;
}

.form_group .preferences label {
    display: block;
    margin-right: 0px !important;
}

.leave_text {
    text-align: center;
}

.leave_text a {
    font-size: 13px;
    color: #666666;
    text-decoration: underline;
    font-family: MontserratMedium;
}

.leave_text a:hover {
    text-decoration: none;
}

.save_edit_btn {
    position: absolute;
    top: 0px;
    right: 0px;
}

.save_edit_btn button {
    border: 1px solid #F55095;
    background: #F55095;
    border-radius: 40px;
    font-size: 10px;
    color: #fff;
    font-family: MontserratSemiBold;
    height: 27px;
    min-width: 75px;
    font-style: italic;
    cursor: pointer;
    padding: 0 15px;
}

.save_edit_btn button img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    max-width: 10px;
    margin-top: -2px;
}

.save_edit_btn button:hover {
    background: #fff;
    color: #F55095;
}

.save_edit_btn .save {
    display: none;
}

.save_edit_btn .edit {
    color: #666666;
    background: #EDEDED;
    border-color: #EDEDED;
}

.save_edit_btn .edit:hover {
    color: #666666;
}

.save_edit_btn .saved {
    color: #1BABC8;
    background: #fff;
    border-color: #fff;
    display: none;
}

.save_edit_btn .saved:hover {
    color: #1BABC8;
}

.follow {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.follow span {
    font-size: 14px;
    color: #1BABC8;
    font-family: MontserratMedium;
}

.follow .input_field {
    margin-left: 10px;
}

.savef .address_text {
    display: none;
}

.savef .address_fill_fields {
    display: block !important;
}

.savef .new_password {
    display: block !important;
}

.profile .address_fill_fields .form_group {
    margin-bottom: 15px;
}

.edit .mt-15 {
    margin-top: 0px;
}

.savef .save_edit_btn .save {
    display: inline-block;
}

.savef .save_edit_btn .edit {
    display: none;
}

.savedf .save_edit_btn .save,
.savedf .save_edit_btn .edit {
    display: none;
}

.savedf .save_edit_btn .saved {
    display: inline-block;
}

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

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

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

.w73 {
    width: 73%;
}

.password {
    position: relative;
}

.password .eye {
    position: absolute;
    top: 50%;
    right: 0px;
    background: url(../images/password-hide.png) no-repeat center center;
    width: 13px;
    height: 100%;
    transform: translate(0, -50%);
}

.password .eye.hideshow {
    background: url(../images/password-show.png) no-repeat center center;
}

.form_ad {
    flex: 0 0 50%;
    position: relative;
    margin-left: 65px;
}

.form_ad .under {
    position: relative;
}

.form_ad .under::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 0;
}

.form_ad img {
    width: 100%;
}

.form_ad_ctn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 0 25px 0 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    bottom: 0;
}

.form_ad_ctn h3 {
    margin: 0 0 35px;
    font-size: 24px;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 500;
}

.form_ad_ctn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form_ad_ctn ul li {
    font-size: 14px;
    color: #fff;
    font-family: MontserratRegular;
    margin: 0 0 55px;
    position: relative;
    line-height: 18px;
    padding-left: 28px;
}

.form_ad_ctn ul li:last-child {
    margin-bottom: 0;
}

.form_ad_ctn ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: url(../images/white_star.svg) left top no-repeat;
    width: 16px;
    height: 15px;
}

/* breadcrumb */
.breadcrumb_area {
    background: #fff;
    font-size: 10px;
    color: #666666;
    font-family: MontserratMedium;
    font-style: italic;
    line-height: 18px;
    padding: 18px 30px 11px;
}

.breadcrumb_inner {
    border-bottom: 1px solid #E3E0D7;
    padding-bottom: 10px;
}

.breadcrumb_area a {
    color: #666666;
    text-decoration: none;
    display: inline-block;
    margin-right: 4px;
}

.breadcrumb_area span {
    margin-left: 4px;
}

/* custom_popup */
.custom_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    padding-top: 140px;
}

.custom_popup .under {
    margin: 0 auto;
    width: 517px;
}

.custom_popup .sub {
    width: 100%;
    float: left;
    background: rgba(233, 0, 76, 0.75);
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: relative;
    padding: 49px 66px 41px;
}

.custom_popup .popClose {
    border: none;
    background: none;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0px;
    background: url(../images/close-popup.png) no-repeat center center / 100% 100%;
}

.custom_popup img {
    max-width: 52px;
    display: block;
    margin: 0 auto 19px;
}

.custom_popup h3 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 14px;
}

.custom_popup p {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: MontserratMedium;
    margin-bottom: 30px;
}

.custom_popup .btn_leave {
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    border-radius: 40px;
    font-size: 11px;
    text-transform: uppercase;
    color: #4D4F53;
    font-family: 'Oswald';
    font-weight: 500;
    min-width: 213px;
    cursor: pointer;
    padding: 6px 15px;
    text-decoration: none;
    display: inline-block;
}

.custom_popup .btn_leave:hover {
    background: transparent;
    color: #fff;
}



.log_in .form_ad {
    margin: 0 65px 0 0;
    text-align: center;
}

.log_in .form_ad_ctn {
    padding: 0 50px;
}

.log_in .form_ad_ctn h3 {
    margin-bottom: 15px;
}

.log_in .form_ad_ctn p {
    font-size: 14px;
    color: #fff;
    font-family: MontserratMedium;
    margin: 0px;
}

.log_in .form_ad_ctn p a {
    color: #fff;
    text-decoration: underline;
}

.log_in .form_ad_ctn p a:hover {
    text-decoration: none;
}

.log_in .form_btn {
    text-align: left;
}

.log_in .checkboxType label {
    font-family: MontserratSemiBold;
}

.log_in .checkboxType label span {
    top: 3px;
}

.log_in .checkboxType label {
    margin-bottom: 15px;
}

.abouthero .hero_ctn h1 {
    font-size: 22px;
    line-height: 29px;
    margin: 0;
}
.abouthero .hero_ctn h1 strong {
    font-weight: 500;
    font-family: Oswald;
}

.innerpage_ctn {
    padding: 25px 88px 10px;
    background: #fff;
}

.innerpage_ctn p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    font-family: MontserratMedium;
}

.singlepage_ctn {
    padding: 25px 150px 10px;
    background: #fff;
}

.singlepage_ctn h1 {
    color: #1BABC8;
    font-size: 18px;
    font-family: MontserratBold;
    margin: 0 0 30px;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
}

.singlepage_ctn p {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    font-family: MontserratMedium;
    margin-bottom: 30px;
}

.singlepage_ctn p a {
    color: #1BABC8;
    text-decoration: underline;
}

.singlepage_ctn p a:hover {
    text-decoration: none;
}

.singlepage_ctn h2,
.singlepage_ctn h3,
.singlepage_ctn h4,
.singlepage_ctn h5 {
    font-size: 14px;
    line-height: 1.3;
    color: #666666;
    font-family: MontserratMedium;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 5px;
}

.singlepage_ctn ul {
    margin: 0;
    padding: 15px 0 30px;
    list-style: none;
    text-align: left;
}

.singlepage_ctn ul li {
    font-size: 14px;
    color: #666666;
    font-family: MontserratMedium;
    position: relative;
    padding-left: 12px;
    padding-bottom: 10px;
}

.singlepage_ctn ul li a {
    color: #1BABC8;
    text-decoration: underline;
}

.singlepage_ctn ul li a:hover {
    text-decoration: none;
}

.singlepage_ctn ul li::before {
    content: '\00B7';
    color: #666666;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 27px;
    line-height: 16px;
    font-family: MontserratMedium;
}

.smallheading .hero_ctn {
    align-items: center;
}

.smallheading .hero_ctn h1 {
    font-size: 22px;
    line-height: 29px;
}

.hero_ctn_inner {
    max-width: 710px;
    width: 100%;
}

.faq_content {
    background: #fff;
    padding: 24px 30px;
}

.accordion_wrap {
    padding: 28px 40px 4px;
    border-bottom: 2px solid #D1EEF4;
}

.accordion_wrap.active {
    border: none;
    background: #D1EEF4;
}

.active .accordion_title h3:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.accordion_title {
    cursor: pointer;
}

.accordion_title h3 {
    font-size: 18px;
    color: #1BABC8;
    font-family: MontserratBold;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 24px;
    position: relative;
    cursor: pointer;
    padding-right: 33px;
    line-height: 1.3;
}

.accordion_title h3:before {
    background: url(../images/downarrow.svg) center center no-repeat;
    width: 24px;
    height: 15px;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
}

.accordion_ctn {
    display: none;
}

.accordion_ctn p {
    font-size: 14px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0;
    padding: 0 0 20px;
}

.contact_form {
    background: #fff;
    padding: 52px 40px 40px;
    display: flex;
    justify-content: center;
}

.contact_form_inner {
    max-width: 595px;
}

.form_field {
    margin-bottom: 43px;
}

.form_field label {
    font-size: 12px;
    color: #343434;
    font-family: MontserratBold;
    margin: 0 0 13px;
}

.form_field label span {
    color: #F45197;
}

.form_field input[type="text"],
.form_field input[type="email"],
.form_field input[type="number"],
.form_field input[type="password"],
.form_field input[type="date"],
.form_field select,
.form_field textarea {
    border: 1px solid #1BABC8;
    width: 100%;
    padding: 10px;
    height: 33px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 14px;
    color: #666666;
    font-family: MontserratMedium;
}

.form_field textarea {
    height: 107px;
    resize: none;
}

.submit_btn_wrap {
    text-align: center;
}

.submit_btn {
    width: 100%;
    max-width: 180px;
    background: #1BABC8;
    font-size: 13px;
    font-family: Oswald;
    font-weight: 500;
    color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.thankyou_text {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 40px;
}

.thankyou_text h2 {
    color: #1BABC8;
    font-size: 18px;
    font-family: MontserratBold;
    text-transform: none;
    letter-spacing: 0;
}

.thankyou_text p {
    font-size: 13px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0;
    padding: 0 0 20px;
}


.col_3_section {
    background: #fff;
    padding: 29px 33px 50px;
}

.col_3_section .col-md-4 {
    max-width: 30%;
}

.col_3_ctn_block {
    position: relative;
    height: 100%;
    padding-bottom: 32px;
}

.img_block {
    position: relative;
}

.img_block img {
    width: 100%;
    border: 1px solid #C4C4C4;
}

.img_block .status_tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFA400;
    font-size: 10px;
    color: #fff;
    font-family: MontserratMedium;
    display: inline-block;
    padding: 5px 27px 5px 28px;
    border-radius: 0 30px 0 0;
}

.img_block .status_tag::before {
    position: absolute;
    left: 8px;
    top: 5px;
    background: url(../images/pending.svg) center center no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    content: '';
}

.img_block .status_tag.complete {
    background: #C2D100;
}

.img_block .status_tag.complete::before {
    background: url(../images/complete.svg) center center no-repeat;
    background-size: contain;
}

.text_block {
    padding: 24px 0 0;
    text-align: center;
}

.text_block p {
    font-size: 13px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0 0 15px;
    text-align: left;
    padding-right: 7%;
}

.text_block .view_mission {
    padding: 4px 25px;
    background: #1BABC8;
    font-size: 13px;
    color: #fff;
    font-family: Oswald;
    font-weight: 500;
    border-radius: 30px;
    margin-top: 15px;
    min-width: 128px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

.text_block .view_mission:hover {
    background: #EA5496;
}

.mission_overview {
    padding: 33px 30px;
    background: #fff;
}

.mission_review_list {
    position: relative;
    border-bottom: 1px solid #C19F68;
    padding-bottom: 60px;
    display: flex;
    width: 100%;
}

.mission_review_text_part {
    width: 100%;
    padding-right: 23px;
}

.mobimg_detail {
    margin-bottom: 30px;
}

.mobimg_detail img {
    width: 100%;
}

.mission_review_text_part h2 {
    font-size: 20px;
    color: #666666;
    font-family: MontserratBold;
    text-transform: none;
    letter-spacing: 0;
}

.mission_review_date {
    background: url(../images/cal-icon.svg) left center no-repeat;
    padding: 0 0 0 30px;
    font-size: 12px;
    color: #1BABC8;
    font-family: Oswald;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.mission_review_text_part p {
    font-size: 13px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0 0 20px;
}


.mission_review_text_part ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mission_review_text_part ul li {
    font-size: 13px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0 0 12px;
    position: relative;
    padding: 0 0 0 15px;
}

.mission_review_text_part ul li::before {
    content: '\00B7';
    color: #1BABC8;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    line-height: 14px;
    font-family: MontserratMedium;
}

.mission_review_text_part ul li a {
    color: #1BABC8;
}

.mission_review_img_part {
    max-width: 50%;
    flex: 0 0 50%;
}

.mission_review_img_part img {
    width: 100%;
    border: 1px solid #C4C4C4;
}


.mission_fields {
    padding: 30px 0 0;
}

.mission_fields .title h3 {
    font-size: 16px;
    color: #1BABC8;
    font-family: MontserratBold;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 35px;
    line-height: 1.4;
}

.mission_fields .title.fz-20 h3 {
    font-size: 20px;
}

.mission_form_fields {
    width: 100%;
}


.form_group.label_margin label {
    margin-bottom: 30px;
    font-size: 14px;
}

.form_group.radio_lbl_marg label {
    margin-bottom: 18px;
    font-size: 14px;
}

.mission_form_fields .radioType label {
    margin-right: 0 !important;
    font-family: MontserratMedium;
}

.mission_form_left {
    padding-right: 7%;
}

.mission_form_right {
    padding-right: 7%;
}

.upload_part h3 {
    font-size: 16px;
    color: #666666;
    font-family: MontserratBold;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 11px;
}

.upload_part p {
    font-size: 12px;
    color: #EA5496;
    font-family: MontserratMedium;
    margin: 0 0 10px;
}

.upload_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.upload_list .upload_item {
    width: 33.33%;
    padding: 10px 34px 24px 0;
}


.upload_item_inner {
    border: 1px solid #D8D8D8;
    position: relative;
    width: 100%;
    display: flex;
    min-height: 85px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.upload_item_inner p {
    font-size: 12px;
    color: #666666;
    font-family: MontserratMedium;
    margin: 0;
    padding: 0 10px;
}

.upload_item_inner.uploaded .upload_link {
    display: none;
}

.upload_item_inner img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
}

.upload_item_inner .upload_link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.upload_item_inner .upload_link::before {
    background: url(../images/upload_icon.svg) center top no-repeat;
    width: 47px;
    height: 40px;
    content: '';
}

.upload_item_inner .upload_link::after {
    content: 'upload';
    font-size: 10px;
    color: #D8D8D8;
    font-family: MontserratSemiBold;
    padding-top: 3px;
}

.upload_item_inner .close_icon {
    position: absolute;
    right: -3px;
    top: -5px;
    width: 12px;
    height: 12px;
    background: #fff url(../images/close_icon.svg) center center no-repeat;
    border-radius: 50%;
    display: none;
}

.uploaded .close_icon {
    display: block;
}

.video_upload .upload_item_inner .upload_link::before {
    background: url(../images/video_upload-icon.svg) center top no-repeat;
}

.bottom_btn {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 34px;
}

.bottom_btn .complete_mission {
    font-size: 13px;
    color: #fff;
    background: #1BABC8;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 4px 27px;
    font-family: Oswald;
    font-weight: 500;
}


.upload_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    display: none;
}

.upload_popup::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    z-index: 0;
}

.upload_popup_main_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10%;
    align-items: flex-start;
}

.upload_popup_wrap {
    width: 100%;
    max-width: 517px;
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 58px 24px 24px;
}

.upload_popup_wrap .close_popup {
    width: 25px;
    height: 25px;
    background: url(../images/popup_close.svg) center center no-repeat;
    position: absolute;
    right: 15px;
    top: 11px;
    display: block;
}

.upload_popup_ctn {
    width: 100%;
    padding: 35px 30px;
    border: 2px dashed #9a9a9a;
    border-radius: 5px;
}

.select_uplaod {
    text-align: center;
}

.select_uplaod p {
    font-size: 11px;
    color: #666666;
    margin: 0 0 30px;
    padding: 18px 0 0;
}

.select_uplaod p strong {
    font-size: 14px;
    font-family: MontserratSemiBold;
    display: block;
}

.select_uplaod .choose_btn {
    font-size: 11px;
    color: #fff;
    background: #1BABC8;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 4px 27px;
    font-family: Oswald;
    font-weight: 500;
    min-width: 130px;
}

.uploading_panel {
    text-align: center;
}

.uploading_panel p {
    font-size: 11px;
    color: #666666;
    font-family: MontserratSemiBold;
    margin: 0 0 18px;
    padding: 18px 0 0;
}

.uploadbar {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.uploadbar .bar {
    border: 1px solid #C3C3C3;
    height: 8px;
    border-radius: 30px;
}

.uploadbar .bar span {
    background: #1babc8;
    width: 35%;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
}

.uploadbar .bar_pross {
    font-size: 11px;
    color: #666666;
    font-family: MontserratMedium;
    padding-top: 6px;
}

.uploading_panel .uploadimg_btn {
    font-size: 11px;
    color: #fff;
    background: #1BABC8;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 4px 27px;
    font-family: Oswald;
    font-weight: 500;
    min-width: 130px;
}

.h40 {
    height: 40px;
    background: #fff;
}

/* campaignsArea */
.campaignsArea {
    background: #fff;
    padding: 16px 30px 0 30px;
}
.campaignsArea h2 {
    font-size: 20px;
    color: #666666;
    font-family: MontserratBold;
    text-transform: none;
    margin-bottom: 35px;
}
.campaigns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.campaigns .item {
    width: 47.6%;
    border: 1px solid #F0E8F1;
    padding: 20px;
    margin-bottom: 39px;
}
.campaigns .item .image {
    width: 162px;
    float: left;
}
.campaigns .item .image img {
    width: 100%;
}
.campaigns .item .text {
    width: calc(100% - 162px);
    float: left;
    padding: 0 0 0 16px;
}
.campaigns .item .text h3 {
    font-size: 16px;
    color: #666666;
    font-family: MontserratBold;
    line-height: 24px;
    text-transform: none;
    margin-bottom: 23px;
}
.campaigns .item .text .date {
    font-size: 10px;
    color: #6F2277;
    line-height: 16px;
    text-transform: uppercase;
    font-family: MontserratMedium;
    position: relative;
    padding: 0 0 0 26px;
    margin-bottom: 29px;
}
.campaigns .item .text .date img {
    position: absolute;
    top: 6px;
    left: 0px;
}
.campaigns .item .text .date span {
    display: block;
    font-family: MontserratBold;
}
.campaigns .item .text .campaignBtn {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 500;
    background: #6F2277;
    border-radius: 40px;
    line-height: 30px;
    display: inline-block;
    padding: 0 24px 0 38px;
}
.campaigns .item .text .campaignBtn img {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 13px;
}
.campaigns .item .text .campaignBtn:hover {
    background: #EA5496;
}

/* text_imageArea */
.text_imageArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 31px 88px;
}
.text_imageArea .text {
    width: 66.4%;
    padding-right: 3%;
}
.text_imageArea .text p {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    font-family: MontserratMedium;
}
.text_imageArea .image {
    width: 31%;
    min-height: 129px;
    padding: 15px;
    order: 2;
    border: 1px solid #D6D6D6;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* active_campaigns */
.active_campaigns {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px 88px;
}
.active_campaigns h2 {
    font-size: 20px;
    color: #666666;
    font-family: MontserratBold;
    text-transform: none;
    margin-bottom: 35px;
    text-align: center;
}
.activeC {
    width: 100%;
    float: left;
    border: 1px solid #F0E8F1;
    padding: 0 0 35px 0;
    margin-bottom: 29px;
}
.activeC .top {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(111, 34, 119, 0.1);
    padding: 7px 20px;
}
.activeC .title {
    font-size: 16px;
    color: #6F2277;
    font-family: MontserratBold;
}

.activeC .date {
    font-size: 10px;
    color: #6F2277;
    line-height: 16px;
    text-transform: uppercase;
    font-family: MontserratMedium;
    position: relative;
    padding: 6px 0 6px 26px;
}
.activeC .date::before {
    width: 1px;
    background: #6F2277;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -24px;
    content: "";
}
.activeC .date img {
    position: absolute;
    top: 13px;
    left: 0px;
}
.activeC .date span {
    display: block;
    font-family: MontserratBold;
}
.activeC ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    list-style: none;
    padding: 11px 20px 9px 20px;
    margin: 0px;
}
.activeC li {
    width: 33.33%;
    color: #6F2277;
    font-size: 16px;
    line-height: 28px;
    margin: 26px 0;
    padding-right: 10px;
}
.activeC li strong {
    font-weight: normal;
    font-family: MontserratBold;
    display: block;
}
.activeC .cntr {
    text-align: center;
}
.activeC .campaignBtn {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald;
    font-weight: 500;
    background: #6F2277;
    border-radius: 40px;
    line-height: 30px;
    display: inline-block;
    padding: 0 24px 0 38px;
}
.activeC .campaignBtn img {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 13px;
}
.activeC .campaignBtn:hover {
    background: #EA5496;
}


/* profile_popup_wrap */
.profile_popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
}

.profile_popup_wrap .popup_wrap_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.profile_popup_wrap .closeunlockPopup {
    position: absolute;
    top: 10px;
    right: 16px;
    cursor: pointer;
    width: 14px;
}

.profile_popup_wrap .popup_babyborn_content {
    max-width: 477px;
    border-radius: 5px;
    background: #FAF6F1;
    padding: 40px;
    position: relative;
}

.profile_popup_wrap .image {
    width: 100px;
    float: left;
}

.profile_popup_wrap .text {
    width: calc(100% - 120px);
    float: right;
}

.profile_popup_wrap .text h3 {
    color: #702476;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    letter-spacing: normal;
    font-family: 'MontserratBold';
}

.profile_popup_wrap .text p {
    font-size: 12px;
    line-height: 16px;
    color: #666666;
    font-family: 'MontserratMedium';
    margin-bottom: 0px;
}

@media (max-width: 767px){

    .profile_popup_wrap .popup_babyborn_content {
        padding: 40px 20px;
        max-width: 300px;
    }

    .profile_popup_wrap .image {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .profile_popup_wrap .image svg {
        width: 100px;
    }

    .profile_popup_wrap .text {
        width: 100%;
        text-align: center;
    }

}