* {
    /* box-sizing: border-box; */
    outline: none !important;
  }
  body {
      font-family: 'Poppins', sans-serif;
      background-color: #fff !important;
      position: relative;
      min-height: 100%;
      line-height: 1.45;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 16px;
      font-weight: 400;
   padding-top: 0px;
      .fs--1 {
          font-size: .75019rem!important
      }

      .fs-09 {
          font-size: .9rem!important
      }

      .fs-0 {
          font-size: 1rem!important
      }

      .fs-1 {
          font-size: 1.333rem!important
      }

      .fs-2 {
          font-size: 1.77689rem!important
      }

      .fs-3 {
          font-size: 2.36859rem!important
      }

      .fs-4 {
          font-size: 3.15733rem!important
      }

      .fs-5 {
          font-size: 4.20873rem!important
      }

      .fs-6 {
          font-size: 5.61023rem!important
      }

      .fs-7 {
          font-size: 7.47844rem!important
      }

      .fs-8 {
          font-size: 9.96876rem!important
      }

      @media (min-width: 36em) {
          .fs-sm--1 {
              font-size:.75019rem!important
          }

          .fs-sm-0 {
              font-size: 1rem!important
          }

          .fs-sm-1 {
              font-size: 1.333rem!important
          }

          .fs-sm-2 {
              font-size: 1.77689rem!important
          }

          .fs-sm-3 {
              font-size: 2.36859rem!important
          }

          .fs-sm-4 {
              font-size: 3.15733rem!important
          }

          .fs-sm-5 {
              font-size: 4.20873rem!important
          }

          .fs-sm-6 {
              font-size: 5.61023rem!important
          }

          .fs-sm-7 {
              font-size: 7.47844rem!important
          }

          .fs-sm-8 {
              font-size: 9.96876rem!important
          }
      }

      @media (min-width: 48em) {
          .fs-md--1 {
              font-size:.75019rem!important
          }

          .fs-md-0 {
              font-size: 1rem!important
          }

          .fs-md-1 {
              font-size: 1.333rem!important
          }

          .fs-md-2 {
              font-size: 1.77689rem!important
          }

          .fs-md-3 {
              font-size: 2.36859rem!important
          }

          .fs-md-4 {
              font-size: 3.15733rem!important
          }

          .fs-md-5 {
              font-size: 4.20873rem!important
          }

          .fs-md-6 {
              font-size: 5.61023rem!important
          }

          .fs-md-7 {
              font-size: 7.47844rem!important
          }

          .fs-md-8 {
              font-size: 9.96876rem!important
          }
      }

      @media (min-width: 62em) {
          .fs-lg--1 {
              font-size:.75019rem!important
          }

          .fs-lg-0 {
              font-size: 1rem!important
          }

          .fs-lg-1 {
              font-size: 1.333rem!important
          }

          .fs-lg-2 {
              font-size: 1.77689rem!important
          }

          .fs-lg-3 {
              font-size: 2.36859rem!important
          }

          .fs-lg-4 {
              font-size: 3.15733rem!important
          }

          .fs-lg-5 {
              font-size: 4.20873rem!important
          }

          .fs-lg-6 {
              font-size: 5.61023rem!important
          }

          .fs-lg-7 {
              font-size: 7.47844rem!important
          }

          .fs-lg-8 {
              font-size: 9.96876rem!important
          }
      }

      @media (min-width: 75em) {
          .fs-xl--1 {
              font-size:.75019rem!important
          }

          .fs-xl-0 {
              font-size: 1rem!important
          }

          .fs-xl-1 {
              font-size: 1.333rem!important
          }

          .fs-xl-2 {
              font-size: 1.77689rem!important
          }

          .fs-xl-3 {
              font-size: 2.36859rem!important
          }

          .fs-xl-4 {
              font-size: 3.15733rem!important
          }

          .fs-xl-5 {
              font-size: 4.20873rem!important
          }

          .fs-xl-6 {
              font-size: 5.61023rem!important
          }

          .fs-xl-7 {
              font-size: 7.47844rem!important
          }

          .fs-xl-8 {
              font-size: 9.96876rem!important
          }
      }

      .font-1 {
          font-family: 'Poppins',sans-serif
      }

      .font-2 {
          font-family: "Droid Serif",serif
      }
      
      .lh-0 {
          line-height: 0!important;
      }
      .lh-f1 {
          line-height: .7!important;
      }
      .lh-f2 {
          line-height: .85!important;
      }
      .lh-1 {
          line-height: 1!important;
      }
      .lh-2 {
          line-height: 1.15!important
      }
      .lh-3 {
          line-height: 1.3!important
      }
      .lh-4 {
          line-height: 1.45!important
      }
      .lh-5 {
          line-height: 1.6!important
      }
      .lh-6 {
          line-height: 1.75!important
      }
      .lh-7 {
          line-height: 1.9!important
      }
      .lh-8 {
          line-height: 2.05!important
      }
      .fw-100 {
          font-weight: 100!important
      }
      .fw-200 {
          font-weight: 200!important
      }
      .fw-300 {
          font-weight: 300!important
      }
      .fw-400 {
          font-weight: 400!important
      }
      .fw-500 {
          font-weight: 500!important
      }
      .fw-600 {
          font-weight: 600!important
      }
      .fw-700 {
          font-weight: 700!important
      }
      .fw-800 {
          font-weight: 800!important
      }
      .ls {
          letter-spacing: 2px!important
      }
      a {
          color: #0000ff;
          transition: all .2s ease-in-out
      }
      a:active:focus, a:focus, a:hover {
          color: #0000ff !important;
          -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor
      }
      .p, p {
      font-size: 1rem
      }
      hr {
          border-color: currentColor
      }
      hr.left {
          margin-left: 0
      }
      hr.short {
          width: 4.20873rem
      }
      .background-transparent {
          background-color: transparent!important
      }
      .color-black {
          color: #000!important
      }
      .background-black {
          background-color: #000!important
      }
      .border-color-black {
          border-color: #000!important
      }
      .color-1 {
          color: #0c151a!important
      }
      .background-1 {
          background-color: #0c151a!important
      }
      .border-color-1 {
          border-color: #0c151a!important
      }
      .color-2 {
          color: #2b2b2b!important
      }
      .background-2 {
          background-color: #2b2b2b!important
      }
      .border-color-2 {
          border-color: #2b2b2b!important
      }
      .color-3 {
          color: #404040!important
      }
      .background-3 {
          background-color: #404040!important
      }
      .border-color-3 {
          border-color: #404040!important
      }
      .color-4 {
          color: #555!important
      }
      .background-4 {
          background-color: #555!important
      }
      .border-color-4 {
          border-color: #555!important
      }
      .color-5 {
          color: #6a6a6a!important
      }
      .background-5 {
          background-color: #6a6a6a!important
      }
      .border-color-5 {
          border-color: #6a6a6a!important
      }
      .color-6 {
          color: #7f7f7f!important
      }
      .background-6 {
          background-color: #7f7f7f!important
      }
      .border-color-6 {
          border-color: #7f7f7f!important
      }
      .color-7 {
          color: #949494!important
      }
      .background-7 {
          background-color: #949494!important
      }
      .border-color-7 {
          border-color: #949494!important
      }
      .color-8 {
          color: #bebebe!important
      }
      .background-8 {
          background-color: #bebebe!important
      }
      .border-color-8 {
          border-color: #bebebe!important
      }
      .color-9 {
          color: #e1e1e1!important
      }
      .background-9 {
          background-color: #e1e1e1!important
      }
      .border-color-9 {
          border-color: #e1e1e1!important
      }
      .color-10 {
          color: #f2f2f2!important
      }
      .background-10 {
          background-color: #f2f2f2!important
      }
      .border-color-10 {
          border-color: #f2f2f2!important
      }
      .color-11 {
          color: #fafafa!important
      }
      .background-11 {
          background-color: #fafafa!important
      }
      .border-color-11 {
          border-color: #fafafa!important
      }
      .background-12 {
          background-color: #f8f9fa!important;
      }
      .color-white {
          color: #fff!important
      }
      .background-white {
          background-color: #fff!important
      }
      .border-color-white {
          border-color: #fff!important
      }
  }
    .color-primary {
        color: #0000ff !important;
    }
  .hero-section {
      padding: 0px 0px;
      text-align: center;
          font-weight: 700;
      display: flex;
      /*this centers the text horizontally*/
      justify-content: center;
      /*this centers the text vertically*/
      align-items: center;            
  }
  .footer-section {
      padding: 80px 0px 20px 0px;
      font-size: 14px;
          font-weight: 500;
  }
  .footer2-section {
      padding: 0px 0px 40px 0px;
      font-size: 14px;
          font-weight: 500;
  }       
  .features-section {
      text-align: center;
          font-weight: 500;
      display: flex;
      /*this centers the text horizontally*/
      justify-content: center;
      /*this centers the text vertically*/
      align-items: center;            
  } 
  .sticky-cookie {
      padding: 25px;
      position: fixed;
      bottom: 0;
      background: #f1f1f1;
      left: 0;
      right: 0;
      z-index: 1001
  }
  .sk-primary.ajaxloader {
      position: fixed;
      z-index: 9999;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, .1);
      width: auto;
      margin: 0;
      align-items: center;
      text-align: center;
      justify-content: center;
      padding: 30px;
      display: none;
      font-size: 50px;
  }
  .sk-primary.ajaxloader i {
      color: #006bff;
  }
  
  .btn-cookie, .btn-cookie:hover {
       cursor: pointer;
       color: #0000ff;
       text-decoration: underline;
       font-weight: 500;
      }
      .form-control:focus {
           background-color: #fff !important;
           border-color: #00f;
           box-shadow: none;
      }

      .fa-duotone:hover,
      .fa-thin:hover,
      .fa-light:hover,
      .far:hover,
      .icon:hover {
           transform: scale(1.2);
           color: #00f !important;
           cursor: pointer;
      }			
      .navbar.main_menu_head .navbar-nav .nav-link{
           color: #000;
      }
  /* .navbar {
      background: #f8f9fa;
  } */
    /*.nav-link .nav-link.active {
        color: #000;
          font-weight: 700;
      }*/	
.navbar-light .nav-link {
    color: #333 !important; /* Set default link color */
    font-weight: 500;        /* Make text bold */
}      
/* Hover, focus, active states, and the active page state */
.navbar-light .nav-link:hover, 
.navbar-light .nav-link:focus, 
.navbar-light .nav-link:active,
.navbar-light .nav-link:active, 
.navbar-light .nav-link:visited {  /* Include :visited to maintain color */
    color: #000fff !important;  /* Apply #000fff color */
    font-weight: 500 !important;  /* Make text bold */
    text-decoration: none !important; /* Remove underline */
    border-radius: 3px !important; /* Add rounded corners */
}
  
/* Target the specific li with class .login_btn */
.nav-item.login_btn {
    padding-right: 5px;  /* Adjust padding to fit the border if needed */
    padding-left: 5px; /* Optional: Rounded corners */
    background: #f7f7ff !important; /* Set background color */
}
  
/*.navbar-light .navbar-nav .nav-link {
color: #000;
}		*/
@media (max-width:991px){
    .navbar .navbar-collapse.justify-content-end{
        text-align: left !important;
    }
}

@media (max-width:767px){
.hero-section{
}
.hero-section h2{
font-size: 18px !important;
}
.hero-section h2.display-3{
font-size: 42px !important;
}
.hero-section h1.display-2{
font-size: 72px !important;
}
.footer-section .col-md-3{
margin-bottom: 30px !important;
}
.features-section h1{
    font-size: 36px !important;
}
.content h1.fs-3{
            font-size: 22px !important;
}
}

@media (max-width:480px){
.hero-section h2.display-3{
  font-size: 28px !important; 
}
.hero-section h1.display-2{
  font-size: 46px !important;
}
.features-section h1{
    font-size: 28px !important;
}

}