/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

:root {
  --bg:#151718;
  --bg2:#1B1F22;
  --heading:#222629;
  --black:#000;
  --white:#fff;  
  --blue:#1E90FF;
  --p:#A3A6AD;
  
  
  --regular:'SatoshiRegular';
  --medium:'SatoshiMedium';
  --light:'SatoshiLight';
  --bold:'SatoshiBold';
  --black-f:'SatoshiBlack';
}

*{margin: 0; padding: 0; box-sizing: border-box;} 
body,html{font-size: 16px; color:var(--black); font-family:var(--regular); font-weight: 400; font-style: normal; box-sizing: border-box;}
html{scroll-padding-top: 10rem;}
body{background: var(--bg);}
a{text-decoration: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; color:var(--sky-blue);}
button{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
ul{margin: 0; padding: 0; list-style: none;}
img{max-width: 100%;}
.paddTop0{padding-top: 0 !important;}
.btn-group-box .btn{margin-right: 15px;}
.btn-group-box .btn:last-child{margin-right: 0;}
.section-padding{padding:100px 0px;}
.white{color: var(--white);}
.btn{height: 44px; line-height: 42px; padding:0px 25px; font-size: 15px; font-family: var(--medium); border: none; border-radius:110px; background:var(--blue); color: var(--white);}
.btn:hover{background: var(--black); color: var(--white);}




h1 { font-size:34px; }
h2 { font-size:28px }
h3 { font-size:26px; }
h4 { font-size:24px; }
h5 { font-size:20px; }
h6 { font-size:18px; }

p{color: var(--p); font-size: 16px; line-height: 28px;}

.transform-scale-07{transform: scale(0.7);}
.transform-scale-08{transform: scale(0.8);}
.transform-scale-09{transform: scale(0.9);}
.transform-scale-1{transform: scale(1);}
.transform-scale-1-1{transform: scale(1.1);}
.transform-scale-1-2{transform: scale(1.2);}
.transform-scale-1-3{transform: scale(1.3);}
.transform-scale-1-4{transform: scale(1.4);}
.transform-scale-1-5{transform: scale(1.5);}
.mr-bot0{margin-bottom: 0 !important;}
.border0{border: none !important;}
.padd-left-35{padding-left: 35px;}
.mar-top50{margin-top: 50px;}
.mar-bot50{margin-bottom: 50px;}
.mar-top80{margin-top: 80px;}
.mar-left-right50{margin-left: 50px; margin-right:50px;}
.mar-left-right80{margin-left: 80px; margin-right:80px;}
.mar-top-bottom50{margin-top: 50px; margin-bottom:50px;}
.mar-top-bottom30{margin-top: 30px; margin-bottom:30px;}
.padd-top-bottom50{padding-top: 50px; padding-bottom:50px;}
.mr-left-right45{margin-left: 45px; margin-right: 45px;}
.padd0{padding: 0 !important;}
.mr0{margin: 0 !important;}
.padd-top89{padding-top: 89px !important;}
hr{margin: 25px 0px;}
.padd20{padding: 20px;}
.padd30{padding: 30px;}
.padd-bot0{padding-bottom: 0;}
.ml-50{margin-left: 50px}

.white-bg{background:var(--white); border: 1px solid var(--border); border-radius: 30px;}


.light-bg{background: var(--white) !important;}
.marTop40{margin-top: 40px;}
.form-check-input:checked{background-color: var(--brown); border-color: var(--brown);}
.site-bg{padding-top: 88px;}


@font-face {
  font-family: 'SatoshiRegular';
  src: url('../fonts/SatoshiRegular.eot');
  src: url('../fonts/SatoshiRegular.eot') format('embedded-opentype'),
       url('../fonts/SatoshiRegular.woff2') format('woff2'),
       url('../fonts/SatoshiRegular.woff') format('woff'),
       url('../fonts/SatoshiRegular.ttf') format('truetype'),
       url('../fonts/SatoshiRegular.svg#SatoshiRegular') format('svg');
}

@font-face {
  font-family: 'SatoshiMedium';
  src: url('../fonts/SatoshiMedium.eot');
  src: url('../fonts/SatoshiMedium.eot') format('embedded-opentype'),
       url('../fonts/SatoshiMedium.woff2') format('woff2'),
       url('../fonts/SatoshiMedium.woff') format('woff'),
       url('../fonts/SatoshiMedium.ttf') format('truetype'),
       url('../fonts/SatoshiMedium.svg#SatoshiMedium') format('svg');
}

@font-face {
  font-family: 'SatoshiLight';
  src: url('../fonts/SatoshiLight.eot');
  src: url('../fonts/SatoshiLight.eot') format('embedded-opentype'),
       url('../fonts/SatoshiLight.woff2') format('woff2'),
       url('../fonts/SatoshiLight.woff') format('woff'),
       url('../fonts/SatoshiLight.ttf') format('truetype'),
       url('../fonts/SatoshiLight.svg#SatoshiLight') format('svg');
}

@font-face {
  font-family: 'SatoshiBold';
  src: url('../fonts/SatoshiBold.eot');
  src: url('../fonts/SatoshiBold.eot') format('embedded-opentype'),
       url('../fonts/SatoshiBold.woff2') format('woff2'),
       url('../fonts/SatoshiBold.woff') format('woff'),
       url('../fonts/SatoshiBold.ttf') format('truetype'),
       url('../fonts/SatoshiBold.svg#SatoshiBold') format('svg');
}

@font-face {
  font-family: 'SatoshiBlack';
  src: url('../fonts/SatoshiBlack.eot');
  src: url('../fonts/SatoshiBlack.eot') format('embedded-opentype'),
       url('../fonts/SatoshiBlack.woff2') format('woff2'),
       url('../fonts/SatoshiBlack.woff') format('woff'),
       url('../fonts/SatoshiBlack.ttf') format('truetype'),
       url('../fonts/SatoshiBlack.svg#SatoshiBlack') format('svg');
}

/*--------------------------------------------------------------------------------------*/
/*header-css-here
/*--------------------------------------------------------------------------------------*/

header{position: fixed; left: 0; top: 0; width: 100%; z-index: 999; padding: 15px 0px;}
.header-inner{display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9;}
.navbar ul li a{font-size: 15px; color:var(--white); font-family: var(--medium); padding: 10px 15px !important;}
.navbar ul li a.active{color: var(--white) !important;}
.navbar ul li a:hover{color: var(--blue) !important;}
.shape1{position: absolute; left: 0; top: -90px;}
.fixed header{background:rgba(0,0,0,0.7);}




/*--------------------------------------------------------------------------------------*/
/*home-page-css-here
/*--------------------------------------------------------------------------------------*/

.slider-section{position: relative;}
.slider-section .col-md-6{display: flex; align-items: center;}
.slider-des{width: 100%; position: relative;}
.slider-image{width: 100%; text-align: center;}
.shape2{position: absolute; right: 0; bottom: -200px;}
.slider-des h1{font-size: 62px; color: var(--white); font-family: var(--black-f); margin-bottom: 15px;}
.slider-des p{font-size: 18px;}
.get-app-btn{margin-top: 25px;}
.dot-img{position: absolute; bottom:30%; left: -70px;}
.scroll-down{margin-top: 50px;}
.scroll-down a{display: flex; align-items: center; color: var(--white);}
.scroll-down a i{font-size: 24px; margin-right: 10px;}
.scroll-down a span{font-size: 14px; font-family: var(--medium);}
.scroll-down a:hover{color: var(--blue);}
.app-info-section-inner{padding: 50px 0px; background: var(--bg2); border-radius: 20px;}
.app-info-box{text-align: center;}
.app-info-box i{margin: auto;}
.app-info-box span{display: block; width: 100%; text-align: center; margin-top: 15px; font-size: 18px; color: var(--white); font-family: var(--bold);}
.section-head{margin-bottom: 30px;}
.section-head h5{font-size: 20px; font-family: var(--bold); color: var(--blue);}
.section-head h2{font-size: 56px; color: var(--white); font-family: var(--bold); line-height:60px; margin-bottom: 15px;} 
.features-section .accordion-item{margin-bottom: 16px; border: none; background: var(--heading); border-radius: 20px !important; overflow: hidden;}
.features-section .accordion-item:last-child{margin-bottom: 0;}
.features-section .accordion-header button:after{content: none;}
.features-section .accordion-header button{background: var(--heading); border-radius: 20px; box-shadow: none !important;}
.features-section .accordion-button{display: flex; align-items: flex-start;}
.features-section .accordion-button figure{flex:0 0 24px; max-width: 24px; margin: 0;}
.features-section .accordion-button figcaption{flex:1; padding-left: 20px;}
.features-section .accordion-button figcaption h3{margin: 0; font-size: 18px; color: var(--white); font-family: var(--bold);}
.features-section .accordion-button:not(.collapsed){background: var(--heading); border-radius: 20px !important; border: none;}
.features-section .accordion-body{padding-top: 0;}
.features-section .accordion-body p:last-child{margin-bottom: 0;}
.features-images{width: 100%; text-align: center;}
.features-section{position: relative;}
.features-section .col-md-6{display: flex; align-items: center;}
.features-section .shape2{bottom: 0;}
.screenshots-section{background: var(--bg2);}
.screenshots-section .thumbnail.item img{border-radius: 20px;}
.screenshots-section .owl-nav{margin-top: 15px;}
.screenshots-section .owl-nav button{margin-right: 15px;}
.screenshots-section .owl-nav button:last-child{margin-right: 0;}
.screenshots-section .owl-nav button span{font-size: 33px;}
.screenshots-section .owl-nav button.owl-prev span{color: #92D0FF;}
.screenshots-section .owl-nav button.owl-next span{color: #3772FF;}
.profile-chat-rate-match-bg{background: #151718;}
.profile-chat-rate-match-inner{padding: 0px 225px;}
.profile-chat-rate-des{display: flex; padding-right: 50px; margin-bottom: 50px;}
.profile-chat-rate-des figure{flex:0 0 65px; max-width: 65px; margin: 0;}
.profile-chat-rate-des figcaption{flex: 1; padding-left: 25px;}
.profile-chat-rate-des h3{font-size: 20px; margin-bottom: 5px; font-family: var(--bold); color: var(--white);}
.profile-chat-rate-des p{margin: 0;}
.profile-chat-rate-match-inner .col-md-6:nth-child(3) .profile-chat-rate-des{margin-bottom: 0;}
.profile-chat-rate-match-inner .col-md-6:nth-child(4) .profile-chat-rate-des{margin-bottom: 0;}
.testimonials-section{background:#0A2D4F;}
.testimonials-section .section-head{text-align: center;}
.testimonials-section .col-md-4{display: flex;}
.testimonials-box{width: 100%; background: #161D2F; margin-bottom: 30px; padding: 15px; border-radius: 20px;}
.testimonials-head{display: flex; align-items: center; margin-bottom: 10px;}
.testimonials-head figure{margin: 0; flex:0 0 55px; max-width: 55px;}
.testimonials-head figcaption{flex: 1; padding-left: 15px; font-size: 20px; font-family: var(--bold); color: var(--white);}
.testimonials-box p{margin: 0;}
.faq-section{position: relative;}
.faq-section .section-head{text-align: center;}
.faq-section .accordion-button:not(.collapsed){background: none; border: none; box-shadow: none; border-bottom: solid 1px #252525;}
.faq-section .accordion-item{background: none; border: none;}
.faq-section .accordion-button{background: none; border: none; box-shadow: none; outline: none; font-size: 22px; color: var(--white); font-family: var(--bold); padding:20px 0; border-bottom: solid 1px #252525;}
.faq-section .accordion-button:after{width: 24px; height: 24px; background: url(../images/white-drop.png) no-repeat;}
.faq-section .accordion-button:not(.collapsed):after{width: 24px; height: 24px; background: url(../images/white-drop-active.png) no-repeat;}
.faq-section .accordion-body{padding: 0;}
.faq-section .accordion-body p:last-child{margin-bottom: 0;}
.app-download-section{background:#1B1F22;}
.app-download-section .col-md-6{display: flex; align-items: center;}
.app-image{width: 100%; text-align: center;}
.app-download-des h2{font-size: 50px; color: var(--white); font-family: var(--bold); margin-bottom: 25px;}
.app-download-des p{font-size: 18px;}
.app-btn{display: flex; align-items: center; margin-top: 30px;}
.app-btn a{margin-right: 25px;}
.app-btn a:last-child{margin-right: 0;}

/*--------------------------------------------------------------------------------------*/
/*footer-css-here
/*--------------------------------------------------------------------------------------*/


.top-footer{padding: 30px 0px; border-bottom: solid 1px #C0C0C0;}
.follow-us-box{display: flex; align-items: center;}
.follow-us-box h5{font-size: 14px; color: var(--white); margin-bottom: 0; margin-right: 15px;}
.follow-us-btn{display: flex; align-items: center;}
.follow-us-btn a{margin-right: 15px;}
.follow-us-btn a:last-child{margin-right: 0;}
.bottom-footer{display: flex; align-items: center; justify-content: space-between; padding:30px 0px;}
.f-menu ul{display: flex; align-items: center;}
.f-menu ul li{margin-right: 20px;}
.f-menu ul li:last-child{margin-right: 0;}
.f-menu ul li a{font-size: 14px; color: var(--white);}
.copyright{font-size: 14px; color: var(--white); font-family: var(--bold);}