@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

  body{
  font-family: 'Roboto', serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-y: hidden;

  }
  html::-webkit-scrollbar {
  display: none;
  }
  html{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  }

  /*------------------------------------navigation-sec--------------------------------------*/
  .navbar-bg{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius:  0 0 10px 10px;
  background-color: white;
  }
  .navbar .nav-link {
  position: relative;
  text-decoration: none;
  }
  .navbar .nav-link:hover::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 25%;
  bottom: 0;
  border: 1px solid  #0981ff; /*-change-color-*/

  }
  .navbar .navbar-nav .nav-link {
  color: #2c2f44;
  }
  .navbar .navbar-nav .nav-link:hover {
  color:  #0981ff; /*-change-color-*/
  }
  .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  }
  .sticky + section {
  padding-top: 9rem;
  padding-bottom:3rem;
  }
  .navbar-brand img{
  width: 70px;
  height: 70px;
  border-radius: 10px;
  box-shadow: rgb(100 100 111 / 15%) 0px 7px 29px 0px;
  }
  .padding-nav{
  padding-top: 96px !important;
  padding-bottom:0rem !important; 
  }
  .navbar-toggler label {
  display: flex;
  flex-direction: column;
  width: 40px;
  cursor: pointer;
  }
  .navbar-toggler label span {
  background: #d3d3d3;
  border-radius: 10px;
  height: 4px;
  margin: 4px 0;
  transition: .3s  cubic-bezier(0.0, -0.0, 0.0, 0.5);
  }
  .navbar-toggler span:nth-of-type(1){
  width:50%;
  }
  .navbar-toggler span:nth-of-type(2){
  width:100%;
  }
  .navbar-toggler span:nth-of-type(3){
  width:75%;
  }
  .navbar-toggler input[type="checkbox"]{
  display:none;
  }
  .navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(45deg) translate(7px,0px);
  }
  .navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(2){
  transform-origin:top;
  transform:rotatez(-45deg)
  }
  .navbar-toggler input[type="checkbox"]:checked ~ span:nth-of-type(3) {
  transform-origin: bottom;
  width: 50%;
  transform: translate(17px,-7px) rotatez(45deg);
  }
  /*------------------x------------------navigation-sec--------------------x-------------------*/

  /*------------------------------------home--------------------------------------*/
  .home-bg{
  background-color: white;
  /*box-shadow: rgb(100 100 111 / 15%) 1px 0px 29px 0px;*/
  }
  .my-0 {
  font-size: 2.5rem;
  color: #3b3b3b;
  }
  .my-1 {
  font-size: 1.65rem;
  }
  .my-4 {
  font-size: 1.0rem;
  font-weight: 400;
  color: #474747;
  }
  .home-text .logo img {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  box-shadow: rgb(100 100 111 / 15%) 0px 7px 29px 0px;
  }
  .change-text{
  padding: 5rem;
  text-align: center;
  }
  .change-text p {
  font-size: 3rem;
  }
  .change-text h4 {
  font-weight: 400;
  }
  .change-text p span.type {
  font-weight: normal;
  color: #0981ff;
  }
  .change-text p span.cursor {
  display: inline-block;
  background-color: black;
  margin-left: 0.1rem;
  width: 3px;
  animation: blink 1s infinite;
  }
  .change-text p span.cursor.typing {
  animation: none;
  }
  @keyframes blink {
  0%  { background-color: black; }
  49% { background-color: black; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: black; }
  }
  .toggle-bg {
  background-color: white;
  box-shadow: rgb(100 100 111 / 15%) 1px 0px 29px 0px;
  }
  /*------------------x------------------home--------------------x-------------------*/

  /*------------------------------------sec-1--------------------------------------*/
  .sec-1 .home-img .bg-img {
  width: 100%;
  height: 530px;
  display: flex;
  align-items: center ;
  }
  .text-sec{
  background-color: #ff810d; /*-change-color-*/
  }
  .text-sec h1, .text-sec p{
  color: white;
  }
  .home-h1, .home-h5, .home-p, .home-h1:hover, .home-h5:hover, .home-p:hover{
  color: black;
  text-decoration: none;
  }
  .feedback-h1, .feedback-p, .feedback-h1:hover, .feedback-p:hover{
  color: black;
  text-decoration: none;
  }
  .app-store{
  width: 32%;
  margin-right:15px;
  cursor: pointer;
  }
  .app-store svg {
  width: 100%;
  }
  .visit-website {
  width: 32%;
  cursor: pointer;
  }
  .sec-ul{
  padding-left:1rem ;
    color: #474747;

  }

  /*------------------x------------------sec-1--------------------x-------------------*/

  /*------------------------------------bottom-sec--------------------------------------*/
  .bottom-sec{
  padding: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .bottom-sec a{
  text-decoration: none;
  }
  .bottom-sec h3{
    color: black;
  }
  .arrow{
  background-color: #0981ff;
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  margin-left: 15px;
  }
  .custom-arrow {
  color: white;
  font-size: 20px;
  animation: arrow 1s ease-in-out infinite;

  }
  @keyframes arrow {
  0%,
  100% {
  transform: translatex(0);
  }

  50% {
  transform: translatex(6px);
  }
  }
  .bottom-sec .text h3{
  font-weight: 400;
  }
  /*------------------x------------------bottom-sec--------------------x-------------------*/

  /*------------------------------------contact-sec--------------------------------------*/
  .contact-img img{
   width: 100%;
  border-radius: 10px;
  }
  .contact-us-sec h1{
  color: #0981ff; /*-change-color-*/
  }
  /*------------------x------------------contact-sec--------------------x-------------------*/

 

  /*------------------------------------footer---------------------------------------*/

  .footer-heading{
  color: white;
  }
  .footer-sec {
  background-color: black; /*-change-color-*/
  color: white;
  position: relative;
  bottom: 0;
  width: 100%;
  z-index:55 ;
  }
  .footer-sec b {
  color: white;
  font-weight: 400;
  }

  .copy-right-sec p{
  font-size: 0.9rem;
  }
  .footer-sec-2 {
  background-color: black; /*-change-color-*/
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index:55 ;
  }

  /*-----------------x-------------------footer----------------------x------------------*/