body,html {height: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; background: #fff; line-height: 1.2; font-weight: 400 !important;}

/*---------------Font Start---------------*/
.font-weight-bold{font-weight: 700 !important; font-family: 'Poppins', sans-serif;}
.font-weight-semibold{font-weight: 600 !important; font-family: 'Poppins', sans-serif;}
.font-weight-medium{font-weight: 500 !important; font-family: 'Poppins', sans-serif;}
.font-weight-normal{font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
.font-weight-light{font-weight: 300 !important; font-family: 'Poppins', sans-serif;}

.righteous-regular {font-family: "Righteous", sans-serif; font-weight: 400; font-style: normal;}


/*---------------Font familly End---------------*/

/*---------------Font Size---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-48{font-size:48px;}
.font-size-55{font-size:55px;}
.font-size-60{font-size:60px;}
.font-size-70{font-size:70px;}
.line-hight-1{line-height: 1;}
.line-hight-2{line-height: 1.1;}
.line-hight-22{line-height: 1.2;}
.line-hight-3{line-height: 1.4;}
.line-hight-4{line-height: 1.8;}
.line-hight-normal{line-height: normal;}
.leter1{letter-spacing: 1px;}
.shadow-sm {box-shadow: 0 .125rem 1.25rem rgba(0,0,0,.075) !important;}
.rounded-10 {border-radius: 10px !important;}
.rounded-16 {border-radius: 16px !important;}
.btn {border-radius: .42rem;}

/*---------------Font Size End---------------*/

.form-control {height: calc(2em + .75rem + 2px); font-size: 14px; border-color:#CFCADD; }
.form-control:focus {box-shadow: none;}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {outline: none !important;}

body ::-webkit-input-placeholder {color: #969696; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
body ::-moz-placeholder {color: #969696; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
body :-ms-input-placeholder {color: #969696; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
body :-moz-placeholder {color: #969696; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}

.custom-file-input {height: calc(2em + .75rem + 2px);}
.custom-file-label {height: calc(2em + .75rem + 2px); padding: .375rem .75rem; line-height: 2; font-size: 14px;}
.custom-file-label::after {height: calc(2em + .75rem); padding: .375rem .75rem;	line-height: 2;}

/*---------------Text Color Start---------------*/
.text-dark{color: #330C1B !important;}
.text-muted {color: #2E2E2E !important;}
.text-gray {color: #2E2E2E !important;}
.text-secondary {color: #5C5C5C !important;}
.text-mutedlight {color: #979797 !important;}
.text-danger {color: #D9206C !important;}
.text-success {color: #42A813 !important;}
.text-bluelight {color: #502D86;}
.text-redmarum {color: #5E0E37;}

/*---------------Text Color End---------------*/

/*---------------Button Start---------------*/
.btn.focus, .btn:focus {outline: 0 !important; box-shadow: none !important;}
.btn-danger {background-color: #D9206C; border-color: #D9206C;}
.btn-danger:hover, .btn-check:focus + .btn-danger, .btn-danger:focus {background-color: #C31A60; border-color: #C31A60;}

.btn-primary {background-color: #0099da; border-color: #0099da;}
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #0287bf; border-color: #0287bf;}

.btn-light {background-color: #F2F0F0; border-color: #F2F0F0; color: #606060;}
.btn-light:hover, .btn-check:focus + .btn-light, .btn-light:focus {background-color: #D9206C; border-color: #D9206C; color: #fff;}

.btn-outline-secondary {color: #210053; border-color: #A796BF;}
.btn-outline-secondary:hover, .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {background-color: #D9206C; border-color: #D9206C;}

.btn-outline-danger {color: #d9206c; border-color: #d9206c; background-color: #fff;}
.btn-outline-danger:hover, .btn-check:focus + .btn-outline-danger,.btn-outline-danger:focus {background-color: #C31A60; border-color: #C31A60;}

/*---------------Button End---------------*/

/*---------------BG Background Start---------------*/
.bg-primary{background-color: #000000 !important;}
.bg-light{background-color: #e6e7e8 !important;}
.bg-dark {background-color: #000000 !important;}
.bg-danger {background-color: #330C1B !important;}
.bg-dangerlight {background-color: #FFE9EF !important;}
/*---------------BG Background End---------------*/

body.pad {padding-top: 68px;}
.header-top nav{background: #F7E5EE; box-shadow: 0px 4px 4px rgba(42, 3, 20, 0.15);}
.home-banner {padding-top: 3rem; padding-bottom: 6rem; background-position: left top !important;}
.people-view {width: 70px; height: 70px; left: -20px;}

.welcome-wedinner{border: 1px solid #D6D6D6;}

.findyour-match{}
.findyour-match {background-image: url(../images/findyour-match-top.png), url(../images/findyour-match-bottom.png); background-position: 98% 10px, 70% 90%; background-repeat: no-repeat;}
.form-select {background-color: #2B0A17; padding-left: 14px !important; color: #fff; background-image: url("../images/dropdown-arrow.png"); border: 1px solid rgba(255, 255, 255, 0.15); background-size: 13px 15px;}
.welcome-box {border-color: #D6D6D6 !important;}

.welcome-wedinner-mad {margin-top: -50px;}
.add-your-location { margin-top: 40px;}
.add-your-location-bg {filter: blur(4px); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-size: cover !important; background-position: right bottom !important; border: 1px solid rgba(0, 0, 0, 0.5); z-index: 0;}
.add-your-location .container{z-index: 2;}

.detectcurrent-location{}
.detectcurrent-location {
  background-image: url(../images/detectcurrent-location-left.png), url(../images/detectcurrent-location-right.png), url(../images/detectcurrent-location-bottom.png); 
  background-position: 0 70px, right 50%, 80% bottom; 
  background-repeat: no-repeat;}

.location-box {border: 1px solid #EFF0F7; box-shadow: 0px 2px 6px rgba(19, 18, 66, 0.07); border-radius: 50rem !important; padding: 11px 2px 11px 14px;}
/*.location-box button {border-right: 2px solid #B9B9B9 !important;}*/
.location-drop button {background-color: #ECECEC;}
/*.location-box button::after {background: url("../images/location-dropdown-arrow.png") no-repeat; width: 13px; height: 12px; border: none; margin-left: 0.8em; margin-right: 12px;}*/
.location-box .location-search-icon {background: url("../images/location-icon.png") no-repeat; background-position: left center; padding-left: 30px;}

.location-box .location-search-icon::-webkit-input-placeholder {color: #979797; font-size: 18px;}
.location-box .location-search-icon:-moz-placeholder {color: #979797; font-size: 18px;}
.location-box .location-search-icon::-moz-placeholder {color: #979797; font-size: 18px; }
.location-box .location-search-icon:-ms-input-placeholder {color: #979797;  font-size: 18px;}

.social_media a {background: url(../images/social-media_icon.png) no-repeat; width: 30px; height: 30px; display: inline-block;}
.social_media a.fb{background-position: -2px -1px;}
.social_media a.ig{background-position: -39px -1px;}
.social_media a.yt{background-position: -78px -2px;}
.social_media a.in{background-position: -116px -1px;}

.app-left-bg {background: url(../images/app-left-bg.png) no-repeat; width: 531px; height: 376px; margin-top: 1vw; position: relative;}
/*.app-section-left {margin-left: 15.4vw;}*/
.app-section-left .users {left: 2px; top: 1px; width: 19.5rem; height: 19.5rem;}
.app-section-left .year {left: 286px; top: 0px; width: 13rem; height: 13.3rem;}
.app-section-left .scor {left: 211px; top: 161px; width: 13.5rem; height: 13.5rem;}
.app-section .app-section-text {font-size: 10vw; font-weight: 600; left: 14vw; top: -5.5vw; color: rgba(255, 255, 255, 0.1);}
.app-section .downloadhere a {
    display: block !important;
    width: 300px;
    border: 3px solid white;
}
.app-section .downloadhere img {
    width: 300px !important;
}

.welcome-to-our-wedinner-bg {
    border: 2px solid red !important;
}

.ourlovers{background: linear-gradient(100.39deg, #EAFBFF 1.21%, #FAF1FE 98.84%);}
.ourlovers-dot {left: 0; right: 0; top: -60px; margin: 0 auto; max-width: 230px;}
footer.footer {background-size: cover !important; background-position: center bottom !important;}

.subscribe-bor{border: 1px solid rgba(255, 255, 255, 0.5); background: linear-gradient(90deg, #411F30 0%, #4A2733 50%, #46212F 100%);}

.form-field {background-color: #2B0A17; color: #fff; border: 1px solid rgba(255, 255, 255, 0.15);}
.subscribe-btn {padding-top: 7px; padding-bottom: 7px;}

.footer-social i {width: 34px; height: 34px; background: #4C2A39; line-height: 34px; text-align: center; border-radius: 4px;}
.menufooter a {border: 1px solid #5E414C; border-radius: 6px;}
.copyright {border-top: 1px solid #96808A;}

footer {padding: 1.8rem 0;}
.homepad {padding-top: 4.5rem; padding-bottom: 4.5rem;}

.subscribe-wrapper .form-field {background-color: #401F2B; border-color: rgba(255, 255, 255, 0.5); color: #FFE8F3;}
.subscribe-wrapper .form-field::-webkit-input-placeholder {color: #FFE8F3; font-size: 16px;}
.subscribe-wrapper .form-field:-moz-placeholder {color: #FFE8F3; font-size: 16px;}
.subscribe-wrapper .form-field::-moz-placeholder {color: #FFE8F3; font-size: 16px; }
.subscribe-wrapper .form-field:-ms-input-placeholder {color: #FFE8F3;  font-size: 16px;}

.blog-img-claim {background: url(../images/blog-img-claim.png) no-repeat; left: 21px; bottom: 20px; padding: 4px 12px 6px 30px;}

.price-card-box .price-card-img {background-size: cover !important; background-position: center !important;}
.ladyfree {background-color: #3B1211;}
.price-dot {background-position: center !important;}
.mamberpage {background-image: url(../images/membership-bg-left-top.png), url(../images/membership-bg-right-top.png), url(../images/membership-bg-left-bottom.png), url(../images/membership-bg-right-bottom.png); background-position: 0 0, right 0%, left bottom, right bottom; background-repeat: no-repeat;}
.login {background-size: cover !important; background-position: center !important;}
.login-left {background-size: cover !important; background-position: center bottom !important; border-bottom-right-radius: 10px;}

.signupbg {background-image: url(../images/signup-bg-top.png), url(../images/signup-bg-bottom.png); background-position:90% top, 14% bottom; background-repeat: no-repeat;}
.signup-close {left: 22px; top: 22px;}

.step-left-menu li a {color: #544C5E; text-decoration: none; font-size: 16px; padding: 9px 0 9px 56px;}
.step-left-menu .step-left-box {width: 36px; height: 36px; background:#5E0E37 url(../images/step-left-menu.png) no-repeat; border-radius: 100%;	left: 0; top: 0px;z-index: 3; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.step-left-menu::before {content: ""; z-index: 1; display: block; width: 9px; top: 5px;	bottom: 5px; background: #D9D9D9; position: absolute; left: 14px;}
.step-left-menu li.active::before {content: ""; display: block; width: 9px; top: 5px; position: absolute; left: 14px; box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 28px; background: #CB3280; z-index: 1; height: 47px;}
.step-left-menu li.active a{font-weight: 500;}
.step-left-menu li {margin: 2rem 0; z-index: 2;}
.step-left-menu .step-left-01{background-position: 9.5px 9.5px;}
.step-left-menu .step-left-02{background-position: 9.5px -61.5px;}
.step-left-menu .step-left-03{background-position: 9.5px -132.5px;}
.step-left-menu .step-left-04{background-position: 9.5px -199.5px;}
.step-left-menu .step-left-05{background-position: 9.5px -270.5px;}

.step-left-menu li.active .step-left-01{background-position: -40.5px 9.5px;}
.step-left-menu li.active .step-left-02{background-position: -40.5px -61.5px;}
.step-left-menu li.active .step-left-03{background-position: -40.5px -132.5px;}
.step-left-menu li.active .step-left-04{background-position: -40.5px -199.5px;}
.step-left-menu li.active .step-left-05{background-position: -40.5px -270.5px;}

.email-veryfy {right: 15px; top: 32px;}
.disabled-field {opacity: 0.3;}

.signup-col .logo-mad {margin-top: -25px !important;}
.step-left-menu li.active.complete .step-left-box {background-color: #D9206C;}
.step-left-menu li.active.complete::before {height: 88px;}
.step-left-menu li.active.complete a {color: #D9206C; background: url(../images/verified-icon.png) no-repeat; background-position: 53px 6px; padding-left: 89px; background-size: 26px;}
.select-drop {padding-left: 14px !important; color: #8C98B4; background: url("../images/dropdown-arrow.png") no-repeat;	background-position: 94% center;}

.checkcontainer {position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkcontainer input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {height: 18px; width: 18px; background-color: #eee; display: inline-block; border-radius: 4px;}
.checkcontainer input:checked ~ .checkmark {background-color: #D9206C;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkcontainer input:checked ~ .checkmark:after {display: block;}
.checkcontainer .checkmark::after {left: 5.4px; top: 2px; width: 7px; height: 11px;	border: solid white; border-width: 0 3px 3px 0;	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);	transform: rotate(45deg);}
.map iframe{height: 100%;}
.add-your-location-img img {border: 5px solid #fff; border-radius: 5px;}
.add-your-location-img {padding-right: 3rem; margin-bottom: 2rem;}
.add-your-location-img02 {right: -1rem; bottom: -3.5rem; width: 20vw;}
.homedate .form-control {background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.15); height: calc(1.6em + .75rem + 1.6px);}

.homedate .form-control::-webkit-input-placeholder {color: #fff; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
.homedate .form-control::-moz-placeholder {color: #fff; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
.homedate .form-control:-ms-input-placeholder {color: #fff; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}
.homedate .form-control:-moz-placeholder {color: #fff; opacity: 1; font-weight: 400 !important; font-family: 'Poppins', sans-serif;}

.producthome-left {height: 801px; overflow-y: auto;}


.gm-style .gm-style-iw-c {background-color: #330C1B !important;}
.gm-style .gm-style-iw-tc::after {background: #330c1b !important;}
.mapbox .tooltip-call {color: #A4A4A4;}
.mapbox .tooltip-call h5 {color: #fff; text-transform: capitalize; margin-bottom: 10px; font-family: "Righteous", sans-serif;}

.mapbox-row {display: flex;	flex-wrap: wrap;}
.mapbox-row .tooltip-img-map {flex: 0 0 auto; width: auto; border: 1px solid #fff;}
.mapbox-row .tooltip-call {color: #A4A4A4; flex: 1 0 0%; padding-left: 15px;}
.mapbox .tooltip-date-call a i {color: #856D76 !important;}
.tooltip-date-call {display: flex;}
.mapbox .tooltip-date-call lable {width: auto !important; margin-right: 0.4rem;}
.mapbox lable i {font-size: 1.6em !important;}
.tooltip-date-call {display: flex; padding-bottom: 10px; padding-top: 10px;}
.mapbox .tooltip-date-button .lable_btn {width: 100% !important; padding: 0 !important; margin-bottom: 0;}
.mapbox .tooltip-date-button .lable_btn .btn {border-radius: 5px !important; font-size: 1rem; text-decoration: none; padding: 8px; font-family: 'Poppins', sans-serif; font-weight: 500;}
.gm-style-iw-ch {position: absolute;}

.gm-ui-hover-effect > span {background-color: #fff;}
#map .gm-ui-hover-effect {position: absolute !important; right: 0; top: 0; width: 34px !important; height: 34px !important;	opacity: 1 !important;}
#map .gm-ui-hover-effect span {margin: 5px !important;}
.mapbox {padding-top: 12px;}
.mapbox lable.pay-type {font-family: 'Poppins', sans-serif !important;}

.copyright .form-control {-webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; height: calc(1.4em + .75rem + 4px); border: none !important;}

.iti.iti--separate-dial-code {width: 100%;}
.iti.iti--separate-dial-code .form-control {padding-left: 90px !important;}

div:where(.swal2-icon) {width: 3.5em !important; height: 3.5em !important; margin: 1.4em auto .6em !important;}
div:where(.swal2-icon).swal2-success .swal2-success-ring {border: .25em solid #F7BFD6 !important;}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {background-color: #D9206C !important;}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {top: 1.775em !important;	left: .7125em !important;	width: 1.1625em !important;}
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] {top: 1.578em !important;	width: 1.738em !important;}
div:where(.swal2-container) div:where(.swal2-popup) {width: 24em !important;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {background-color: #D9206C !important;}
div:where(.swal2-container) div:where(.swal2-html-container) {padding: 0.2em 1.6em .3em !important;}
div:where(.swal2-container) div:where(.swal2-actions) {margin: .35em auto 0 !important;}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {top: 1.618em !important; width: 2em !important;	height: 0.313em !important;}
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] {left: 0.9em !important;}
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] {right: 0.7em !important;}

.w-40{
  width: 40% !important;
}









