/* GLOBAL CSS: START */

:root{
  font-size: 62.5%;
}

*>*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
}

ul{
  list-style-type: none;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

body{
    background: #0B0D0F;
    color: #F1F3F5;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

.blue-font{
    color: #8263FF;
}

.footer-bg{
    background: #2E31FF;
    padding-top: 5%;
    padding-bottom: 5%;
}

section{
  min-height: 100vh;
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.h-40{
  height: 4rem;
}

.display-block{
  display: block !important;
}

.display-none{
  display: none !important;
}

.px-2{
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-2{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-t-4{
  padding-top: 4rem;
}

/* GLOBAL CSS: END */

/* FONT CSS: START */
.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

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

/* FONT CSS: END */



/* MENU CSS: START */
.navbar {
    transition: all 0.3s ease-in-out;
  }
  .navbar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #0B0D0F;
  }
  .navbar-center .navbar-brand {
    position: absolute;
    left: 50%;
    top: 4rem;
    transform: translateX(-50%);
  }
  .navbar-center .navbar-collapse {
    flex-grow: 0;
  }
  .navbar-scrolled .navbar-brand {
    position: static;
    transform: none;
  }
  .navbar-scrolled .navbar-collapse {
    display: block !important;
  }
  .navbar-collapse {
    display: none;
  }
  .navbar-brand{
    filter: drop-shadow(4px 4px 16px #2E31FF);
  }
  .row {
      flex-direction: row;
  }

/* MENU CSS: END */

/* HERO SECTION: START */
.hero-section{
  margin-top: 3rem;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.download-btn{
  background: #EFEFEF;
  padding: 2rem 2.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #292929;
  line-height: 1.1;
  border: none;
  border-radius: 3rem;
}

.download-btn:hover{
  background-color: #8562fd;
}

.download-btn-nav{
  background: #EFEFEF;
  padding: 1rem 2.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #292929;
  line-height: 1.1;
  border: none;
  border-radius: 3rem;
}

.download-btn-nav:hover{
  background-color: #8562fd;
}
.heading-style{
  font-weight: 600;
  font-size: 7rem;
  color: #F1F3F5;
  line-height: 1.1;
}
.sub-heading-style{
  font-weight: 600;
  font-size: 5rem;
  color: #F1F3F5;
}

.small-heading-text{
  font-weight: 500;
  font-size: 1.8rem;
  color: #EFEFEF;
  line-height: 1.1;
  
}
.paragraph-text{
  font-weight: 500;
  font-size: 1.4rem;
  color: #EFEFEF;
  line-height: 1.2;
  
}

.brand-name-small{
  color: #fff;
  font-size: 1.5rem;
}

.playstore a{
  display: block;
}
.appstore a{
  display: block;
}
.store-downloads {
  display: flex;
  flex-direction: row;
  align-self: center;
  align-items: center;
  gap: 1rem;
  height: auto;
}

/* HERO SECTION: END */


/* ANYTIME ANYWHERE: START */
.anytime-image{
  position: relative;

}
.anytime-caption-bg{
  background: #0B0D0F;
    position: absolute;
    bottom: 8px;
    left: 11%;
    width: 74%;
    text-align: center;
    padding: 6rem;
    border-radius: 6.2rem;
}
.anytime-caption{
  font-size: 1.4rem;
  color: #DDDDDD;
}
.anytime-text-div{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.card{
  margin-top: 6rem;
  /* background: #0B0D0F; */
  background: #101215;
  border-radius: 2rem;
  padding: 4rem 2rem;

}
.card-title{
  color: #8263FF;
  font-size: 2rem;
}

.card-desc{
  color: #DDDDDD;
  font-size: 1.2rem;
}


/* ANYTIME ANYWHERE: END */



/* PRESENTATION MODE: START */
.presentation-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  height: auto;
}

/* PRESENTATION MODE: END */



.footer-section{
  margin-top: 6rem;
  background: #2E31FF;
  padding: 6rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.footer-desc-text{
  text-align: left;
  font-weight: 600;
  font-size: 7rem;
  color: #F1F3F5;
  line-height: 1.1;
}

.footer-links{
  list-style-type: none;
  display: inline;
}
.footer-social-links{
  list-style-type: none;
}
.footer-li{
  display: inline;
  padding-left: 1rem;
}
.footer-li a{
  color: #EFEFEF;
}
.footer-social-li{
  padding-left: 1rem;
  display: inline;
  color: #EFEFEF;
}
.footer-div-8, .footer-div-4{
  padding-top: 1rem;
}
.footer-li a:hover, .footer-social-li:hover{
  color: #8263FF;
}

.copyright-band{
  font-size: 1rem;
}



/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575px){

  .nav-div{
    display: inline-block !important;

  }
  .navbar-brand{
    float: left;
  }
  .nav-btn{
    float: right;
  }

  .brand-name-small{
    font-size: 3rem;
  }
  .heading-style{
    font-size: 4rem;
  }
  .sub-heading-style{
    font-size: 4rem;
  }


  .anytime-caption-bg{
    position: unset;
    text-align: center;
    width: 100%;
  }

  section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .card {
    margin-top: 1rem;
  }

  .footer-desc-text{
    font-size: 4rem;
  }
  ul.footer-links{
    padding-left: 0;
  }
  li.footer-li:first-child{
    padding-left: 0;
  }
  ul.footer-social-links{
    padding-left: 0;
  }
  li.footer-social-li:first-child{
    padding-left: 0;
  }

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  

 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  

 }

/* // XX-Large (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  

 }