@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Urbanist:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:wght@700&display=swap');
body{font-family: "Nunito Sans", sans-serif;}
h1,h2,h3,h4,h5{font-family: "Poppins", sans-serif;}
.hero-slider{position: relative;}
.hero-slider:after {content: '';background-image: url(../images/slider/bottom-shape.svg);position: absolute;bottom: -1px;width: 100%;height: 140px;left: 0;background-size: cover;}
#home-slider {position: absolute;top: 0;z-index: -1;}
.slider-block {height: 100vh;background-size: cover !important;background-position: bottom center !important;}
.hero-slider {height: 100vh;}
.bg-overlay {background: linear-gradient(160deg, rgba(0,0,0,1) 0%, rgba(103,25,153,1) 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 20px 0;transition: all 0.3s;}
.header.sticky {background-color: #fff;box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.16);}
.stellarnav li a {color: #fff;font-size: 16px;line-height: unset;}
header.sticky .stellarnav li a.btn-custom{color: #ffffff;}
.main-view-center {display: flex;align-items: center;height: calc(100vh - 20px);}
.main-content h1 {font-size: 64px;color: #FFFFFF;font-weight: bold;max-width: 500px;}
.main-content p {font-size: 18px;color: #fff;max-width: 400px;margin: 20px 0 0;}

.main-box-effects {max-width: 520px;border-radius: 34px;overflow: hidden;padding: 40px;position: relative;z-index: 1;margin: 0 0 0 auto;}
.main-box-effects:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: rgba(255, 255, 255, 0.24);backdrop-filter: blur(27px);}
.title-in {border-bottom: 1px solid rgba(255,255,255,0.5);padding: 0 0 30px;}
.title-in h2 {font-size: 32px;color: #FFFFFF;font-weight: bold;margin: 0;}
.title-in p {margin: 10px 0 0;color: #fff;font-weight: 400;}

header.sticky .stellarnav li a,.inner-page header .stellarnav li a {color: #1D1D1D;}
.dark-logo{display: none;}
header.sticky .dark-logo, .inner-page header .dark-logo{display: inline-block;;}
header.sticky .light-logo,.inner-page header .light-logo{display: none;}

.mid-content {padding: 30px 0 0;}
.mid-content .nav-tabs{border: 0;}
.mid-content nav {background-color: #fff;border-radius: 8px;margin: 0 0 30px;padding: 4px;overflow: hidden;}
.mid-content nav .nav-link {width: 50%;border-radius: 6px;border: 0;color: #8D8D8D;}
.mid-content nav .nav-link.active{background: linear-gradient(160deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);color: #ffffff;}

.content-area > input {height: 54px;background-color: transparent;color: #ffffff;border-color: rgba(255,255,255,0.5);border-radius: 8px;}
.content-area .form-control:focus{box-shadow: none;background-color: transparent;color: #ffffff;border-color: #ffffff;}

.content-area input::placeholder {color: #ffffff;opacity: 1; /* Firefox */}
.content-area input::-ms-input-placeholder { /* Edge 12 -18 */color: #ffffff;}

.security-code {padding: 20px 0 30px;}
.security-code a {color: #fff;font-size: 14px;font-weight: 400;}

.btn-custom {background: linear-gradient(160deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);color: #fff !important;padding: 10px 54px;border-radius: 54px;border: 0;}
.btn-custom:hover {background: linear-gradient(0deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);color: #fff;transition: all 0.4s;}
.action-form {display: flex;justify-content: space-between;align-items: center;}
.action-form p {margin: 0;color: #fff;font-size: 14px;}
.action-form p > a {color: #fff;}
.top-line {padding: 30px 0;text-align: center;color: #fff;font-weight: 600;position: relative;}
.top-line:after {content: '';left: 0;width: 44%;height: 1px;background-color: rgba(255,255,255,0.5);position: absolute;top: calc(50% - 1px);}.top-line:before {content: '';right: 0;width: 44%;height: 1px;background-color: rgba(255,255,255,0.5);position: absolute;top: calc(50% - 1px);}
.signup-or ul {padding: 0;margin: 0;list-style: none;text-align: center;}
.signup-or ul>li {display: inline-block;margin: 0 12px;}
.signup-or ul>li>a {width: 46px;height: 46px;border-radius: 46px;background-color: #fff;display: flex;align-items: center;justify-content: center;flex-flow: row;transition: all 0.3s;}
.signup-or ul>li>a:hover {transform: rotate(360deg);}

.app-download{background-color: #FBF5FF;padding: 0 0 60px;position: relative;z-index: 1;}
.app-download:after{content: '';background-image: url(../images/left-img.png);width: 144px;height: 170px;position: absolute;top: 0px;background-size: cover;background-position: center center;background-repeat: no-repeat;left: 70px;z-index: -1;}
.app-download:before {content: '';background-image: url(../images/right-img.png);width: 160px;height: 190px;position: absolute;top: -26px;background-size: cover;background-position: center center;background-repeat: no-repeat;right: 70px;z-index: -1;}
.app-view ul {padding: 0;list-style: none;margin: 0;}
.app-view ul li{display: inline-block;}
.app-view p {font-size: 32px;line-height: 44px;color: #1D1D1D;font-weight: 700;max-width: 560px;margin: 0;}
.app-view ul li a {display: inline-block;margin: 0 0 0 30px;}

.pad-block{padding: 100px 0;}

.main-title{text-align: center;margin: 0 0 60px;}
.main-title h2 {background: var(--purple, linear-gradient(270deg, #590F93 0%, #8135AE 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 40px;font-weight: bold;}
.main-title p {font-size: 16px;color: #8D8D8D;line-height: 24px;font-weight: 300;max-width: 600px;text-align: center;margin: 0 auto;}
.shade-boxes {border-radius: 24px;background: #FFF;box-shadow: 6px 6px 50px 0px rgba(59, 123, 247, 0.08);padding: 50px;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.icon-view {width: 80px;height: 80px;border-radius: 20px;background: linear-gradient(302deg, #07AB90 4.12%, #84E8A0 97.99%);display: flex;align-items: center;justify-content: center;}
.shade-boxes h4 {color: #1D1D1D;font-size: 40px;font-weight: 600;margin: 0;}
.shade-boxes p {margin: 32px 0 16px;color: #696969;font-size: 20px;}

.icon-view.male-users {background: linear-gradient(302deg, #5863FF 4.12%, #4EAEFF 97.99%);}
.icon-view.female-users {background: linear-gradient(302deg, #FF5578 4.12%, #FF755B 97.99%);}

.trusted-dating {background: linear-gradient(180deg, #F9EEFF 0%, rgba(249, 238, 255, 0.04) 100%);position: relative;z-index: 1;}
.trusted-dating:before {content: '';background-image: url(../images/dating-sect-img.svg);width: 120px;height: 200px;position: absolute;top: 64px;left: 44px;z-index: -1;background-size: contain;background-repeat: no-repeat;}
.trusted-dating:after {content: '';background-image: url(../images/dating-sect-img.svg);width: 120px;height: 200px;position: absolute;bottom: 64px;right: 44px;z-index: -1;background-size: contain;background-repeat: no-repeat;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.img-inview img,.img-inview {border-radius: 22px;max-width: 100%;}
.img-inview{position: relative;text-align: center;}


.custom-modal .modal-dialog {max-width: 800px;margin: 30px auto;}
.custom-modal .modal-body {position:relative;padding:0px;}
.custom-modal .btn-close {position:absolute;right:-30px;top:0;}

.img-inview a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.img-inview:hover a {opacity: 0.9;}

.features-boxes {border-radius: 12px;background: #FFF;box-shadow: 6px 6px 50px 0px rgba(59, 123, 247, 0.08);padding: 30px 20px;margin: 14px 4px;min-height: 256px;}
.features-boxes h3 {font-size: 20px;color: #000;margin: 20px 0 12px;}
.features-boxes p {font-size: 14px;color: #696969;line-height: 20px;}

.about-us {background: var(--purple, linear-gradient(270deg, #590F93 0%, #8135AE 100%));position: relative;z-index: 1;padding: 60px 0;overflow: hidden;}
.set-beside {position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.set-beside .img-inview{text-align: right;}
.set-beside .img-inview img,.set-beside .img-inview{border-radius: 0;}
.about-us:after {content: '';background-image: url(../images/back-net.svg);position: absolute;top: 0;left: 0;width: 20%;height: 100%;z-index: -1;background-size: cover;background-position: center right;}
.about-us .img-inview > img {max-width: unset;object-fit: cover;object-position: center center;}

.bg-gredient-in {color: #fff;}
.bg-gredient-in h3 {font-size: 40px;line-height: 52px;font-weight: 700;margin: 0 0 24px;}
.bg-gredient-in p {font-size: 16px;font-weight: 300;max-width: 480px;}
.bg-gredient-in b {font-size: 24px;font-weight: 400;margin: 0 0 14px;}


.ic-box-view{width: 80px;height: 80px;background-color: #ffffff;border-radius: 16px;display: flex;justify-content: center;align-items: center;}
.bg-gredient-in ul {padding: 0;list-style: none;margin: 50px 0 0;}
.bg-gredient-in ul > li {display: inline-flex;justify-content: center;align-items: center;margin: 0 48px 0 0;}
.ic-bx-content {margin: 0 0 0 20px;}
.ic-bx-content h4 {margin: 0;font-size: 32px;font-weight: 600;}
.ic-bx-content p {margin: 4px 0 0;font-size: 16px;}

.app-features-img {text-align: center;position: relative;}
.app-features-img img {max-width: 280px;}
.app-features-img .back-bg {position: absolute;left: 0;right: 0;margin: 0 auto;max-width: 100%;z-index: -1;top: calc(50% - 200px);}

.app-features-content h4 {font-size: 42px;line-height: 52px;color: #333333;font-weight: 600;}
.app-features-content h4 span{background: var(--purple, linear-gradient(270deg, #590F93 0%, #8135AE 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.app-features-content p {color: #8D8D8D;font-size: 16px;margin: 20px 0 25px;font-weight: 300;}

.app-features-content ul {padding: 0;list-style: none;margin: 0;}
.app-features-content ul > li {font-size: 16px;color: #333;font-weight: 600;margin: 0 0 14px;}
.app-features-content ul > li:before{content: '';}
.app-features-content ul > li:before {content: '';background-image: url(../images/arrow-view.svg);width: 22px;height: 22px;display: inline-block;margin: 0 10px 0 0;vertical-align: -6px;}

.subscribe{background: var(--purple, linear-gradient(270deg, #590F93 0%, #8135AE 100%));position: relative;z-index: 1;}
.subscribe:after {content: '';background-image: url(../images/subscribe-sect-bg.svg);top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: -1;}

.subscribe-content {max-width: 520px;}
.subscribe-content h5 {font-size: 44px;color: #fff;font-weight: 700;margin: 0;}
.subscribe-content p {color: #fff;font-size: 18px;line-height: 26px;margin: 20px 0;}
.subscribe-img img {max-width: 100%;}

.subscribe-content .content-area {position: relative;}
.subscribe-content .content-area .btn-custom {position: absolute;right: 5px;top: 5px;border-radius: 6px;background: #fff;color: #333333 !important;padding: 10px 24px;}
.content-area > input {padding-right: 134px;}
.subscribe-content .content-area .btn-custom:hover {background: linear-gradient(0deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);color: #fff;}

footer {padding: 80px 0;}
.about-company > img {margin: 0 0 30px;}

.social-mid > ul > li > a {width: 44px;height: 44px;border-radius: 44px;background-color: #E9DEFE;display: flex;align-items: center;justify-content: center;transition: all 0.4s}
.social-mid > ul > li > a:hover {background-color: #693fbd;}
.social-mid > ul > li > a:hover img {filter: brightness(0) invert(1);}
.social-mid > ul {padding: 0;list-style: none;}
.social-mid > ul > li {display: inline-block;margin: 0 24px 0 0;}
.social-mid > ul > li > a > img {max-height: 20px;}
.social-mid label {font-size: 20px;margin: 10px 0 16px;font-weight: 700;}

.links-view h6, .downloads-btn-box h6{font-size: 20px;font-weight: 800;margin: 0 0 16px;}
.links-view > ul {margin: 0;padding: 0 0 0 20px;}
.links-view > ul > li{margin: 0 0 16px;}
.links-view > ul > li > a {font-size: 16px;text-decoration: none;color: #373737;}
.links-view > ul > li > a:hover {color: #693fbd;}

.downloads-btn-box {border-radius: 18px;background: #FFF;box-shadow: 4px 4px 16px 0px rgba(96, 99, 130, 0.10);padding: 32px;}
.downloads-btn-box p {color: #373737;font-size: 16px;}
.downloads-btn-box ul{padding:0;list-style: none;margin:30px 0 0;}
.downloads-btn-box ul > li{display: inline-block;}
.downloads-btn-box ul > li > a {display: inline-block;margin: 0 20px 0 0;}
.downloads-btn-box ul > li:last-child > a {margin:0;}
.downloads-btn-box ul > li > a > img {height: 44px;}

.stellarnav .menu-toggle span.bars span {display: block;width: 22px;height: 3px;border-radius: 6px;background: #777;margin: 0 0 5px;}
.stellarnav .menu-toggle span.bars {top: 0px;vertical-align: middle;}
.stellarnav a{color: #fff;}
.sticky .stellarnav.dark .menu-toggle span.bars span {background: linear-gradient(160deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);font-weight: 600;}
.sticky .stellarnav a {color: #1d1d1d;}
.stellarnav.mobile.dark ul {background: linear-gradient(160deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);}
.stellarnav.mobile > ul > li .btn-custom {margin: 15px 20px;}

.count-down {margin: 30px 0 0;} 
.count-down p {display: none;}
#countDiv {background-color: rgba(0,0,0,0.4);color: #fff;border-radius: 12px;padding: 14px;display: flex;align-items: center;justify-content: center;text-align: center;max-width: 400px;}
#countDiv div > span {font-size: 28px;font-weight: 800;font-family: "Poppins", sans-serif;}
#countDiv > div {min-width: 100px;border-right: 1px solid #816E7B;}
#countDiv > div:last-child {border-right: 0;}


.page-wrap {position: relative;background: #fff;height: 100vh;display: flex;align-items: center;}
.login-page {padding: 50px;box-shadow:0px 0px 25px rgba(0, 0, 0, 0.1);border-radius: 20px;max-width: 520px;margin: 0 auto;}
.title-head h3 {font-size: 32px;font-weight: 800;}
.title-head p{color: #8D8D8D;margin: 0;}
hr {color: #a1a1a1;}

.form-group.input-group {height: 54px;background-color: transparent;color: #ffffff;border-color: rgba(255,255,255,0.5);border-radius: 8px;margin: 0 0 20px;}
.custom-control {justify-content: space-between;display: flex;}
.login-box .main-box-effects{margin: 0 auto;}
.login-box .mid-content nav .nav-link{width: 33.33%;padding: 10px 6px;font-size: 14px}
.space{height: 15px;}
.space-30{height: 30px;}
.form-check {color: #fff;}
.security-code {display: flex;justify-content: space-between;}
.form-check-input:checked {background-color: #792da8;border-color: #792da8;}
.hero-slider.in-view:after{display: none;}
.content-area > p {font-size: 14px;color: #fff;margin: 4px 0 0;}
.content-area .circle-success {width: 140px;height: 140px;background-color: #fff;border-radius: 140px;box-shadow: 0px 0px 0 16px rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;}
.content-area .circle-success > img {height: 110px;}
.content-area.center-view .circle-success {margin: 20px auto 0;}
.content-area.center-view .action-form {justify-content: center;}


.inner-hero {padding: 100px 0 50px;min-height: 400px;display: flex;align-items: center;position: relative;justify-content: center;z-index: 1;color: #fff;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.inner-hero:after {background: linear-gradient(160deg, rgba(0,0,0,1) 0%, rgba(103,25,153,1) 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;content: '';z-index: -1;}
.inner-hero-content {text-align: center;}
.inner-hero-content h1 {font-weight: 700;margin: 0 0 10px;}
.inner-hero-content p {font-size: 16px;margin: 0;}

.accordion-button:focus{border-color: transparent;box-shadow: none;}
.accordion-button:not(.collapsed) {background: linear-gradient(160deg, rgba(89,15,147,1) 0%, rgba(129,53,174,1) 100%);color: #fff;}
.legal-notice-content ul>li {font-weight: 700;margin: 0 0 6px;}
.legal-notice-content ul>li:last-child{margin: 0;}

.contact-form {max-width: 900px;margin: 0 auto;padding: 40px;background-color: #fff;box-shadow: 0px 4px 30px rgba(0,0,0,0.1);border-radius: 26px;}
.contact-form .form-group {margin: 0 0 20px;}
.form-group .form-control, .form-group .form-select {padding: 14px;}
.form-group .form-control:focus,.form-group .form-select:focus{box-shadow: none;}
.form-group .iti{display: block;}
.uploadfile {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--bs-body-bg);background-clip: padding-box;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-style: dashed;height: 120px;display: flex;justify-content: center;align-items: center;flex-flow: column;position: relative;}
.uploadfile input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;}
.uploadfile p {margin: 0;}
.uploadfile > img {height: 40px;margin: 0 0 4px;opacity: 0.3;}
.form-action {margin: 30px 0 0;}
.privacy_policy p {color: #6c6c6c;}
.privacy_policy h3 {font-weight: 600;font-size: 22px;margin: 0 0 15px;}
.privacy_policy h5 {font-weight: 600;margin: 0 0 15px;}


@media(max-width:1800px){
    .app-download:after{display: none;}
}
    
@media(max-width:1399px){
    .ic-box-view {width: 70px;height: 70px;}
    .ic-box-view img {height: 42px;}
    .ic-bx-content h4{font-size: 26px;}
    .ic-bx-content p{font-size: 14px;}
    .bg-gredient-in ul > li{margin: 0 30px 0 0;}
    .bg-gredient-in ul > li:last-child{margin: 0;}
    .downloads-btn-box{padding: 24px;}
}

@media(max-width:1199px){
    .main-content h1 {font-size: 54px;}
    .main-content p {font-size: 16px;}
    .main-box-effects{padding: 30px;}
    .title-in h2 {font-size: 28px;}
    .title-in p{font-size: 14px;}
    .title-in{padding: 0 0 15px;}
    .mid-content {padding: 15px 0;}
    .top-line {padding: 15px 0;}
    .app-view p {font-size: 28px;line-height: 36px;}
    .app-view ul li a > img {height: 46px;}
    .app-view ul li:first-child a {margin: 0;}
    .app-view ul li a {margin: 0 0 0 15px;}
    .app-download:before{width: 118px;height: 140px;right: 20px;}
    .pad-block {padding: 60px 0;}
    .main-title h2{font-size: 34px;}
    .main-title p {font-size: 14px;line-height: 20px;}
    .shade-boxes h4{font-size: 34px;}
    .shade-boxes p{font-size: 16px;}
    .bg-gredient-in ul > li {margin: 0 15px 0 0;}
    .ic-bx-content {margin: 0 0 0 15px;}
    .ic-box-view {width: 60px;height: 60px;border-radius: 14px;}
    .ic-box-view img {height: 36px;}
    .ic-bx-content h4 {font-size: 24px;}
    .app-features-content h4 {font-size: 34px;line-height: 42px;}
    .subscribe-content h5 {font-size: 34px;}
    .downloads-btn-box ul > li > a{margin: 0 10px 0 0;}
    .downloads-btn-box ul > li > a > img {height: 36px;}
    .subscribe-content p{font-size: 16px;}
    .signup-or ul>li{margin: 0 6px;}
}

@media(max-width:1024px){
    .logo img {height: 52px;}
    .stellarnav > ul > li{margin-right: 20px;}
    .stellarnav li a{font-size: 15px;}
    .app-view p {font-size: 26px;line-height: 28px;}
    .app-download {padding: 20px 0 40px;}
    .about-company > img {height: 50px;}
    .social-mid > ul > li{margin: 0 16px 0 0;}
    .pad-block {padding: 40px 0;}
    .main-title h2 {font-size: 30px;}
    .main-title{margin: 0 0 40px;}
    .bg-gredient-in h3 {font-size: 36px;line-height: 46px;}
    .bg-gredient-in b {font-size: 22px;}
    .app-features-content h4 {font-size: 28px;line-height: 36px;}
    .app-features-content p{font-size: 14px;}
    .app-features-content ul > li{font-size: 14px;margin: 0 0 10px;}
    .subscribe-content h5 {font-size: 28px;}
    .subscribe-content p {font-size: 14px;}
    .contact-form{padding: 30px}
}

@media(max-width:991px){
    .main-content h1 {font-size: 44px;}
    .main-box-effects {padding: 22px;}
    .btn-custom{padding: 10px 30px;}
    .app-view p {font-size: 22px;}
    .app-download {padding: 0px 0 30px;}
    .app-download:before{display: none;}
    .app-view ul{display: flex;}
    .app-view ul li a > img {height: 44px;}
    .main-title h2 {font-size: 26px;}
    .shade-boxes{padding: 24px;}
    .shade-boxes h4 {font-size: 24px;}
    .shade-boxes p {font-size: 14px;}
    .bg-gredient-in p {font-size: 14px;}
    .bg-gredient-in h3 {font-size: 30px;line-height: 38px;}
    .bg-gredient-in b {font-size: 20px;}
    .bg-gredient-in ul{margin: 30px 0 0;}
    .ic-bx-content h4 {font-size: 20px;}
    .ic-box-view {width: 50px;height: 50px;border-radius: 10px;}
    .bg-gredient-in p {font-size: 12px;}
    .ic-bx-content {margin: 0 0 0 10px;}
    .bg-gredient-in ul > li:first-child {margin: 0 0 15px 0;}
    .app-features-content h4 {font-size: 24px;line-height: 32px;}
    .links-view > ul > li > a,.about-company p, .downloads-btn-box p { font-size: 14px;}
    .social-mid > ul > li {margin: 0 6px 0 0;}
    .downloads-btn-box {padding: 14px;}
    .social-mid > ul > li > a {width: 40px;height: 40px;}
    .links-view h6, .downloads-btn-box h6 {font-size: 16px;}
    .about-company > img,.logo img {height: 44px;}
    .icon-view {width: 70px;height: 70px;border-radius: 16px;}
    .icon-view > img {height: 34px;}
    .trusted-dating:before,.trusted-dating:after{width: 80px;}
    .features-boxes h3 {font-size: 16px;}
    .features-boxes{padding: 15px;margin: 14px 0px;min-height: 250px;}
    .features-boxes h3{margin: 10px 0 6px;}
    .downloads-btn-box ul > li > a > img {height: 27px;}
    .links-view > ul > li {margin: 0 0 10px;}
    .hero-slider:after{background-position: center center;}
    #countDiv > div {min-width: 80px;}
    #countDiv div > span {font-size: 22px;}
    .smallText {font-size: 14px;}
}

@media(max-width:960px){
    header.sticky .stellarnav li a {color: #fff;}
    .sticky .stellarnav a {color: #fff;}
    .sticky .stellarnav > a {color: #1d1d1d;}
}

@media(max-width:767px){
    .main-content {text-align: center;margin: 0 0 20px;}
    .count-down {margin: 20px 0 0;}
    .main-content h1 {font-size: 28px;}
    .main-content p {font-size: 15px;margin: 0 auto;}
    .title-in h2 {font-size: 22px;}
    .security-code {padding: 15px 0 20px;}
    .app-download .d-flex {flex-flow: column;justify-content: center;}
    .app-view p {font-size: 20px;text-align: center;margin: 0 0 15px;}
    .main-title {margin: 0 0 30px;}
    .shade-boxes{margin: 0 auto 30px;max-width: 260px;}
    .features-boxes{min-height: unset;}
    .trusted-dating:before,.trusted-dating:after{display: none;}
    .set-beside {position: unset;}
    .about-us{padding-top: 0;padding-bottom: 40px;}
    .about-us .img-inview > img{max-width: 100%;}
    .about-us {display: flex;flex-flow: column-reverse;}
    .bg-gredient-in{margin: 30px 0 0;}
    .bg-gredient-in ul > li:first-child {margin: 0 15px 0 0;}
    .subscribe{padding: 40px 0 0;}
    .subscribe .row {display: flex;flex-flow: column-reverse;}
    .subscribe-content {margin: 0 0 30px;}
    .downloads-btn-box ul > li > a > img {height: 36px;margin: 0 0 15px;}
    .downloads-btn-box ul > li:last-child > a > img {margin: 0;}
    footer {padding: 40px 0;}
    .about-company > img, .logo img {height: 40px;}
    .app-features-content {margin: 40px 0 0;}
    .app-features .flex-row-reverse {margin-top: 30px;}
    #countDiv{margin: 0 auto;}
    #countDiv{max-width: 340px;}
    .main-view-center{height: unset;padding: 100px 0 80px;}
    .hero-slider {height: unset;}
    .app-features-img img {max-width: 100%;}
    .app-features-img .back-bg{max-width: 280px;z-index: -1;top: calc(50% - 120px);left: -20px;}
    .app-features-img img {max-width: 100%;}
    .social-mid {margin: 0 0 30px;}
    .hero-slider:after{display: none;}
    .inner-hero{min-height: 300px;}
    .contact-form{padding: 20px}
}

@media(max-width:575px){
    .app-features-img img {max-width: 280px;}
    .app-features-img .back-bg {max-width: 100%;z-index: -1;top: calc(50% - 26%);left: 0;}
    .downloads-btn-box ul > li > a > img{margin: 0;}
}