/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
body{
    font-family: 'DM Sans';
}
section {
  padding: 60px 0;
  overflow: hidden;
}
section.thank-you {
    height: calc(100vh - 415px);
}
@media (min-width: 767px) {
  section {
  padding: 60px 0;
  overflow: hidden;
 }
}
.main-logo {
    width: 5em;
    height: 3.86em;
}
a.fast-menu-link {
    font-size: 15px;
    font-weight: 400;
    font-family: 'DM Sans';
}
.menu-label {
    font-size: 27px;
    font-family: "DM Sans", sans-serif;
}
.plus-sign-services {
    font-size: 25px;
}
.plus-sign-cases {
    font-size: 25px;
}
.plus-sign-company {
    font-size: 25px;
}
.menu-item {
    max-width: 20.6em;
}
.menu-item-nolink {
    max-width: 20.6em;
}
.menu-icon {
    width: 15px;
    height: 20px;
}
.menu-button {
    width: 35px;
    height: 35px
}
/*--------------------------------------------------------------
# Topbar Section
--------------------------------------------------------------*/
#topbar{
	position: relative;
  background-image: url('../img/virtual-bg.jpg');
  background-size: cover;
  height: 100vh;
}
.bg-image-dradient {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    /*z-index: 0;*/
    width: auto;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#060c10), color-stop(20%, rgba(6, 12, 16, 0)), color-stop(50%, rgba(6, 12, 16, 0)), to(#0b151c));
    background-image: linear-gradient(180deg, #060c10, rgba(6, 12, 16, 0) 20%, rgba(6, 12, 16, 0) 50%, #0b151c);
}
.topbar-content {
    position: absolute;
    bottom: 3%;
    z-index: 999;
    left: 8%;
}
.topbar-content h2 {
    max-width: 15em;
    margin-top: 0px;
    margin-bottom: 35px;
    font-family: "DM Sans", sans-serif;
    color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}
.topbar-content p {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 15px;
}
section.let-talk-section {
    padding: 70px 0;
    background: #0b151c;
    text-align: center;
    color: #fff;
}
a.footer-link-bottom {
    text-decoration: none;
}
.let-talk-content h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "DM Sans", sans-serif;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
}
.let-talk-content p {
    max-width: 35em;
    margin-right: auto;
    margin-left: auto;
    font-family: "DM Sans", sans-serif;
    color: #bbb;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
}
.let-talk-content a {
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: 11px 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    border-radius: 0.14em;
    background-color: #c7d32b;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: "DM Sans", sans-serif;
    color: #0b151c;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    cursor: pointer;
    width: fit-content;
    margin-top: 45px;
    text-decoration: none;
}
.let-talk-content a i{
      margin-left: 10px;
    font-size: 23px;
}
a.footer-link {
    text-decoration: none;
    font-size: 11.4px;
}
.cap-text {
    font-size: 9.5px;
}
a.menu-item.w-inline-block {
    text-decoration: none;
}
a.menu-item-hp.w-inline-block {
    text-decoration: none;
}
a.menu-text-24-hp {
    text-decoration: none;
}
.w-col.w-col-6.w-col-stack a {
    text-decoration: none;
    font-size: 17px;
}
a.footer-link-call {
    font-size: 11.4px;
    text-decoration: none;
}
section.adaptive,section.result,section.drive-more {
    background-color: #0b151c;
    color: #fff;
}
section.adaptive h3,section.result h3,section.drive-more h3 {
    margin-bottom: 35px;
    font-family: "DM Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
}
section.adaptive p ,section.result p,section.drive-more p{
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
section.adaptive p span,section.result p span,section.drive-more p span{
  color: #fff;
  font-style: italic;
  position: relative;
}
section.result h3 span {
    position: relative;
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 9em;
    float: left;
    margin-right: 10px;
}
.highlight {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: -9%;
    z-index: 0;
    height: 15px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#48a9f1), color-stop(50%, #48a9f1), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(0deg, #48a9f1, #48a9f1 50%, hsla(0, 0%, 100%, 0));
}
.count-box span {
    display: inline-block;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
}
.count-box p {
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.count-box {
    margin-top: 20px;
}
section.virtual-enviroment h4 {
    margin-bottom: 20px;
    color: #111;
    font-size: 23px;
}
.drive-more-content,.adaptive-content,.result-content {
    margin-left: 20px;
}
section.virtual-enviroment {
    padding: 100px 0 0;
}
.virtual-box h5 {
    color: #0b151c;
    line-height: 1.4;
    font-weight: 700;
    font-size: 16px;
}
.virtual-box img {
    width: 40px;
    margin-bottom: 20px;
}
.virtual-box {
    padding: 40px 0;
}
.virtual-box p {
    font-size: 13px;
    color: #525a60;
}
@media (max-width: 991.98px){
  .topbar-content {
      position: absolute;
      bottom: 0;
      text-align: center;
      left: 14% !important;
      margin: 10px;
  }
  .section-custom{
    display: none;
  }
}
@media (max-width: 767.98px) {
   .section-custom{
    display: none;
  }
  .topbar-content {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: unset !important;
    margin: 10px;
}

.drive-more-content {
    margin-left: 0;
}
section {
    padding: 60px 12px !important                           ;
}
}
 @media only screen and (max-width: 600px) {
    section.adaptive h3, section.result h3, section.drive-more h3 {
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
}
    .bg-image-dradient {

    background-image: linear-gradient(180deg, rgba(6, 12, 16, 0), #0b151c 90%);
}
 	#topbar {
    background-position: center;
}
.topbar-content h2 {
    margin-bottom: 6px;
    font-size: 36px;
}
 	 ul.slick-dots{
  		display: none !important;
  	}
  	.top-bg-img {
    	position: unset;
    	display: none;
	}
	.top-mobile-img {
	    position: unset;
	}
	.partner-eco-system-box {
    	padding: 20px;
	}
	#peer-to-peer {
   	 	padding: 70px 0;
	}
	.peer-to-peer-content {
    	margin-top: 40px;
	}
	section#work {
	    padding: 70px 0;
	}
	section#liquiloans {
    	padding: 70px 0;
	}
	#liquiloans .section-title h3 {
	    font-size: 32px;
	    line-height: 40px;
	}
	.liquiloans-content {
    	text-align: center;
	}
	.low-risk-content {
    	text-align: center;
	}
	section#investmenst {
    	padding: 70px 0;
	}
	.investment-img {
   		 margin-top: 40px;
	}
	.liquirow {
	    padding: 70px 0;
	}
	.liquimoney-img img {
	    position: unset; 
	}
	.contact .php-email-form {
    	width: unset; 
	}
	section#contact {
	    padding: 70px 0;
	}
	.playstore-links a img {
    	margin-bottom: 30px;
	}
	.footer-contact a img {
    	margin-bottom: 20px;
	}
}