@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 body {
   font-family: 'poppins';
   line-height: 36px;
 }

 p {
   margin: 0 !important;
 }

 .product-header {
   top: 0px;
   z-index: 10000;
   position: fixed;
   width: 100%;
   box-shadow: 2px 6px 8px 4px #0000000f;
   background: white;
 }

 a.navbar-brand img {
   width: 260px;
 }

 .nav-link {
   color: #000000 !important;
 }

 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   background-color: transparent !important;
   color: #e66400 !important;
 }

 .btn-back {
   text-decoration: underline;
   color: #e66400 !important;
 }

 .product-banner {
   padding-top: 80px;
   width: 100%;
   float: left;
 }


 .product-banner img {

   width: 100%;
   /* object-fit: cover; */
 }

 .scrollspy-example.product-main {
   padding: 60px 0px;
   width: 100%;
   float: left;
 }

 section h2 {
   font-size: 40px;
   font-weight: 500;
 }

 li::marker {
   color: #FE7A15;
 }

 h2 span {
   color: #fe7a15;
 }

 .bg-mute {
   background-color: #F6F6F6;
   padding: 60px 0;
 }

 button.accordion-button.collapsed {
   font-size: 18px;
   font-weight: 500;
 }

 h2.accordion-header button {
   font-size: 18px;
   font-weight: 500;
 }

 .accordion-item {
   margin: 16px 0px;
   border-radius: 16px !important;
   border: 1px solid #e4e4e4 !important;
   overflow: hidden;
   box-shadow: 0px 0px 12px 2px #5858580f;
 }

 .accordion-button:not(.collapsed) {
   background-color: #fe7a15;
   color: #fff;
 }

 .accordion-button:not(.collapsed),
 .show {
   border: none;
   box-shadow: none;
 }

 div#faqAccordion {
   max-width: 80%;
   margin: 40px auto;
 }

 .download-sec h3 {
   font-size: 150px;
   text-align: center;
   line-height: 1;
   color: #80808040;
 }

 .download-btn img {
   width: 160px;
 }

 .download-sec p {
   margin: 16px 0 30px 0 !important;
   font-weight: 500;
   font-size: 18px;
   font-style: italic;

 }

 .accordion-body {
   padding-top: 0 !important;
 }

 div#mainNavbar {
   background: #fff;
 }

 .navbar-toggler {
   border: none;
 }

 .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }

 .hero-content {
   padding: 100px 0px 0px 110px;
   position: absolute;
   display: flex;
   flex-direction: column;
   justify-content: start;
   align-items: start;
 }

 .hero-content p {
   max-width: 700px;
   line-height: 32px;
   margin-top: 22px !important;
   margin-bottom: 22px !important;
   font-size: 1rem;
 }

 .hero-content .download-btn a img {
   width: 116px;
 }

 span.highlight {
   color: #e66400 !important;
 }

 .hero-mobile-content {
   position: absolute;
   top: 80%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .hero-content h4 {
   font-weight: 700;
   font-size: 22px;
 }

 .mobile-banner {
   position: relative;
 }

 .hero-content h1 {
   font-size: 2rem;
   font-weight: bold;
   max-width: 904px;
 }

 @media (max-width: 475px) {
   div#faqAccordion {
     max-width: 100%
   }

   .download-sec p {
     margin: 16px 0 16px 0 !important;
     font-weight: 500;
     font-size: 16px;
     font-style: italic;
   }

   .download-btn img {
     width: 110px;
   }

   h2.accordion-header button {
     font-size: 16px;

   }

   button.accordion-button.collapsed {
     font-size: 16px;
   }
 }

 @media (min-width: 769px) {

   .product-banner .mobile-banner {
     display: none;
   }
 }

 @media (max-width: 768px) {
   .product-banner {
     padding-top: 60px;
   }

   .container h2 {
     text-align: center;
   }

   .navbar-toggler:focus {
     text-decoration: none;
     outline: 0;
     box-shadow: none;
   }

   .product-banner .dextop-banner {
     display: none;
   }

   .hero-content {
     display: none;
   }

   .download-sec h3 {
     font-size: 48px !important;
   }

   a.navbar-brand img {
     width: 150px;
   }
 }

 @media (max-width: 862px) {
   .hero-content p {
     max-width: 472px !important;
   }
 }

 @media (max-width: 1240px) {
   header .container {
     max-width: 100% !important;
     padding: 0 20px;
   }
 }

 @media (max-width: 1024px) {
   .hero-content .download-btn {
     margin-top: 0px !important;

   }

   .hero-content .download-btn a img {
     width: 90px !important;
   }

   .hero-content {
     max-width: 700px !important;
     padding: 44px 0px 0px 42px;
   }

   .hero-content h4 {
     /* display: none; */
     margin-bottom: 0px !important;
     font-weight: 700;
     font-size: 18px;
   }

   .hero-content h1 {
     font-size: 1.7rem;
   }

   .hero-content p {
     font-size: .8rem;
     max-width: 556px;
     margin-top: 0px !important;
     margin-bottom: 4px !important;
   }
 }

 /*  */