@font-face {
	 font-family: "gveret_levin_alefalefalefRg";
	 src: url("../../fonts/gveret_levin_alefalefalef_regular-webfont.ttf") format("TrueType");
	 font-weight: normal;
	 font-style: normal;
}
#phone_verify_popup {
	 font-family: Rubik, sans-serif;
	 background-color: transparent;
}
 ::-webkit-scrollbar {
	 background-color: transparent !important;
	 width: 0px;
	 border-radius: 5rem;
}
 @media screen and (max-width: 780px) {
	 ::-webkit-scrollbar {
		 display: none;
		 appearance: none;
		 -webkit-appearance: none;
	}
}
 ::-webkit-scrollbar-track {
	 background-color: transparent !important;
	 width: 0px;
}
 ::-webkit-scrollbar-thumb {
	 background-color: transparent !important;
	 width: 0px;
}
 ::-webkit-scrollbar-thumb:hover {
	 background-color: transparent !important;
	 width: 0px;
}
 ::-webkit-scrollbar {
	 width: 0;
	 height: 0;
}
 @media screen and (max-width: 780px) {
	 ::-webkit-scrollbar {
		 display: none;
	}
}
 ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
	 display: none;
}
 ::-webkit-scrollbar-track-piece {
	 background-color: transparent;
}
 ::-webkit-scrollbar-thumb:vertical {
	 background: transparent;
}
 #phone_verify_popup .h1,#phone_verify_popup  .h2,#phone_verify_popup  .h3,#phone_verify_popup  .h4,#phone_verify_popup  .h5,#phone_verify_popup  .h6,#phone_verify_popup  h1,#phone_verify_popup  h2,#phone_verify_popup  h3,#phone_verify_popup  h4,#phone_verify_popup  h5,#phone_verify_popup  h6 {
	 font-family: Rubik, sans-serif;
	 font-weight: 400;
	 color: #2d5086;
}
 .conversation-list p {
	 font-weight: 100;
	 color: #2d5086;
	 text-align: left;
}
 .conversation-list p.p-link {
	 cursor: pointer;
	 text-decoration: underline;
}
 .right .conversation-list p {
	 color: #fff;
}
 .bg-light {
	 background-color: #e6ebf5 !important;
}
 .border-light {
	 border-color: #e6ebf5 !important;
}
 .form-control {
	 border-radius: 5rem;
}
 .dropdown-item {
	 display: flex;
	 justify-content: flex-start;
	 padding-inline-start: 2.5rem;
}
 .form-control, .form-control:focus {
	 color: #2d5086;
}
 .userDetailsCollapse {
	 position: relative;
	 margin-bottom: 1rem;
	 margin-top: 1rem;
	/*custom collapse*/
}
 @media screen and (max-width: 375px) {
	 .userDetailsCollapse {
		 margin-bottom: 2.5rem;
	}
}
 .userDetailsCollapse .littleToggleIconBtn {
	 position: absolute;
	 bottom: -24px;
	 right: 0;
	 left: auto;
	 border-color: #adb5bd;
	 font-family: "Material Design Icons";
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .userDetailsCollapse .littleToggleIconBtn span {
	 font-size: 21px;
}
 .userDetailsCollapse .littleToggleIconBtn:hover {
	 background-color: #7a7f9a;
}
 @media screen and (max-width: 991.98px) {
	 .userDetailsCollapse .littleToggleIconBtn:hover {
		 background-color: #fff;
		 color: #7a7f9a;
		 box-shadow: none;
	}
}
 .userDetailsCollapse .collapseMe, .userDetailsCollapse .collapseMeTo {
	 overflow: hidden;
	 transition: height linear 200ms;
}
 .userDetailsCollapse .collapseMe span, .userDetailsCollapse .collapseMeTo span {
	 display: inline-block;
	 color: #8b8b8d;
	 font-weight: 300;
}
 @media screen and (max-width: 780px) {
	 .userDetailsCollapse .collapseMe span, .userDetailsCollapse .collapseMeTo span {
		 font-size: 17px;
		 font-weight: 400;
	}
}
 .jsmartProfileName {
	 color: #2d5086;
	 font-weight: 500;
	 overflow: visible;
}
 .detailsProfile {
	 line-height: 1;
	 margin-bottom: 0.5rem;
	 text-align: start;
	 padding-inline-end: 0rem;
}
 .user-chat .detailsProfile {
	 text-align: center;
	 padding-inline-end: 0rem;
}
 .user-chat .chatFooter .switchDesc {
	 display: none;
}
 .vip {
	 z-index: 1;
	 position: absolute;
}
 .vip .container {
	 width: 110px;
	 height: 110px;
	 position: relative;
	 margin: 20px;
	 overflow: hidden;
	 transform: rotate(-90deg);
}
 .vip .container .stack-top {
	 padding-top: 2px;
	 font-size: 12px;
	 text-align: center;
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: -13px;
	 left: 0px;
	 height: 23px;
	 z-index: 9;
	 margin: 29px;
	 transform: rotateY(0deg) rotate(45deg);
	 color: #fff;
	 background: #ef476f;
}
 .vip1 {
	 background-size: contain;
	 position: absolute;
	 right: 0;
	 top: 34px;
	 transform: scale(1);
	 z-index: 5;
	 text-align: center;
	 font-weight: 500;
	 background-image: url("/sites/datedos/_static_media/public/mobile/searcVipBadge.svg");
	 width: 82px;
	 height: 51px;
	 pointer-events: none;
}
 .vip1 ~ .statusBarCard {
	 width: 100% !important;
}
 @media screen and (max-width: 780px) {
	 .vip1 ~ .statusBarCard {
		 width: 100% !important;
	}
}
 @media screen and (max-width: 780px) {
	 .vip1 {
		 font-size: 1.1rem;
		 transform: scale(1);
		 background-image: url("/sites/datedos/_static_media/public/mobile/vipBadgeMobile.svg");
		 width: 60px;
		 background-repeat: no-repeat;
		 top: 6px;
	}
}
 @media screen and (max-width: 780px) {
	 .vip1:after {
		 line-height: 1.7;
	}
}
 .micPopover .popover {
	 width: 100%;
}
 .micPopover .popover .qrGp, .micPopover .popover .qrAs {
	 padding: 1rem 0;
}
 .micPopover .popover .qrGp img, .micPopover .popover .qrAs img {
	 width: 150px;
}
 .micPopover .popover .closeBtn, .micPopover .popover .closeBtn:hover, .micPopover .popover .closeBtn:active, .micPopover .popover .closeBtn:focus, .micPopover .popover .closeBtn:focus:active {
	 border-color: #000;
	 background-color: #000;
	 color: #2d5086;
	 border-radius: 5rem;
	 padding: 0;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 position: absolute;
	 top: 3px;
	 left: 0.5rem;
	 font-size: 1.2rem;
	 box-shadow: none;
}
 .wrapStoreBtns {
	 position: relative;
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 gap: 1rem;
	 margin-bottom: 1rem;
}
 .wrapStoreBtns button {
	 border-radius: 1rem !important;
	 padding-right: 1rem;
	 padding-left: 1rem;
}
 .wrapStoreBtns button.gpBtn {
	 padding-left: 2.3rem;
	 background-image: url("/sites/datedos/_static_media/public/mobile/gplay.svg");
	 background-size: auto 60%;
	 background-repeat: no-repeat;
	 background-position: 0.7rem center;
}
 .wrapStoreBtns button.asBtn {
	 padding-left: 2.3rem;
	 background-image: url("/sites/datedos/_static_media/public/mobile/apstore.svg");
	 background-size: auto 60%;
	 background-repeat: no-repeat;
	 background-position: 0.7rem center;
}
 alignLoader {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 justify-content: center;
	 align-items: center;
	 right: 0;
	 left: 0;
	 display: flex;
	 top: 0;
	 pointer-events: none;
	 z-index: 1;
}
 alignLoader .loaderPosition {
	 width: 100%;
}
 alignLoader .loaderPosition > div.col-1 {
	 display: flex;
	 justify-content: center;
}
 @media screen and (max-width: 780px) {
	 alignLoader .loaderPosition > div.col-1 {
		 width: 15%;
	}
}
 @media screen and (max-width: 780px) {
	 alignLoader.loaderBeforeResults {
		 height: 100vh;
	}
}
 alignLoader.desktopPhonePage {
	 align-items: flex-start;
}
 alignLoader.desktopPhonePage .loaderPosition.justify-content-center {
	 justify-content: flex-start !important;
	 z-index: 4;
	 position: absolute;
	 top: -25px;
}
 .bottomStrip {
	 bottom: 0;
	 height: 180px;
	 left: 0;
	 width: 100%;
	 justify-content: center;
	 align-items: center;
	 color: #fff;
	 grid-gap: 0.5rem;
	 gap: 0.5rem;
	 font-size: 18px;
	 font-weight: 600;
	 padding-inline: 2rem;
	 z-index: 50;
	 text-align: center;
	 line-height: 1.4;
	 gap: 1rem;
	 padding-inline-end: calc(2rem + 5px);
}
 @media screen and (max-width: 780px) {
	 .bottomStrip {
		 font-size: 16px;
		 gap: 33px;
		 position: fixed;
		 display: flex;
		 flex-direction: row;
		 height: 38px !important;
		 border-top-right-radius: 0px !important;
		 border-top-left-radius: 0px !important;
		 border-top: 0px !important;
		 border-right: 0px !important;
		 border-left: 0px !important;
		 overflow: hidden;
	}
	 .bottomStrip div {
		 width: 190px;
		 animation-duration: 1s;
	}
}
 button.btn:active:focus, button.btn.active:active:focus, button.btn.active:focus, .btn-light:focus, .btn-light:active:focus, .btn-light:active, .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
	 box-shadow: none !important;
}
.btn-secondary {
    background-color: #0bc1c7!important;
    border-color: #0bc1c7!important;
	color:#FFF;
}
#phone_verify_popup .loginPagesWrapper {
	 width: 100%;
	 height: auto;
	 overflow: hidden;
	 padding: 20px 5px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 background: #fff url("/sites/datedos/_static_media/public/mobile/bgLogin.png");
	 background: none;
	 background-repeat: no-repeat;
	 background-size: auto 86%;
	 background-position: 0 bottom;
	 position: relative;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper {
		 background: none;
	}
}
#phone_verify_popup .loginPagesWrapper::before {
	 content: "";
	 background: url("/sites/datedos/_static_media/public/mobile/logoGrad.svg");
	 background: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 14rem;
	 height: 6rem;
	 background-position: bottom;
	 background-repeat: no-repeat;
	 background-size: 70%;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper::before {
		 background: none;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup {
	 width: 550px;
	 height: 80vh;
	 overflow: hidden;
	 padding: 0;
	 background: #fff;
	 box-shadow: 0 10px 15px #436cc3;
	 position: relative;
	 border-radius: 25px;
	 border: 1px solid #2d5086;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup {
		 width: 100%;
		 height: auto;
		 border-radius: 0px;
		 border: 0px solid #2d5086;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .rsw_2Y,#phone_verify_popup .loginPagesWrapper .loginPopup .rsw_2f {
	 height: 100%;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 align-items: center;
	 padding: 4rem;
	 position: relative;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder textarea {
	 resize: none;
	 direction: ltr;
	 text-align: start;
	 font-size: 1.5rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .form-control {
	 font-size: 1.5rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .wrapOneImage.empty span {
	 font-size: 2rem;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder {
		 width: 100%;
		 height: 100%;
		 border: 0px solid #2d5086;
		 border-radius: 0px;
		 padding: 2rem;
	}
	 @supports (-webkit-touch-callout: none) {
		#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder {
			 height: 65%;
		}
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder .innerLoginWrapper > div {
		 width: 90%;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .ri-arrow-right-s-line:before {
	 content: "\ea6c";
	 font-weight: bold;
	 font-size: 2.4rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder button.btn.backBtn {
	 position: absolute;
	 left: 1rem;
	 background-color: #000!important;
	 border: 0;
	 color: #2d5086 !important;
	 padding: 0;
	 font-size: 24px;
	 transform: scaleX(-1);
	 z-index: 50;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder button.btn.backBtn.resend {
	 position: relative;
	 font-weight: normal;
	 border-bottom: 1px solid #2d5086 !important;
	 width: auto;
	 border-radius: 0;
	 justify-self: center;
	 right: 0;
	 align-self: flex-start;
	 font-size: 18px;
	 transform: scaleX(1);
	 left: 0;
	 margin: auto;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder button.skipBtn {
	 border: 0;
	 position: absolute;
	 top: 1rem;
	 right: 2rem;
	 color: #f5f7fb;
	 z-index: 500;
	 font-size: 1.5rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder button.skipBtn:hover {
	 color: #2d5086;
	 background: transparent;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage {
	 width: 100%;
	 height: 60%;
	 position: relative;
	 margin-top: 1rem;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage {
		 height: 44%;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage img {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 object-fit: contain;
	 object-position: center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage.fullWidth {
	 width: calc(100% + 6rem);
	 margin: 0 -6rem;
	 top: 0rem;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage.fullWidth {
		 width: calc(100% + 4rem);
		 margin: 0 -4rem;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage.fullWidth img {
	 object-fit: contain;
	 object-position: center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .imageForPage.fullWidth.left img {
	 object-position: left;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper {
	 width: 100%;
	 height: 100%;
	 display: grid;
	 position: relative;
	 align-items: center;
	 justify-items: center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .input-group {
	 direction: ltr;
	 width: 100%;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .input-group span {
	 border-radius: 7px 0 0 7px;
	 border-color: #2d5086;
	 color: #2d5086;
	 font-size: 16px;
	 background-color: #fff;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .input-group input {
	 border-radius: 0 7px 7px 0;
	 border-color: #2d5086;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .input-group input.form-control,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .input-group input::placeholder {
	 color: #2d5086;
	 font-size: 1.6rem;
	 padding: 1rem 1.2rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .dropdown .nav-link,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper input[type="date"] {
	 padding: 1.5rem 1.2rem;
	 font-size: 1.6rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper h1 {
	 font-weight: 600;
	 margin-bottom: 1.5rem;
	 text-align: center;
	 font-size: 3rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper h5 {
	 color: #8b8b8d;
	 font-size: 1.8rem;
	 text-align: center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper h5 .phoneVer {
	 color: #343a40;
	 font-size: 1.4rem;
	 margin-top: 1rem;
	 direction: ltr;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper h5 .phoneVer {
		 font-size: 1.8rem;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper button {
	 border-radius: 50rem;
	 width: 60%;
	 align-self: center;
	 justify-self: flex-end;
	 font-weight: 600;
	 font-size: 2rem;
	 padding: 5px 10px;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .vi__container--default {
	 height: 6rem;
	 width: 100%;
	 display: flex;
	 gap: 1.5rem;
	 padding: 0;
	 direction: ltr;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .vi__container--default .vi__character--default {
	 line-height: 60px;
	 color: #2d5086;
	 margin: 0;
	 border-radius: 0 1rem;
	 font-size: 2.4rem;
	 border-color: #2d5086;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .vi__container--default .vi__character--inactive--default {
	 color: #2d5086;
	 background-color: #fff;
	 border-color: #2d5086;
	 opacity: 0.5;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .vi__container--default .vi__character--selected--default {
	 outline: 0px solid #7a7f9a;
	 background-color: #e6ebf5;
}

#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper #verify_phone_form .vi__character--default {
	opacity: 0.5;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper #verify_phone_form .vi__character--default:focus {
	opacity: 1.0;
}

#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .form-inline {
	 width: 100%;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .wrapTitleOfQuest {
		 margin-bottom: 0.5rem;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .wrapTitleOfQuest.verify_error{
		 margin-top: 1rem;
		 margin-bottom: -0.5rem;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .innerLoginWrapper .wrapTitleOfQuest a{
		position: absolute;
		top: 20px;
		right: 5px;
		color: #2d5086;
		font-weight: bold;
		font-size: 20px;
		text-decoration: none;
	}
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .termsPrivacy {
	 margin-bottom: 0;
	 line-height: 1.4;
	 font-size: 1.3rem;
	 color: #8b8b8d;
	 font-weight: 400;
	 margin-top: 1.5rem;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .wrapButtonSocial {
	 margin-bottom: 20px;
	 align-self: baseline;
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 gap: 1rem;
	 justify-content: flex-start;
	 align-items: center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .wrapButtonSocial button {
	 width: 100%;
	 padding: 0.9rem 1rem;
	 box-shadow: 0px 3px 10px #4068c0 42;
	 padding-inline-end: 3.5rem;
	 background-repeat: no-repeat;
	 background-position: calc(100% - 0.9rem) center;
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .wrapButtonSocial button.faceBtn {
	 background-image: url("/sites/datedos/_static_media/public/mobile/facebook.svg");
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .wrapButtonSocial button.googBtn {
	 background-image: url("/sites/datedos/_static_media/public/mobile/google.svg");
}
#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder .link-to-other-phone {
	 cursor: pointer;
	 font-size: 17px !important;
	 align-self: baseline;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder {
		 height: auto;
		 padding: 1rem;
		 padding-top: 0;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .imageForPage,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .imageForPage,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder .imageForPage {
		 display: none;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .innerLoginWrapper,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .innerLoginWrapper,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder .innerLoginWrapper {
		 height: auto;
		 min-height: 0;
		 align-items: flex-start;
		 gap: 0;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .innerLoginWrapper button,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .innerLoginWrapper button,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.nameHolder .innerLoginWrapper button {
		 margin-top: 0.5rem;
	}
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder {
		 height: auto;
		 padding: 5rem 1rem 2.5rem;
		 padding: 5rem 1rem 2.5rem;
		 justify-content: flex-start;
		 background-image:  url('/sites/datedos/_static_media/public/mobile/birdsLogin.8be0e1be.svg');
		 background-size: 53%;
		 background-repeat: no-repeat;
		 background-color: #FFF;
		 background-position: 96% -5rem;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .imageForPage,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .imageForPage {
		 display: none;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .innerLoginWrapper,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .innerLoginWrapper {
		 height: auto;
	}
	#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.phoneEnter .innerLoginWrapper h1,#phone_verify_popup .loginPagesWrapper .loginPopup .loginHolder.verifyHolder .innerLoginWrapper h1 {
		 font-size: 2.7rem;
	}
}
#phone_verify_popup .loginPagesWrapper.no-image .innerLoginWrapper {
	 height: auto;
	 top: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 2rem;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper.no-image .innerLoginWrapper {
		 height: 100vh;
		 justify-content: space-evenly;
	}
}
 .loginStepsClass.loginPopup .loginHolder .innerLoginWrapper div {
	 width: 100%;
}
 .loginStepsClass.loginPopup .loginHolder .innerLoginWrapper div .input-group input {
	 border-radius: 7px 7px 7px 7px;
}
 .loginStepsClass.loginPopup .loginHolder .innerLoginWrapper div .input-group input::placeholder {
	 padding: 0;
}
 .loginStepsClass.loginPopup .imageForPage {
	 width: 70%;
	 height: 40%;
	 position: relative;
}
 .loginStepsClass.loginPopup .imageForPage img {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 object-fit: contain;
	 object-position: center;
}
 .loginStepsClass.loginPopup .imageForPage.fullWidth {
	 width: calc(100% + 6rem);
	 margin: 0 -6rem;
	 height: 60%;
	 margin-top: 3rem;
}
 .loginStepsClass.loginPopup .imageForPage.fullWidth img {
	 object-fit: contain;
	 object-position: left;
}
 .loginStepsClass.loginPopup .imageForPage.bottom img {
	 object-position: bottom;
}
 .loginStepsClass.loginPopup .loginHolder .buttonGroup {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 gap: 1.5rem;
	 align-items: center;
	 justify-content: flex-start;
}
 .loginStepsClass.loginPopup .loginHolder .buttonGroup button {
	 width: 70%;
	 align-self: center;
	 justify-self: center;
	 font-weight: 500;
	 font-size: 2.1rem;
	 padding: 0.7rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup {
	 justify-content: flex-start;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .innerLoginWrapper {
	 align-items: flex-start;
	 height: auto;
	 margin-top: 3rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .innerLoginWrapper .buttonGroup {
	 height: 18rem;
	 overflow: hidden;
	 margin-top: 2rem;
	 transition: height ease 300ms;
	 overflow-y: hidden;
	 padding-bottom: 10vh;
	 justify-self: flex-start;
	 margin-bottom: auto;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen {
	 border: 0;
	 margin-top: 1.5rem;
	 position: relative;
	 color: #2d5086;
	 height: 3rem;
	 z-index: 5;
	 cursor: pointer;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen span {
	 font-family: "Rubik";
	 font-size: 1.5rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen:before {
	 position: absolute;
	 width: 100%;
	 text-align: center;
	 top: 2rem;
	 font-size: 2rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen.ri-arrow-up-s-line {
	 margin-top: 2rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen.ri-arrow-up-s-line:before {
	 top: -1.9rem;
}
 .loginStepsClass.loginPopup .collapseBtnGroup .buttonToOpen.ri-arrow-up-s-line:after {
	 content: "";
	 position: absolute;
	 width: 1200%;
	 height: 12rem;
	 z-index: -1;
	 background: linear-gradient(3deg, #fff 0%, #fff 37%, #fff 0 100%);
	 left: -600%;
	 bottom: 0;
	 pointer-events: none;
}
 .loginStepsClass.loginPopup .loginHolder .innerLoginWrapper div.wrapOneImage {
	 width: 70%;
	 /*aspect-ratio: auto 0.8298755187;*/
	 height: auto;
}
 @media only screen and (max-width: 780px) {
	 .loginStepsClass.loginPopup .loginHolder .innerLoginWrapper div.wrapOneImage {
		 width: 80%;
	}
}
 .progress.loginSteps {
	 display: flex;
	 height: 5px;
	 overflow: hidden;
	 font-size: 0.70313rem;
	 background-color: #e6ebf5;
	 border-radius: 0;
	 width: 100%;
	 position: absolute;
}
 .progress.loginSteps .progress-bar {
	 background: #2d5086;
}
 .modal .subscriptionDialog {
	 width: 100%;
	 max-width: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 min-height: 100vh;
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog {
		 min-height: 0;
		 height: 100%;
	}
}
 .modal .subscriptionDialog .modal-content {
	 height: 54rem;
	 border-radius: 23px;
	 align-items: center;
	 border: 0px solid #2d5086;
	 overflow: hidden;
	 /*aspect-ratio: auto 1;*/
	 width: auto;
	 justify-content: space-between;
	 padding-top: 2rem;
}
 @media only screen and (max-width: 1200px) {
	 .modal .subscriptionDialog .modal-content {
		 height: 95vh;
	}
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-content {
		 height: 100vh;
		 border-radius: 0;
		 border: 0px solid #2d5086;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-content {
		 height: 100vh;
		 border-radius: 0;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-content {
		 height: 100%;
	}
}
 .modal .subscriptionDialog .modal-content .closeButton {
	 position: absolute;
	 color: #2d5086;
	 font-size: 1.2rem;
	 right: 1rem;
	 top: 0.7rem;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-content .closeButton {
		 right: 0rem;
	}
}
 .modal .subscriptionDialog .modal-content .modal-header {
	 border-bottom: 0;
	 padding-bottom: 0;
}
 .modal .subscriptionDialog .modal-content .modal-header h5.modal-title {
	 text-align: center;
	 font-weight: 500;
	 font-size: 40px;
	 width: 100%;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-content .modal-header h5.modal-title {
		 font-size: 33px;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-content .modal-header h5.modal-title {
		 font-size: 1.9rem;
	}
}
 .modal .subscriptionDialog .modal-content .imageForSub {
	 width: 30%;
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-content .imageForSub {
		 width: 50%;
		 padding-top: 2rem;
		 padding-bottom: 2rem;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-content .imageForSub {
		 width: 40%;
		 padding-top: 1rem;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-content .imageForSub {
		 width: 46%;
		 padding-top: 0rem;
		 padding-bottom: 0rem;
	}
}
 .modal .subscriptionDialog .modal-content .imageForSub img {
	 width: 100%;
}
 .modal .subscriptionDialog .loopSentences {
	 width: 100%;
	 display: flex;
	 height: 13rem;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .loopSentences {
		 margin-bottom: 2rem;
		 height: 15rem;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .loopSentences {
		 height: 12rem;
		 margin-bottom: 1rem;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .loopSentences {
		 height: 10rem;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide {
	 width: 100%;
	 display: flex;
	 flex-direction: column-reverse;
	 height: auto;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide {
		 height: auto;
		 padding-inline: 2rem;
		 justify-content: center;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-indicators {
	 position: relative;
	 bottom: auto;
	 margin-top: 0.7rem;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner {
	 width: 100%;
	 height: 100%;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item {
	 height: 100%;
	 margin-top: 0rem;
	 z-index: 50;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item img {
	 width: 27% !important;
	 margin: 0 auto;
	 display: none !important;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption {
	 color: #2d5086;
	 margin-top: 0rem;
	 right: 0;
	 left: 0;
	 height: 100%;
	 padding-top: 0;
	 bottom: 0;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption.d-md-block {
		 display: block !important;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 {
	 font-weight: 500;
	 font-size: 1.4rem;
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 {
		 font-size: 1rem;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 align-items: center;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h5 {
	 font-size: 26px;
	 line-height: 1;
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h5 {
		 font-size: 15px;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h5 {
		 font-size: 15px;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h3 {
	 font-weight: bold;
	 margin-top: 10px;
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h3 {
		 margin-bottom: 0;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h4 {
	 padding-inline-start: 2rem;
	 background-image: url(/sites/datedos/_static_media/public/mobile/checkMark.svg);
	 background-repeat: no-repeat;
	 background-position: 100%;
	 line-height: 1;
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h4 {
		 font-size: 15px;
		 background-position: 100% -3px;
		 background-size: 1rem;
		 position: relative;
		 padding-inline-start: 8%;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-inner .carousel-item .carousel-caption h3 .contentCarousel h4 {
		 font-size: 15px;
		 margin-bottom: 0;
	}
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-indicators button {
	 background-color: #f5f7fb;
	 width: 6px;
	 height: 6px;
	 border-radius: 5rem;
	 border: 0;
}
 .modal .subscriptionDialog .loopSentences .carousel.slide .carousel-indicators button.active {
	 background-color: #2d5086;
}
 .modal .subscriptionDialog .modal-body {
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 align-items: center;
	 flex: auto;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body {
		 margin-bottom: 0;
		 padding: 0;
		 margin-top: 1rem;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body {
		 padding: 0;
		 margin-top: 0;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans {
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: auto;
	 gap: 2%;
	 margin: 0 auto;
	 padding-top: 0;
	 margin-top: 0;
	 padding: 0;
	 padding-top: 0;
	 padding-bottom: 0;
	/* div.onePlan:nth-child(1):not(.activePlan) {
		 order:1;
		 ~ div:not(.activePlan) {
			 order:3;
		}
	}
	 div.onePlan:nth-child(2):not(.activePlan) {
		 order:1;
		 ~ div:not(.activePlan) {
			 order:3;
		}
	}
	 div.onePlan:nth-child(3):not(.activePlan) {
		 order:3;
		 ~ div:not(.activePlan) {
			 order:1;
		}
	}
	 */
}
 @media only screen and (max-width: 1200px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans {
		 padding: 4%;
		 margin-top: 0;
		 padding-top: 0;
	}
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans {
		 margin-top: 3rem;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans {
		 width: 100%;
		 margin-top: 0;
		 padding: 0;
		 margin-bottom: 1rem;
		 padding-top: 2rem;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan {
	 text-align: center;
	 box-shadow: 0px 6px 9px #000 30;
	 border-radius: 10px;
	 width: 10rem;
	 height: auto;
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 color: #2d5086;
	 line-height: 1.2;
	 border: 3px solid transparent;
	 transition: all ease 300ms;
	 transform-origin: center;
	 transform: scale(1);
	 cursor: pointer;
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan {
		 width: 25%;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan {
		 transform: scale(1);
		 height: auto;
		 width: 20%;
	}
}
 @media only screen and (max-width: 600px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan {
		 width: 27%;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan:hover {
	 border: 3px solid #2d5086;
	 transition: all ease 300ms;
	 transform: scale(1);
	 transform-origin: center;
	 height: auto;
	 justify-content: center;
	 padding-bottom: 0rem;
	 width: 10rem;
	 background: #e6ebf5;
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan:hover {
		 width: 25%;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan:hover {
		 transform: scale(1);
		 height: auto;
		 width: 20%;
	}
}
 @media only screen and (max-width: 600px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan:hover {
		 width: 27%;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.activePlan {
	 border: 3px solid #2d5086;
	 transform: scale(1);
	 transform-origin: center;
	 transition: all ease 300ms;
	 height: auto;
	 justify-content: center;
	 padding-bottom: 0rem;
	 font-size: 17px;
	 width: 10rem;
	 background: #e6ebf5;
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.activePlan {
		 width: 25%;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.activePlan {
		 transform: scale(1);
		 height: auto;
		 width: 20%;
	}
}
 @media only screen and (max-width: 600px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.activePlan {
		 width: 27%;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .launchPrice {
	 display: none;
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice {
	 position: absolute;
	 top: 0;
	 transform: translateY(-50%);
	 display: flex;
	 flex-direction: row-reverse;
	 grid-gap: 1%;
	 gap: 0.6rem;
	 width: 100%;
	 justify-content: center;
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice span {
	 background: #67c41b;
	 display: inline-block;
	 padding: 3px 11px;
	 border-radius: 5rem;
	 color: #fff;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice span {
		 font-size: 0.8rem;
		 line-height: 1.5;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice span {
		 font-size: 0.7rem;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice span {
		 padding: 3px 10px;
	}
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .launchPrice img {
		 width: 15%;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .monthPrice {
	 font-size: 1.3rem;
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .period {
	 font-size: 1rem;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan .period {
		 width: 60%;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .numOfMon {
	 font-size: 3rem;
	 font-weight: 600;
	 line-height: 1;
	 margin-bottom: 0.2vh;
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .numOfMon {
		 font-size: 3.5vh;
	}
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .nameOfMon {
	 font-size: 1.5rem;
	 line-height: 1;
	 font-weight: 500;
	 margin-bottom: 1vh;
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .monthPrice {
	 font-size: 1.3rem;
}
 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .period {
	 font-size: 1rem;
}
 @media only screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan .period {
		 width: 60%;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan {
		 padding-top: 0.7rem;
	}
	 .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.wrapLaunchPlan, .modal .subscriptionDialog .modal-body .wrapPlans .onePlan.activePlan {
		 padding-top: 0.7rem;
	}
}
 .modal .subscriptionDialog .modal-body .bottomPart {
	 position: relative;
	 bottom: 0;
	 width: calc(100% + 2rem);
	 right: 0;
	 bottom: -1px;
	 background: #2d5086;
	 height: 110px;
	 border-radius: 0 0 19px 19px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 margin: -1rem;
}
 @media only screen and (max-width: 1000px) {
	 .modal .subscriptionDialog .modal-body .bottomPart {
		 width: 100%;
		 margin: 0;
		 border-radius: 0;
	}
}
 @media screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .bottomPart {
		 height: 20vh;
		 border-radius: 0;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .bottomPart {
		 height: 15vh;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .modal-body .bottomPart {
		 height: auto;
	}
}
 .modal .subscriptionDialog .modal-body .bottomPart button {
	 width: 30%;
	 font-size: 24px;
	 font-weight: 500;
	 border-radius: 30rem;
	 transform: translateY(-50%);
	 filter: drop-shadow(0px 4px 7px #2d5086);
	 padding: 0.5rem;
}
 @media screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .bottomPart button {
		 width: 40%;
	}
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .bottomPart button {
		 width: 60%;
	}
}
 @media only screen and (max-width: 375px) {
	 .modal .subscriptionDialog .modal-body .bottomPart button {
		 font-size: 18px;
		 padding: 0.3rem;
	}
}
 .modal .subscriptionDialog .modal-body .bottomPart h5 {
	 color: #fff;
	 display: flex;
	 width: 80%;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 font-size: 15px;
	 position: relative;
	 margin-bottom: 1rem;
}
 @media only screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .bottomPart h5 {
		 font-size: 13px;
	}
}
 .modal .subscriptionDialog .modal-body .conditions {
	 position: relative;
	 bottom: auto;
	 height: 35%;
	 text-align: center;
	 width: 95%;
	 padding-top: 0;
	 color: #2d5086;
	 right: 0;
	 font-size: 17px;
	 line-height: 1.4;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 flex-direction: column;
	 font-weight: 500;
	 margin-top: -5%;
}
 @media screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .conditions {
		 height: 84%;
	}
}
 @media screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .conditions {
		 font-size: 15px;
		 height: auto;
		 padding-top: 2rem;
	}
}
 .modal .subscriptionDialog .modal-body .conditions > span {
	 display: inline-block;
	 clear: both;
	 font-weight: 400;
}
 .modal .subscriptionDialog .modal-body .conditions > span:empty {
	 display: none;
}
 @media screen and (max-width: 780px) {
	 .modal .subscriptionDialog .modal-body .conditions > span {
		 line-height: 1.2;
	}
}
 .modal .subscriptionDialog .modal-body .conditions a {
	 color: #7a7f9a;
	 text-decoration: underline !important;
}
 .modal .subscriptionDialog .modal-body .conditions .morePay {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100%;
}
 .modal .subscriptionDialog .modal-body .conditions .morePay .wrapTitleOFCollapse {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .modal .subscriptionDialog .modal-body .conditions .morePay .wrapTitleOFCollapse h4 {
	 font-weight: bold;
	 font-size: 1rem;
	 margin-top: 0;
}
 .modal .subscriptionDialog .modal-body .conditions .morePay .wrapTitleOFCollapse .littleToggleIconBtn {
	 position: relative;
	 margin-inline-start: 1rem;
	 bottom: 6px;
}
 .modal .subscriptionDialog .modal-body .conditions .morePay .morePayContent h6 {
	 font-size: 0.8rem;
}
 @media screen and (max-width: 428px) {
	 .modal .subscriptionDialog .modal-body .conditions .morePay .morePayContent h6 {
		 font-size: 0.7rem;
	}
}
 .modal .subscriptionDialog .modal-body iframe {
	 border: 0;
	 min-height: 90vh;
	 position: absolute;
	 right: 0;
	 width: calc(100% + 11px);
	 top: 0;
	 padding-top: 2rem;
}
 .modal .subscriptionDialog .modal-body button.backBtn.btn {
	 position: absolute;
	 left: 2rem;
	 background-color: #000 !important;
	 border: 0;
	 color: #2d5086 !important;
	 padding: 0;
	 font-size: 24px;
	 z-index: 50;
	 display: flex;
	 align-items: center;
	 top: 1rem;
}
 .modal .subscriptionDialog .modal-body button.backBtn.btn:before {
	 content: "\ea6c";
	 transform: scaleX(-1);
}
 .modal .subscriptionDialog .modal-body button.backBtn.btn span {
	 font-family: "Rubik";
	 font-size: 1rem;
}
 .form-control {
	 border-radius: 7px;
	 border-color: #2d5086;
}
 input[type="date" i] {
	 display: flex;
	 flex-direction: row;
}
 input[type="date" i].datepickerRtl {
	 flex-direction: row-reverse;
}
 input[type="date" i]::-webkit-calendar-picker-indicator {
	 background-image: url("/sites/datedos/_static_media/public/mobile/calB.svg");
	 cursor: pointer;
	 margin: 0;
	 width: 100%;
	 background-position: 100%;
}
 input[type="date" i].datepickerRtl::-webkit-calendar-picker-indicator {
	 background-image: url("/sites/datedos/_static_media/public/mobile/calB.svg");
	 background-position: 100%;
}
 input::-webkit-datetime-edit {
	 position: absolute;
	 z-index: 0;
	 pointer-events: none;
	 margin-inline-start: 0;
	 text-align: left;
}
 input.datepickerRtl::-webkit-datetime-edit {
	 text-align: left;
}
 body.modal-open {
	 overflow-y: hidden;
	 height: 100vh;
	 position: relative;
}
 @media screen and (max-width: 780px) {
	 .infinite-scroll-component__outerdiv {
		 width: 100vw;
		 min-height: 100vh;
		/* width */
		/* Track */
		/* Handle */
		/* Handle on hover */
	}
	 .infinite-scroll-component__outerdiv ::-webkit-scrollbar {
		 width: 0px;
		 border-radius: 5rem;
		 opacity: 0;
	}
	 .infinite-scroll-component__outerdiv ::-webkit-scrollbar-track {
		 width: 0px;
		 background: transparent;
		 opacity: 0;
	}
	 .infinite-scroll-component__outerdiv ::-webkit-scrollbar-thumb {
		 width: 0px;
		 background: transparent;
		 opacity: 0;
	}
	 .infinite-scroll-component__outerdiv ::-webkit-scrollbar-thumb:hover {
		 width: 0px;
		 background: transparent;
		 opacity: 0;
	}
}
 @media screen and (max-width: 780px) and (max-width: 780px) {
	 .infinite-scroll-component__outerdiv ::-webkit-scrollbar {
		 display: none;
		 appearance: none;
		 -webkit-appearance: none;
	}
}
 input::-webkit-datetime-edit-day-field:focus {
	 background-color: transparent;
	 color: #2d5086;
}
 .termsPrivacy .brDown {
	 clear: both;
	 display: inline-block;
}
 .termsPrivacy a {
	 color: #2d5086 !important;
	 cursor: pointer;
	 text-decoration: none !important;
}
 .desktopOnly {
	 display: block;
}
 @media screen and (max-width: 780px) {
	 .desktopOnly {
		 display: none;
	}
}
 .mobileOnly {
	 display: none;
}
 @media screen and (max-width: 780px) {
	 .mobileOnly {
		 display: block;
	}
}
 .modal-backdrop.show {
	 opacity: 0.8;
}
 .carousel.galleryCarousel .carousel-inner .carousel-item {
	 border-radius: 7px;
}
 .wrapRequiredPoint {
	 position: relative;
	 width: 100%;
}
 .wrapRequiredPoint .requiredPoint {
	 position: absolute;
	 width: 8px;
	 height: 8px;
	 background: #50a5f1;
	 border-radius: 50%;
	 left: -14px;
	 top: 7px;
}
 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
	 -webkit-appearance: none;
}
 #root.fixedBackground {
	 overflow-y: hidden;
	 height: 100vh;
}
 .form-check-input:focus {
	 box-shadow: none;
}
 .floatingBtnGoUp {
	 position: fixed;
	 right: 120px;
	 left: auto;
	 bottom: 20px;
	 font-size: 40px;
	 z-index: 1;
	 filter: drop-shadow(0px 5px 5px rgba(153, 153, 153, 0.5647058824));
	 cursor: pointer;
	 border-radius: 5rem;
	 background: #7a7f9a;
	 display: flex;
	 width: 3rem;
	 height: 3rem;
	 align-items: center;
	 justify-content: center;
}
 .floatingBtnGoUp span {
	 color: white;
	 font-family: "Material Design Icons";
	 display: flex;
	 height: 100%;
	 align-items: center;
	 justify-content: center;
}
 .floatingBtnGoUp span:before {
	 font-size: 2rem;
}
 @media screen and (max-width: 780px) {
	 .floatingBtnGoUp {
		 right: 10px;
		 bottom: 60px;
	}
}
 @media screen and (max-width: 780px) {
	 .dimmer {
		 position: fixed;
		 width: 100%;
		 height: 100%;
		 top: 0;
		 left: 0;
		 background: #adb5bd;
		 opacity: 0;
		 mix-blend-mode: multiply;
		 transition: 300ms opacity linear;
		 pointer-events: none;
	}
	 .dimmer.showDimmer {
		 opacity: 1;
		 transition: 300ms opacity linear;
		 z-index: 4000;
	}
	 .toBlur {
		 transition: 300ms filter linear;
		 filter: blur(0px);
	}
	 .toBlur.blurMe {
		 transition: 300ms filter linear;
		 filter: blur(4px);
	}
	 .header {
		 transition: 300ms filter linear;
		 filter: blur(0px);
	}
	 .header.blurMe {
		 transition: 300ms filter linear;
		 filter: blur(4px);
	}
}
 @media screen and (max-width: 780px) {
	 .modal-backdrop.fade.show.fadeBlurEndeavor {
		 backdrop-filter: blur(6px);
		 background: #8f8f8f;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect {
	 padding: 4rem;
	 padding-top: 80px;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 flex-direction: column;
	 padding-inline-start: 9%;
	 position: fixed;
	 position: relative;
}
#phone_verify_popup .loginPagesWrapper.homeConnect.homeAsBG {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100vh;
}
#phone_verify_popup .loginPagesWrapper.homeConnect.homeAsBG:after {
	 content: "";
	 transition: background-color 300ms linear;
	 background-color: #000;
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 z-index: 2000;
	 pointer-events: none;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect.homeAsBG {
		 display: none;
	}
}
 @media screen and (max-width: 1300px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect {
		 padding-inline-start: 6%;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .siteLogo {
	 width: 16%;
	 margin-top: -3rem;
	 z-index: 40;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .siteLogo {
		 width: 13%;
		 margin-top: -4rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .textForDesktop,#phone_verify_popup .loginPagesWrapper.homeConnect label,#phone_verify_popup .loginPagesWrapper.homeConnect .h1,#phone_verify_popup .loginPagesWrapper.homeConnect .h2,#phone_verify_popup .loginPagesWrapper.homeConnect .h3,#phone_verify_popup .loginPagesWrapper.homeConnect .h4,#phone_verify_popup .loginPagesWrapper.homeConnect .h5,#phone_verify_popup .loginPagesWrapper.homeConnect .h6,#phone_verify_popup .loginPagesWrapper.homeConnect h1,#phone_verify_popup .loginPagesWrapper.homeConnect h2,#phone_verify_popup .loginPagesWrapper.homeConnect h3,#phone_verify_popup .loginPagesWrapper.homeConnect h4,#phone_verify_popup .loginPagesWrapper.homeConnect h5,#phone_verify_popup .loginPagesWrapper.homeConnect h6,#phone_verify_popup .loginPagesWrapper.homeConnect a {
	 font-family: "Open Sans", sans-serif;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent {
	 width: 100%;
	 display: flex;
	 flex-direction: row;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
	 width: 50%;
	 z-index: 5;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop {
	 margin-top: 0;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h1 {
	 font-size: 12rem;
	 font-weight: 800;
	 line-height: 0.9;
	 white-space: pre-line;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h1 {
		 font-size: 8rem;
	}
}
 @media screen and (max-width: 1200px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h1 {
		 font-size: 6rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h1 .specialColor {
	 color: #7a7f9a;
	 display: inline;
	 position: relative;
	 padding-inline-start: 1.4rem;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h1 .specialColor:before {
	 content: "";
	 position: absolute;
	 width: calc(100% + 25px);
	 height: 1rem;
	 background-image: url("../../images/underline.svg");
	 bottom: -4px;
	 background-repeat: no-repeat;
	 left: -25px;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h2 {
	 font-size: 4.2rem;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h2 {
		 font-size: 2.5rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h3 {
	 font-weight: 700;
	 font-size: 4.2rem;
	 margin-top: 6.4rem;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h3 {
		 font-size: 3rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop h6 {
	 font-size: 2.2rem;
	 white-space: pre-line;
	 margin-bottom: 4rem;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP {
	 margin-top: 2rem;
	 display: flex;
	 flex-direction: row;
	 width: 100%;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container {
	 margin-bottom: 0 !important;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container .phone-inner-container {
	 flex-direction: row-reverse;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="tel"] {
	 font-size: 3rem;
	 border: 1px solid #2d5086;
	 padding: 0.7rem 1rem;
	 border-radius: 0 15px 15px 0;
	 text-align: start;
	 direction: ltr;
	 color: #2d5086;
	 width: auto;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="tel"]:focus-visible {
	 border: 1px solid #2d5086;
	 outline: 0;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="tel"] {
		 font-size: 2rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="text"],#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container span {
	 font-size: 3rem;
	 border: 1px solid #2d5086;
	 color: #2d5086;
	 padding: 0.7rem 1.7rem;
	 border-radius: 15px 0 0 15px;
	 text-align: center;
	 direction: ltr;
	 border-right: 0;
	 width: auto;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="text"]:focus-visible,#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container span:focus-visible {
	 border: 1px solid #2d5086;
	 outline: 0;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container input[type="text"],#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP .phone-container span {
		 font-size: 2rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP button {
	 width: auto;
	 background: #50a5f1 !important;
	 font-size: 3rem;
	 font-weight: 600;
	 font-family: "Open Sans", sans-serif;
	 color: #fff;
	 border: 0;
	 border-radius: 15px;
	 padding: 0 4%;
	 margin-inline-start: 2rem;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapContentLP .textForDesktop .phoneLP button {
		 font-size: 2rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats {
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 align-items: center;
	 position: absolute;
	 width: 100%;
	 height: calc(100% - 8rem);
	 bottom: 0;
	 left: 0;
	 z-index: -1;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats {
		 display: none;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats {
	 width: auto;
	 color: #fff;
	 text-align: center;
	 border-radius: 4rem 4rem 4rem 0;
	 padding-top: 4rem;
	 padding-bottom: 6rem;
	 position: relative;
	 right: 0rem;
	 padding-right: 6%;
	 padding-left: 6%;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats span {
	 font-size: 4rem;
	 font-weight: 900;
	 font-family: "Open Sans", sans-serif;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats span {
		 font-size: 3rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats h6 {
	 color: #fff;
	 font-size: 2rem;
	 line-height: 0;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats.pinky {
	 background: #50a5f1;
	 width: 100%;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats.whitey {
	 background: #fff;
	 border-radius: 4rem 4rem 0 4rem;
	 width: 80%;
	 padding-top: 3rem;
	 padding-bottom: 3.5rem;
	 color: #2d5086;
	 top: -2rem;
	 right: -5rem;
	 padding-right: 4%;
	 padding-left: 4%;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats.whitey h6 {
	 color: #2d5086;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats.whitey span {
	 font-size: 4rem;
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .stats.whitey span {
		 font-size: 3rem;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .pinkyWhite {
	 position: absolute;
	 width: 23rem;
	 transform: translate(-96%, 33%);
}
 @media screen and (max-width: 1445px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .pinkyWhite {
		 width: 13%;
		 transform: translate(-83%, 33%);
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .imageTwo {
	 position: absolute;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 z-index: 0;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .imageTwo img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .homeContent .wrapstats .imageTwo {
		 display: none;
	}
}
#phone_verify_popup .loginPagesWrapper.homeConnect .headerHome {
	 position: fixed;
	 top: 0;
	 width: 100%;
	 height: 80px;
	 left: 0;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 gap: 5rem;
	 justify-content: flex-end;
	 padding-inline-end: 9%;
	 font-size: 20px;
	 color: #2d5086;
	 z-index: 10;
	 background-color: #fff;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .headerHome:before {
	 content: "";
	 width: 100%;
	 height: 0.5rem;
	 top: 0;
	 bottom: auto;
	 position: absolute;
	 left: 0;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .headerHome a {
	 font-family: "Open Sans", sans-serif;
	 font-weight: 700;
	 font-size: 2.2rem;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .headerHome a:nth-child(4) {
	 color: #50a5f1;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .termsPrivacy {
	 color: #343a40;
	 width: 54%;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .labelPrivacy {
	 width: 100%;
	 margin-bottom: 0;
}
#phone_verify_popup .loginPagesWrapper.homeConnect a {
	 font-weight: 800;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .imgBtn,#phone_verify_popup .loginPagesWrapper.homeConnect .title {
	 display: none;
}
#phone_verify_popup .loginPagesWrapper.homeConnect::before {
	 display: none;
}
#phone_verify_popup .loginPagesWrapper.homeConnect .termsPrivacy {
	 font-size: 1.7rem;
}
 @media screen and (max-width: 780px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect {
		 justify-content: space-between;
		 height: 93vh;
		 background-image: none;
		 padding: 0;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .textForDesktop,#phone_verify_popup .loginPagesWrapper.homeConnect .headerHome {
		 display: none;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .siteLogo {
		 width: 100%;
		 height: 25vh;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 margin-top: 0;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .siteLogo img {
		 width: 65%;
		 object-fit: contain;
		 object-position: center;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .title {
		 width: 100%;
		 display: flex;
		 text-align: center;
		 justify-content: center;
		 align-items: center;
		 padding: 0 5%;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .title h3 {
		 font-size: 3rem;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn {
		 height: 70%;
		 width: 100%;
		 display: flex;
		 align-items: center;
		 justify-content: flex-end;
		 flex-direction: column;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient {
		 width: 100vw;
		 height: 60%;
		 display: flex;
		 flex-direction: column;
		 justify-content: space-between;
		 align-items: center;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn {
		 width: 100%;
		 display: flex;
		 justify-content: center;
		 align-items: flex-end;
		 height: 70%;
		 position: relative;
		 top: -46px;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn:after {
		 content: "";
		 height: 34vh;
		 width: 34vh;
		 top: 0;
		 box-shadow: 0 0 0 1px #2d5086, 0 0 0 10px #fff, 0 0 0 11px #2d5086, 0 0 0 21px #fff, 0 0 0 22px #2d5086, 0 0 0 32px #fff, 0 0 0 33px #2d5086;
		 border-radius: 50rem;
		 position: absolute;
		 transform: translateY(-93px);
		 border: 10px solid #fff;
		 z-index: -8;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn .circleImage {
		 height: 34vh;
		 width: 34vh;
		 border-radius: 50rem;
		 overflow: hidden;
		 position: absolute;
		 transform: translateY(-92px);
		 border: 10px solid #fff;
		 top: 0;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn .circleImage img {
		 object-fit: cover;
		 object-position: center;
		 width: 100%;
		 height: 100%;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn button.btn.btn-secondary {
		 z-index: 50;
		 border-radius: 15rem;
		 background-color: #fff !important;
		 color: #7a7f9a !important;
		 font-size: 2.5rem;
		 font-weight: 600;
		 border: 0;
		 padding: 0.7rem 4rem;
		 filter: drop-shadow(0px 4px 3px #000 50);
		 margin-bottom: 0;
		 position: absolute;
		 bottom: 0;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .termsPrivacy {
		 color: #fff;
		 width: 95%;
		 font-size: 1.8rem;
		 padding-bottom: 1.5rem;
		 position: relative;
		 bottom: 10px;
		 text-align: center;
		 line-height: 1.5;
		 font-weight: 400;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .termsPrivacy a,#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .termsPrivacy a strong {
		 color: #fff !important;
		 font-weight: 400;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .termsPrivacy .labelPrivacy {
		 width: 100%;
		 font-weight: 400;
		 color: #fff !important;
	}
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .termsPrivacy a {
		 border-bottom: 1px solid;
		 font-weight: 400;
	}
}
 @media screen and (max-width: 780px) and (max-width: 380px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect {
		 height: 89vh;
	}
}
 @media screen and (max-width: 780px) and (max-width: 420px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .title h3 {
		 font-size: 2.4rem;
	}
}
 @media screen and (max-width: 780px) and (max-width: 420px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn:after {
		 height: 29vh;
		 width: 29vh;
	}
}
 @media screen and (max-width: 780px) and (max-width: 420px) {
	#phone_verify_popup .loginPagesWrapper.homeConnect .wrapImgBtn .wrapGradient .imgBtn .circleImage {
		 height: 29vh;
		 width: 29vh;
	}
}
 .termsPage {
	 padding: 30px;
}
 .promotionMessage {
	 max-width: 250px;
}
 .promotionMessage .specificMessage {
	 color: #959492;
	 text-align: center;
}
 .promotionMessage .generalMessage {
	 color: #7a7f9a;
	 text-align: center;
}
 
 
 #phone_verify_popup .input-group {
	 position: relative;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: stretch;
	 width: 100%;
}
 #phone_verify_popup .input-group > .form-control, #phone_verify_popup .input-group > .form-select {
	 position: relative;
	 flex: 1 1 auto;
	 width: 1%;
	 min-width: 0;
}
 #phone_verify_popup .input-group > .form-control:focus, #phone_verify_popup .input-group > .form-select:focus {
	 z-index: 3;
}
 #phone_verify_popup .input-group .btn {
	 position: relative;
	 z-index: 2;
}
 #phone_verify_popup .input-group .btn:focus {
	 z-index: 3;
}
 #phone_verify_popup .input-group-text {
	 display: flex;
	 align-items: center;
	 padding: 0.5rem 1rem;
	 font-weight: 400;
	 line-height: 1.5;
	 color: #495057;
	 text-align: center;
	 white-space: nowrap;
	 background-color: #f5f7fb;
	 border: 1px solid #e6ebf5;
	 font-size: 0.875rem;
	 border-radius: 0.25rem;
}
 #phone_verify_popup .input-group-lg > .form-control, #phone_verify_popup .input-group-lg > .form-select, #phone_verify_popup .input-group-lg > #phone_verify_popup .input-group-text, #phone_verify_popup .input-group-lg > .btn {
	 padding: 0.5rem 1rem;
	 font-size: 0.875rem;
	 border-radius: 0.25rem;
}
 #phone_verify_popup .input-group-sm > .form-control, #phone_verify_popup .input-group-sm > .form-select, #phone_verify_popup .input-group-sm > #phone_verify_popup .input-group-text, #phone_verify_popup .input-group-sm > .btn {
	 padding: 0.5rem 1rem;
	 font-size: 0.875rem;
	 border-radius: 0.25rem;
}
 #phone_verify_popup .input-group-lg > .form-select, #phone_verify_popup .input-group-sm > .form-select {
	 padding-right: 0.5rem 1rem;
}
 #phone_verify_popup .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), #phone_verify_popup .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
}
 #phone_verify_popup .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu), #phone_verify_popup .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
}
 #phone_verify_popup .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	 margin-left: -1px;
	 border-top-left-radius: 0;
	 border-bottom-left-radius: 0;
}
 
 
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}