/* 01 : Website Global CSS BOF
========================================================== */

body,html {height: 100%; }
body { background:#050529;font-family: 'Supreme', sans-serif; font-weight:normal; font-size:16px; line-height:normal; color:#69697F;  text-transform: none;} 
*, html { margin:0; padding:0;  }
a { color:#4D4D4D; display: inline-block;} /* Common color hyperlink */
a:hover, a:focus, a:active { color:#07E992; text-decoration:none; } /* Common hover color hyperlink */
a, *:hover, *:focus, *:active :focus { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; }
ul { list-style:none; margin:0; padding:0; } 
i { font-family:'FontAwesome'; } 
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }

/* Transition Effect CSS BOF */
a, i, input { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; 
-o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; }

/* Browser Selection CSS BOF */
::selection { background:#07E992; color:#fff; } ::-moz-selection { background:#07E992; color:#fff; } 
::-webkit-selection { background:#07E992; color:#fff; } ::-o-selection { background:#07E992; color:#fff; } 
::-ms-selection { background:#07E992; color:#fff;  }

p a{color:#07E992;}
p a:hover{text-decoration:underline;}

/* 02 : Global Classes CSS BOF
==================================================== */  

::-webkit-scrollbar{width: 6px; height: 4px; background: #ffffff; }
::-webkit-scrollbar-thumb{ background-color: #07E992; -webkit-border-radius:30px;  }
/* Only FireFox */
html {scrollbar-color: #07E992 #fff; scrollbar-width: thin; scrollbar-border-radius:30px;}


/* Background & Color Style CSS BOF
=================================================== */

.none{display: none !important;}

/* Font Color Style CSS BOF */
	.white_text{color:#fff !important; }
	.black_text{color:#000 !important; }
	.black_text_v1{color:#050529 !important; }
	.grey_text{color: #5F6368 !important;}
	.theme_text{color: #07E992 !important;}
	


/* Background Color Style CSS BOF */

	.black-bg-overlay{background: #000;}
	

/*upload image background*/
	.upload-background{background: #EDEDED}
	.border-box{border:1px solid #eee; }

/* 03 : Heading Style CSS BOF
=================================================== */
	h1, h2, h3, h4, h5, h6 {font-family: 'Supreme', sans-serif; line-height:normal; font-weight: bold;  font-style:normal;}

	h1 { font-size:57px;}
	h2 { font-size:40px;}
	h3 { font-size:36px;}
	h4 { font-size:30px;}
	h5 { font-size:20px;}  
	h6 { font-size:18px;}


	.h1 { font-size:57px;}
	.h2 { font-size:40px;}
	.h3 { font-size:36px;}
	.h4 { font-size:30px;}
	.h5 { font-size:20px;}  
	.h6 { font-size:18px;}


	.font-50{font-size: 50px !important; line-height: 1.2;}
	.font-24{font-size: 24px !important; line-height: 1.4;}
	.font-22{font-size: 22px !important; line-height: 1.4;}
	.font-20{font-size: 20px !important; line-height: 1.4;}

/* Font Weight Variation CSS BOF */
	.font-rg { font-weight:normal !important;}
	.font-bl { font-weight:bold !important;}
	.font-ebl { font-weight:800 !important;}
	.font-md {font-weight:500 !important;}

/* 04 : Paragraph Style CSS BOF
=================================================== */
	p { line-height:24px;font-family: 'Supreme', sans-serif; color: #69697F; font-size: 16px; font-weight: normal; font-style:normal; margin-bottom: 16px; font-weight: normal;}

/* 05 : Image Style CSS BOF
=================================================== */
	img { margin-bottom:0; } /*margin-bottom:5px*/

/*** Buttton Varilation CSS BOF ***/
.btn{background-color:#07E992;padding: 15px 50px 15px;font-size: 20px;font-weight:500;font-family: 'Supreme', sans-serif;transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-webkit-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;border-radius:10px;border:1px solid #07E992;box-shadow:none;min-width:160px;color: #000;text-decoration: unset;}
/* Hover State CSS BOF */
	.btn:hover, .btn:focus, .btn:active{background-color: #08333f;border: 1px solid #07E992;color: #07E992;box-shadow: none;outline: none;}

	

/*border buttone css BOF*/
	.btn-border{background: #06333F;color: #07E992;border: 1px solid #07E992;box-shadow: none;}
/*	.btn-border:hover, .btn-add:focus, .btn-add:active{ background-color: #07E992; border:1px solid #07E992; color:#fff;  box-shadow: none; outline: none; }*/

	.btn_white-border{background: transparent; padding:10px 25px; color: #fff; font-size: 18px; font-weight: 500; font-family: 'Supreme', sans-serif; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; border-radius: 10px; border:1px solid #fff; text-transform: uppercase;  box-shadow: none;}
	.btn_white-border:hover, .btn-add:focus, .btn-add:active{ background-color: #fff; border:1px solid #fff; color:#07E992;  box-shadow: none; outline: none; }



	.btn{position:relative;overflow:hidden;z-index:1;}
	.btn:after{content:'';position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:-1;background: #08333f;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
	.btn:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

	.btn_white-border:after{background:#fff;border:1px solid #fff;}


	.btn.btn-border:hover,.btn.btn-border:focus,.btn.btn-border:active{background-color:#07E992;border-color:#07E992;color:#000;}
	.btn.btn-border:hover:after,.btn.btn-border:focus:after,.btn.btn-border:active:after{background-color:#07E992;border-color:#07E992;color:#000;}


	[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: unset;
	}
/*tab active*/
	.tab-bg-top{background: #07E992; color: #fff; font-weight: bold;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }

/* 11 : Form & Input Style BOF
==================================================== */ 
	
	.form-control {background: transparent; border: 1px solid #ccc; border-radius: 10px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: 18px; color: #5F6368; -webkit-appearance: none; font-family: 'Supreme', sans-serif; font-weight: normal; padding: 15px 15px 15px 15px; height: 55px; } 
	textarea.form-control {resize: none; overflow: auto; padding: 15px 15px 15px 0px; height: 100px; }
	.form-group {margin-bottom: 30px; }
	    
/*** Placeholder CSS BOF ***/
.form-control::placeholder{color:#5F6368;font-weight:normal;font-size:16px;}
.form-control::-moz-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}
.form-control:-ms-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}
.form-control::-webkit-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}
.form-control::-o-input-placeholder{color:#5F6368;font-weight:normal;font-size:16px;}

/* Focus State CSS BOF */

	.form-control:focus,.form-select:focus {border-color: #07E992; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #EFF7FE; }
	.page-wrapper { margin:0px auto; overflow-x: hidden;}
	.text-underline{ text-decoration: underline; }
	.text-capitalize{ text-transform: capitalize !important; }
	.text-uppercase{ text-transform: uppercase !important; }
	.display-none{display: none !important; }
	.no-scroll{overflow: hidden;}
	.no-padding{padding: 0 !important; }
	.float-start-wp{float: left !important; }
	/*.page-wrapper { background: #FCFCFC; }*/


	.padding-t-60 {padding-top: 60px !important;}
	.padding-b-60 {padding-bottom: 60px !important;}
	.mb-40{margin-bottom: 40px;}
	.mt-30{margin-top: 30px;}
/*header active start*/

	.site-header{position: relative;  z-index: 999;}
	/*.header-main{width: 100%; position: fixed; z-index:999; transition: all 0.5s linear; top:0 !important; }*/
	.header-main.active {box-shadow: 0 0 10px rgba(0,0,0,0.4); background:#fff; }

/*header active end*/
	

/*index css Start*/

	.header-main .header-inner-main {position: relative; background-color: #050529;  }
	.header-main .header-inner-main .header-inner {width: calc(100% - 123px); align-items: center; }
	.header-main .header-inner-main  nav.navbar {padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; flex-wrap: nowrap; align-items: center;}
	.header-main .header-inner-main .header-inner .header-menu ul li a {position: relative; font-size: 18px; color:#69697F; margin: 0px 18px; font-weight: 500; padding: 42px 0 35px; }
	.header-main .header-inner-main .header-inner .header-menu ul li a:hover { color:#07E992;}
	.header-main .header-inner-main .header-inner .header-menu ul li a.active {color:#07E992; }
	.header-main .header-inner-main .header-inner .header-menu ul li a:after{display:block; content: ''; position: absolute; bottom: 22px; width: 100%; left: 0px; border-bottom: 2px solid #07E992; transform: scaleX(0); transition: transform 250ms ease-in-out;}
	.header-main .navbar-container {width: 100%; margin-right: auto; margin-left: auto;}
	.header-main .header-inner-main .header-menu-inner{display:flex;align-items:center;justify-content:space-between;width:100%;}
	.header-main .header-inner-main .header-menu-inner .header-btn{display:flex;align-items:center;}
	.header-main .header-inner-main .header-menu-inner .header-btn a{margin:5px 0px 5px 10px;padding:13px 10px 13px;min-width: 138px;border-radius: 20px;}
	.header-main .header-inner-main .header-inner .header-menu ul li.active a {color: #07E992; } 
	.header-main .header-inner-main .header-menu-inner > .navbar-nav {width: calc(100% - 296px); justify-content: center; }

	.app-link-main{display:flex;align-items:center;}
	.app-link-main .app-img-wp{padding:0px!important;width:110px;height:38px;}
	.app-link-main .app-img-wp img{max-width:100%;}

	.modal-open .header-main.active {padding-right: 6px; }

	
/*toggele switch*/

	.header-main button.navbar-toggler {padding: 0; border: none; margin: 10px 0; top: 30px; }
	.header-main button.navbar-toggler span.icon-bar:nth-child(2) {visibility: hidden; opacity: 0; }
	.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2) {visibility: visible; opacity: 1; }
	.header-main button.navbar-toggler span.icon-bar:nth-child(1) {top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	.header-main button.navbar-toggler span.icon-bar:nth-child(3) {margin-right: auto; margin-left: 0; }
	.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1), .header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3) {top: 0; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); background: #fff; width: 18px; margin-right: 0; }
	.header-main button.navbar-toggler span.icon-bar {margin: auto; background-color: #fff; border-radius: 2px; display: block; height: 3px; position: relative; width: 28px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }
	.header-main button.navbar-toggler .icon-bar+.icon-bar {margin-top: 6px; }
	.header-main .header-right {padding-left:70px;width: 100%;}
	.header-main button.navbar-toggler span.icon-bar:nth-child(3) {top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }


	/*dropdown*/

.header-main.active{position:fixed;width:100%;left:0px;right:0px;top:0px;}
.header-main{position:absolute;width:100%;right:0;top:0;left:0px;}

/*index css Start*/

.login-btn ul li{display:inline-block;margin-left:30px;}
/*.header-inner-main .container{max-width:100%;}*/

/*home-details listed property*/
.banner-sec{padding-top:100px;position:relative;z-index:1;}
.banner-btn ul li{display:inline-block;margin:8px;}
.banner-sec .banner-wrap{padding:90px 0px 20px;position:relative;z-index:1;overflow:hidden;}
.banner-sec .banner-wrap .banner-text h1{margin-bottom:35px;}
.banner-sec .banner-wrap .banner-text .banner-btn{margin-top:45px;margin-bottom:50px;}
.banner-wrap .banner-text{max-width:744px;margin:0px auto;}
.banner-img img{max-width:100%;width:100%;}
.banner-img-wp .banner-img{margin-bottom:90px;}
.banner-img-wp .banner-img img{max-width:100%;}



.banner-btn.footer-btn ul li{margin-bottom:0px;margin-right:0px;margin-left:20px; margin-top: 0px;}
.banner-btn.footer-btn ul li img{max-height:55px;}


.social-media ul.social-link {display: flex; align-items: center; flex-wrap: wrap; } 
ul.social-link li {display: inline-block; margin: 0px 10px; text-align: center; }
ul.social-link li:last-child{margin-right: 0px;}
ul.social-link li .social-icon{width:40px;height:40px;overflow:hidden;display: flex;align-items: center;justify-content: center;background: #08e993;border-radius: 100%;text-align: center;color: #19193A;}
ul.social-link li .social-icon img {max-width: 100%; transition: all 400ms ease-in-out;  width: 100%; height: 100%; }
ul.social-link li .social-icon i{font-size:19px;}
ul.social-link li .social-icon:hover{background:#fff;}




:root{--spinner-color-1:rgba(111,202,220,.75);--spinner-color-2:rgba(102,231,152,.75);--spiner-color-3:rgba(233,169,32,.75);}
.moderspinner{width:40px;height:40px;border:dotted 5px var(--spinner-color-1);border-radius:100%;animation:spin 1s linear infinite;}
@keyframes spin{
	0%{transform:rotate(0deg) scale(0.8);border-top-color:transparent;border-right-color:transparent;}
	50%{transform:rotate(180deg) scale(1.2);border-color:var(--spinner-color-2);border-top-color:transparent;border-right-color:transparent;}
	100%{transform:rotate(360deg) scale(0.8);border-color:var(--spinner-color-3);border-top-color:transparent;border-right-color:transparent;}
}
.page-loader{z-index:9999999;position:fixed;background:rgba(0,0,0,0.8);top:0;left:0;right:0;bottom:0;width:100%;height:100%; overflow: hidden;}
.page-loader .moderspinner{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}




.footer-btn ul.social-link li {margin: 0px 18px; }
.footer-main .footer-text .footer-left p{text-align:left;margin-bottom: 0px;}
.footer-main .footer-text{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.footer-main .footer-text .footer-right{display:flex;align-items: center;}
.footer-main .footer-text .footer-right .developed-by-img{width:191px;height:38px;}
.footer-main .footer-text .footer-right h5{color: #000000;margin-bottom:0px;font-size:20px;font-weight: normal;margin-right: 20px;}
.footer-main{background:#19193A;padding-top:40px;}
.footer-copyright{background:#07E992;padding:15px 0px;}

.footer-b-link ul{display:flex;align-items:center;}
.footer-b-link ul li{margin:7px 20px;}
.footer-b-link ul li a{font-size:20px;color:#000;}
.footer-b-link ul li a:hover{text-decoration:underline;}


.f-menu-title{font-size:20px;color:#07E992;font-weight:600;margin-bottom:32px;display:inline-block;width:100%;}
.footer-logo{margin-bottom:25px;}
.footer-main .font-18{color:#fff;font-size:18px;font-weight:normal;line-height:30px;}
.footer-logo-main{max-width:498px;}
.new-footer-menu{display:flex;flex-wrap:wrap;justify-content:space-around;}
.new-footer-menu ul.f-menu li a{font-size:16px;color:#fff;margin-bottom:20px;}
.new-footer-menu ul.f-menu li a:hover{color:#07E992;text-decoration:underline;}
ul.f-menu.social-media{display:flex;flex-wrap:wrap;}
ul.f-menu.social-media{gap:0px 20px;}
ul.f-menu.social-media li a{width:60px;height:60px;display:inline-block;}
ul.f-menu.social-media li svg{width:100%;max-width:100%;}
ul.f-content-main{display:flex;flex-direction:column;gap:20px;}
ul.f-content-main li{display:flex;}
ul.f-content-main li span.icon{width:25px;}
ul.f-content-main li span.icon-text{width:calc(100% - 25px);color:#fff;display:flex;flex-direction:column;gap:5px;padding-left:10px;line-height:25px;}
ul.f-content-main li span.icon-text a{font-size:16px;color:#fff;word-wrap:break-word;}
.footer-info{display:flex;gap:60px;}
ul.f-content-main li span.icon-text span.address{font-size:16px;word-wrap:break-word;}
ul.f-content-main li span.icon-text a:hover{color:#07E992;}
.footer-wrap-top{padding-bottom:40px;}
.footer-wrap-botom{padding:40px 0px;border-top:1px solid #8A8A8A;}
.footer-wrap-botom{display:flex;justify-content:space-between;align-items:center;}
.footer-btn .app-link-main{gap:20px;}
.footer-btn .app-link-main .app-img-wp{width:177.5px;height:50px;}
.footer-btn .app-link-main .app-img-wp img{width:100%;}


@media (max-width:1499px){
	
	.footer-main .footer-text .footer-right h5 {font-size: 16px; line-height: 30px; height: 38px; padding-top: 6px; margin-right: 15px; }
	.footer-main .footer-text .footer-right .developed-by-img{height:30px;width:150px;}
}


@media (max-width:991px){
	
	.footer-main .footer-text .footer-left{width:100%;}
	.footer-main .footer-text .footer-right{width:100%;justify-content:center;padding-bottom:10px;}
	.footer-main .footer-text .footer-left p{text-align:center;}
	.footer-main .footer-text .footer-right h5{font-size:18px;line-height:30px;height:30px;padding-top:3px;}
	.footer-main .footer-text .footer-right .developed-by-img{width:141px;height:30px;}
	.banner-btn.footer-btn ul li{ margin:0px 10px; }
		.footer-main .footer-text{flex-flow:column-reverse;}
}



.page-404-main .page-404-wp{text-align:center;min-height: calc(100vh - 88px);padding: 100px 0px;display: flex;align-items: center;justify-content: center;}
h1.title-404{font-size:160px;line-height:normal;}
.page-404-main .page-404-wp h5{margin-bottom:10px;font-size:22px;}
.page-404-main .page-404-wp p{font-size:16px;}
.home-btn .btn{font-size:16px;text-transform:none;}

.header-main .header-inner-main .header-menu-inner .header-btn a, .btn{font-family:'Supreme',sans-serif;}





.section-title{margin-bottom:40px;max-width: 1050px;}

.features-box-row{display:flex;}
.features-box{background:#19193A;border-radius:20px;overflow:hidden;padding:40px;height:100%;}

.features-box-row .features-col-text{width:55%;padding-right:50px;display:flex;flex-direction:column;justify-content:space-between;}
.features-box-row .features-col-img-main {width:45%;}
.features-box-row .features-col-text .text-top{max-width:380px;padding-bottom:30px;}
.features-box-row .features-col-img-main.features-img-up .features-col-img {margin-top: -248px; }
.features-box .features-box-text{margin-bottom: 45px;}
.features-text-img-main {display: flex; flex-direction: column; justify-content: space-between; }
.features-box-singal{display:flex;}
.features-box-singal .features-text-top{width:40%;}
.features-box-singal .features-col-img-main{width:60%;padding-top:40px;padding-right:40px;}
.features-box-singal .features-col-img-main .features-col-img{margin-left:-25%;}


.features-img-updown .features-col-img{margin-right:-25px;margin-top:-55px;margin-left:20px;transform:scale(1.16);}
.features-box-row.features-img-updown .features-col-text{width:45%;}
.features-box-row.features-img-updown .features-col-img-main{width:55%;}


.bg-v1{background-image: url('../images/mockup-img/bg-v1.png');background-repeat: no-repeat;background-size: cover; background-position: center;}
.bg-v2{background-image: url('../images/mockup-img/bg-v2.png');background-repeat: no-repeat;background-size: cover; background-position: center;}


.features-box-100 .features-box-row .features-col-text{width:50%;}
.features-box-100 .features-box-row .features-col-img-main{width:50%;}
.features-box-100 .features-box-row .features-col-text .text-top{max-width:527px;}
.features-text-img-main.text-img-updown{flex-direction:column-reverse;}
.features-text-img-main.text-img-updown .features-box-text{margin-bottom:0px;margin-top:40px;}

.points-ul li{position:relative;padding-left:20px;margin:10px 0px;font-size:16px;line-height:1.5;}
.points-ul li:before{content:'';position:absolute;left:0px;top:8px;width:8px;height:8px;background:#fff;border-radius:100%;}
.points-ul.points-ul-24 li{font-size:20px;padding-left:25px;margin:20px 0px;}
.points-ul.points-ul-24 li:before{top:11px;}

.highlight-text{max-width:380px;padding:50px 20px 40px 0px;}
.features-col-img-main.features-img-righ{padding:30px 0px;}
.features-col-img-main.features-img-righ .features-col-img{margin-right:-40px;}
.features-box-v2 {height: 100%; }


.newsletter-main{background:rgba(7,233,146,0.10);padding:40px;border-radius:40px;margin-bottom:40px;}
.newsletter-main .newsletter-left p.font-20{color:#B1B1B1;margin-bottom:0px;margin-top:20px;}
.subscribe-main .subscribe-input{position:relative;}
.subscribe-main input.form-control{background:#FFFFFF;height:60px;border-radius:60px;padding-left:25px;color:#8A8A8A;}
.subscribe-main .subscribe-input .btn{position:absolute;right:0px;top:0px;height:60px;border-radius:0px;border-top-right-radius:60px;border-bottom-right-radius:60px;font-size:16px;color:#000;}
.subscribe-main .subscribe-input .btn:hover{color:#fff;}
.newsletter-right{max-width:520px;margin-left:auto;padding-left:20px;}

.features-img-down-main .features-box-row {height: 100%; }
.features-box.bg-v2 {display: flex;flex-direction: column;align-items: center;justify-content: center;}

/*.features-box .features-box-row{height:100%;}*/
.features-col-img-main.features-img-down{display:flex;align-items:flex-end;}
.features-col-img.features-img-down {text-align: center; }


/*=========== Mockup New Changes CSS ===================*/


.banner-mockup-mainv1{display:flex;margin-left:-24px;margin-right:-24px;padding-bottom:120px; }
.banner-mockup-mainv1 .banner-mockup-col{padding:0px 24px;}
.banner-mockup-mainv1 .banner-mockup-col:nth-child(odd){margin-top:80px;}
.voice-message-mockup{display:flex;align-items:flex-end;max-width:618px;}
.voice-message-mockup .features-col-img{padding:15px;}
.voice-message-mockup .features-col-img:first-child{padding-left:0px;}
.voice-message-mockup .features-col-img:last-child{padding-right:0px;}


@media (max-width:1499px){
	.banner-mockup-mainv1 .banner-mockup-col:nth-child(odd){margin-top:70px;}
}
@media (max-width:1399px){
	.banner-mockup-mainv1 .banner-mockup-col:nth-child(odd){margin-top:60px;}
}
@media (max-width:1199px){
	.banner-mockup-mainv1 .banner-mockup-col{padding:0px 15px;}
}
@media (max-width:767px){
	.banner-mockup-mainv1 .banner-mockup-col:nth-child(odd){margin-top:0px;}
	.banner-mockup-mainv1 .banner-mockup-col:first-child,.banner-mockup-mainv1 .banner-mockup-col:last-child{display:none;}
	.banner-mockup-mainv1{padding-bottom:70px;margin-left:-15px;margin-right:-15px;}
	.banner-mockup-mainv1 .banner-mockup-col:nth-child(even){margin-top:40px;}
}
@media (max-width:481px){
	.banner-mockup-mainv1 .banner-mockup-col{padding:0px 5px;}
	.banner-mockup-mainv1{padding-bottom:60px;margin-left:-20%;margin-right:-20%;overflow:hidden;}
	.banner-mockup-mainv1 .banner-mockup-col:nth-child(even){margin-top:50px;}
	.voice-message-mockup .features-col-img{padding:5px;}
}





.app-btn-main .app-btn-link{padding:13px 22px;display:flex;margin-top:30px;background:#fff;font-size:16px;border-radius:35px;align-items:center;}
.app-btn-main #store-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.app-btn-main .app-btn-link svg{margin-right:8px;}
.app-btn-main .app-btn-link:hover{background:#2b2b49;}
.app-btn-main{margin-top:15px;}








.play-link{position: fixed;right: 50px;bottom: 50px;display: block;width: 70px;height: 70px;z-index: 2;cursor: pointer; background: #08e993;font-size: 0px;border-radius: 100%;}

.play-link:after{content:"\f04b";display:inline-block;font-family:'FontAwesome';font-size:25px;color:#070728;position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;width:15px;height:24px;}
.play-link.playing:after {content: "\f04c"; display: inline-block; font-family: 'FontAwesome'; font-size: 22px; color: #070728; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; width: 22px; height: 22px; text-align: center; }


.play-link .play-link-text:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#07E992;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;z-index:-1;}
.play-link .play-link-text:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:100%;height:100%;background:#07E992;border-radius:50%;transition:all 200ms;animation:pulse-border 2000ms ease-out infinite;z-index:-1;}
@keyframes pulse-border{
	0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}
	100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);opacity:0;}
}






.features-img-animation .features-col-img{width:350px;height: 712px; margin:0px auto;position:relative;z-index:1; overflow: hidden;border-radius: 63px;}
.features-img-animation .features-col-img:after{content:'';position:absolute;left:10px;right:10px;bottom:30px;top:45px;background:#050529;border-radius:40px;z-index: -3;}

.features-img-animation .features-col-img img.screen-animation {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 130px;
    /* bottom: 60px; */
    height: calc(100% - 15px);
    z-index: -1;
    object-fit: contain;
    /* height: 658px; */
    margin: auto;
    animation: upDown 10s infinite ease-in-out;
        -webkit-transition: transform 7s;
    -moz-transition: transform 7s;
    transition: transform 5s;
}


/*
.inner-screen {
  animation: upDown 2s infinite ease-in-out;
}
*/

@keyframes upDown {
  0% {
    transform: translateY(-35%);
  }
  50% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-35%);
  }
}

@media (max-width:1599px){

.features-img-animation .features-col-img{width:285px;height:580px;border-radius:55px;}
@keyframes upDown{
	0%{transform:translateY(-40%);}
	50%{transform:translateY(0%);}
	100%{transform:translateY(-40%);}
}


}

@media (max-width:1200px){

.features-img-animation .features-col-img{width:220px;height:448px;border-radius:42px;}
@keyframes upDown{
	0%{transform:translateY(-42%);}
	50%{transform:translateY(0%);}
	100%{transform:translateY(-42%);}
}
}


.features-col-img-mup {
    margin-top: -20%;
}

.features-col-img-mdwn {
    margin-bottom: -18%;
}





.ms-box-wp{display: flex ; flex-direction: column; min-height: 100%;width: 100%;}
.music-sharing-box-main .ms-box { margin-bottom: 20px; height: calc(100% - 20px); position: relative;}

.music-sharing-box-main .ms-box .ms-box-front,.music-sharing-box-main .ms-box .ms-box-back{display:block;padding: 40px;
	/*transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:1s;transition-property:transform,opacity;*/
	transition: all 700ms ease; width: 100%; background: #19193A; border-radius: 24px; display: flex ; flex-direction: column; justify-content: space-between;}
.music-sharing-box-main .ms-box .ms-box-front{transform:rotateY(0deg);height: 100%;    z-index: 1;position: relative;}
.music-sharing-box-main .ms-box .ms-box-back{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;transform:rotateY(-180deg)}
.music-sharing-box-main .ms-box.active> .ms-box-front{opacity:0;transform:rotateY(180deg)}
.music-sharing-box-main .ms-box.active> .ms-box-back{opacity:1;transform:rotateY(0deg);z-index:2;}


.click-flip-btn{display:inline-block;width:40px;height:40px;cursor:pointer;}
.music-sharing-box-main .ms-box .ms-box-front .ms-box-front-top,.music-sharing-box-main .ms-box .ms-box-back .ms-box-back-top{padding-bottom:20px;max-width: 690px;}
.click-flip-btn svg{ height:100%; width:100%; overflow:visible; object-fit: contain;}
.ms-box-front-bottom, .ms-box-back-bottom {
    text-align: right;
}

.download-text-main{position:relative;padding:15px 0px; margin-bottom: 40px;}
.download-text-main ul.banner-aap-link { display:flex; justify-content:center; }
.download-text-main ul.banner-aap-link li{margin:10px;}

.testimonials-section {
	background: -webkit-linear-gradient(0deg,rgba(25, 25, 58, 1) 30%, rgba(7, 233, 146, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(25, 25, 58, 1) 30%, rgba(7, 233, 146, 1) 100%);
	background: linear-gradient(0deg,rgba(25, 25, 58, 1) 30%, rgba(7, 233, 146, 1) 100%);
}


.testimonials-section {border-top-left-radius: 40px; border-top-right-radius: 40px; }
.testimonials-section{border-top-left-radius:40px;border-top-right-radius:40px;}
.testimonial-row{display:flex;background:rgba(255,255,255,0.60);border-radius:20px;padding:20px;}
.testimonial-slider .testimonial-slide{padding:20px;}
.testimonial-row .testimonial-col-img{width:60px;height:60px;}
.testimonial-row .testimonial-col-img img{width:100%;height:100%;border-radius:100%;object-fit:cover;}
.testimonial-row .testimonial-col-text{width:calc(100% - 60px);padding-left:20px;}
.testimonial-row .testimonial-col-text p{color:#090E20; max-width: 270px;}
.testimonial-row .testimonial-col-text p.name-person{margin-bottom:0px;}

.slider-right{overflow:hidden;direction:rtl;}
.slider-right .slick-track{display:flex!important;}
.slider-right{direction:rtl;}
.testimonial-slider.slider-right .testimonial-row{display:flex;flex-direction:row-reverse;text-align:left;}






.smart-conversations-sec{background-image: url('../images/new-img/sc-bg.png');background-repeat: no-repeat;background-size: cover; background-position: center;overflow: hidden;}
.sc-mockup-tab-wrap {border: none;}
.sc-mockup-tab-wrap .nav-item.show .nav-link,.sc-mockup-tab-wrap .nav-link.active {color: #050529;background-color: transparent;border-color: transparent;}
.sc-mockup-tab-wrap .nav-item.show .nav-link p,.sc-mockup-tab-wrap .nav-link.active p{color:#050529;}
.sc-mockup-tab-wrap .nav-item .nav-link,.sc-mockup-tab-wrap .nav-link{border:none !important; color: #ffffff;}
.sc-mockup-wrap{display:flex;justify-content:center;align-items:end;}
.sc-mockup-wrap .sc-mockup-row{margin-bottom:-42%;}
.sc-mockup-tab-wrap .sc-mockup-tab-title p{color:#fff;opacity:60%;}
.sc-mockup-tab-wrap .sc-mockup-tab-title{margin-bottom:30px;}

.hbanner-mockup{margin-right:-20%;}
.banner-sec{overflow:hidden;}