body {
     background: linear-gradient(90deg, #ffffff, #f8e9e4);
     font-family: 'Poppins', sans-serif;
   }

   .top-nav-section-header {
     max-width: 1400px;
     margin: 0 auto;
     background: linear-gradient(90deg, #ffffff, #f8e9e4);
     padding: 15px 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     z-index: 100;
   }

   .top-nav-section-logo {
     font-size: 22px;
     font-weight: 600;
     color: #d10000;
     display: flex;
     align-items: center;
   }
   .top-nav-section-logo a {
     font-size: 22px;
     font-weight: 600;
     color: #d10000;
     display: flex;
     align-items: center;
   }

   .top-nav-section-logo i {
     margin-right: 10px;
     font-size: 26px;
   }

   .top-nav-section-menu {
     display: flex;
     gap: 30px;
     align-items: center;
   }

   .top-nav-section-menu a {
     text-decoration: none;
     color: #333;
     font-weight: 500;
     font-size: 15px;
     transition: color 0.3s;
     position: relative;
   }

   .top-nav-section-menu a:hover {
     color: #ff0000;
   }

   .top-nav-section-menu-item {
     position: relative;
   }

   .top-nav-section-dropdown {
     position: absolute;
     top: 25px;
     left: -600px;
     background: #ffffff;
     padding: 20px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     flex-wrap: wrap; 
     display: none;
     gap: 20px;
      width: 720px; 
     opacity: 0;
     transform: translateY(-10px);
     transition: opacity 0.3s ease, transform 0.3s ease;
   }

   .top-nav-section-menu-item:hover .top-nav-section-dropdown {
     display: flex;
     opacity: 1;
     transform: translateY(0);
   }

   .top-nav-section-dropdown-column {
     width: calc(33.33% - 13.33px); 
     padding: 10px;
       box-sizing: border-box;

   }

   .top-nav-section-dropdown-column h4 {
     margin-bottom: 12px;
     font-size: 15px;
     font-weight: 600;
     color: #222;
   }

   .top-nav-section-dropdown-column ul {
     list-style: none;
         margin-left: -37px;
   }

   .top-nav-section-dropdown-column ul li {
     margin: 8px 0;
     font-size: 13px;
     color: #444;
     transition: color 0.3s;
     cursor: pointer;
   }

   .top-nav-section-dropdown-column ul li:hover {
     color: #d10000;
   }

   .top-nav-section-dropdown-btn {
     display: inline-block;
     margin-top: 15px;
     padding: 5px 8px;
     background-color: #ffffff;
     border: 1px solid rgb(105, 105, 105);
     /* color: #fff; */
     font-weight: 500;
     font-size: 13px;
     text-decoration: none;
     /* border-radius: 5px; */
     transition: background-color 0.3s, transform 0.2s;
     width: 150px;
   }

   .top-nav-section-dropdown-btn:hover {
     background-color: #ffffff;
     transform: translateY(-2px);
     border: 1px solid rgb(255, 0, 0);
   }

   .top-nav-section-toggle {
     display: none;
     font-size: 24px;
     cursor: pointer;
     color: #333;
   }

   .top-nav-section-sidebar {
     position: fixed;
     left: -300px;
     top: 0;
     width: 260px;
     height: 100%;
     background: #ffffff;
     padding: 20px;
     transition: left 0.3s ease;
     z-index: 999;
     box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
     overflow: scroll;
   }

   .top-nav-section-sidebar.active {
     left: 0;
   }

   .top-nav-section-sidebar-close {
     font-size: 24px;
     color: #d10000;
     cursor: pointer;
     text-align: right;
     margin-bottom: 20px;
   }

   .top-nav-section-sidebar a {
     display: block;
     margin-bottom: 15px;
     font-size: 16px;
     color: #333;
     text-decoration: none;
     font-weight: 500;
     transition: color 0.3s;
   }

   .top-nav-section-sidebar a:hover {
     color: #d10000;
   }

   .top-nav-section-mobile-dropdown-btn {
     font-size: 16px;
     color: #d10000;
     cursor: pointer;
     font-weight: 500;
     margin-bottom: 15px;
     transition: color 0.3s;
   }

   .top-nav-section-mobile-dropdown-btn:hover {
     color: #b00000;
   }

   .top-nav-section-sidebar .top-nav-section-dropdown {
     position: static;
     width: 100%;
     padding: 10px 0;
     box-shadow: none;
     flex-direction: column;
     display: none;
     opacity: 1;
     transform: none;
     background: #f9f9f9;
     border-radius: 5px;
   }

   .top-nav-section-sidebar .top-nav-section-dropdown.active {
     display: flex;
   }

   .pricing-banner {
     background: #ffe3dd;
     text-align: center;
     padding: 40px 20px 70px;
   }

   .pricing-banner h1 {
     font-size: 2.5rem;
     font-weight: 700;
     margin: 0;
   }

   .pricing-banner p {
     font-size: 1.2rem;
     color: #444;
     margin-top: 8px;
   }

   .toggle-btn {
     margin-top: 30px;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: #fff;
     border-radius: 30px;
     padding: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
   }

   .toggle-btn button {
     border: none;
     background: none;
     font-weight: bold;
     padding: 8px 18px;
     cursor: pointer;
     border-radius: 20px;
   }

   .toggle-btn .active {
     background-color: #f44;
     color: #fff;
   }

   .pricing-section {
     max-width: 1400px;
     margin: -50px auto 50px;
     padding: 0 15px;
   }

   .pricing-cards {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
   }

   .plan-card {
     border: 1px solid #ddd;
     border-radius: 6px;
     background: #fff;
     text-align: center;
     overflow: hidden;
     transition: all 0.3s ease;
     cursor: pointer;
     position: relative;
   }

   .plan-card.selected {
     border: 2px solid #000;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     transform: scale(1.02);
   }

   .plan-header {
     padding: 20px;
     background: #f7f7f7;
     font-weight: bold;
     letter-spacing: 1px;
   }

   .plan-price {
     font-size: 2rem;
     font-weight: bold;
     margin: 15px 0 5px;
   }

   .plan-note {
     font-size: 0.9rem;
     color: #444;
   }

   .plan-features {
     padding: 0 20px;
     text-align: left;
     font-size: 14px;
   }

   .plan-features i {
     margin-right: 6px;
     color: #f44;
     margin-top: 18px;
   }

   .start-btn {
     background-color: #f44;
     color: #fff;
     border: none;
     padding: 10px 20px;
     font-weight: bold;
     cursor: pointer;
     margin: 20px 0 5px;
     border-radius: 4px;
     transition: background-color 0.3s;
   }

   .start-btn:hover {
     background-color: #d10000;
   }

   .customize-link {
     font-size: 12px;
     margin-bottom: 15px;
     display: block;
     color: #555;
     text-decoration: none;
   }

   .customize-link:hover {
     color: #f44;
   }

   .learn-more {
     text-align: left;
     padding: 10px 20px 20px;
     font-size: 13px;
     color: #333;
   }

   .learn-more a {
     color: #f44;
     text-decoration: none;
   }

   .learn-more a:hover {
     text-decoration: underline;
   }

   @media(max-width: 1024px) {
     .pricing-cards {
       grid-template-columns: repeat(2, 1fr);
     }

     .plan-card {
       margin-bottom: 20px;
     }
   }

   @media(max-width: 768px) {
     .top-nav-section-menu {
       display: none;
     }

     .top-nav-section-toggle {
       display: block;
     }

     .top-nav-section-header {
       padding: 12px 15px;
     }

     .top-nav-section-logo {
       font-size: 20px;
     }

     .top-nav-section-logo i {
       font-size: 22px;
     }

     .pricing-cards {
       grid-template-columns: repeat(2, 1fr);
     }

     .pricing-banner h1 {
       font-size: 1.8rem;
     }

     .pricing-banner p {
       font-size: 1rem;
     }

     .plan-card {
       margin: 0 auto;
       max-width: 90%;
     }

     .plan-price {
       font-size: 1.8rem;
     }

     .plan-features {
       font-size: 13px;
     }

     .start-btn {
       padding: 8px 16px;
       font-size: 14px;
     }
   }

   @media(max-width: 480px) {
     .pricing-section {
       padding: 0 10px;
     }

     .plan-card {
       max-width: 100%;
     }

     .plan-header {
       font-size: 14px;
     }

     .plan-price {
       font-size: 1.6rem;
     }

     .plan-note {
       font-size: 0.8rem;
     }
   }

   /* our add once  */
   .addons-section {
     max-width: 1400px;
     margin: auto;
     display: flex;
     gap: 40px;
     padding: 40px 20px;
   }

   .addons-left,
   .addons-right {
     background: #fff;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
   }

   .addons-left {
     width: 45%;
     background: linear-gradient(135deg, #ffffff, #f8e9e4);
   }

   .addons-right {
     width: 55%;
     position: relative;
   }

   .addons-left h2 {
     font-size: 28px;
     font-weight: 600;
     margin-bottom: 20px;
     color: #222;
   }

   .addons-left h2 span {
     color: #d10000;
     font-weight: 700;
   }

   .addons-item {
     margin-bottom: 16px;
     padding: 12px;
     border-radius: 8px;
     background: #fff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     transition: transform 0.2s, box-shadow 0.2s;
   }

   .addons-item:hover {
     transform: translateY(-3px);
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   }

   .addons-item-text {
     font-size: 16px;
     font-weight: 500;
     color: #222;
   }

   .addons-item-text .addons-price {
     font-size: 20px;
     font-weight: 600;
     color: #d10000;
     margin-right: 5px;
   }

   .addons-item-text .addons-cycle {
     font-size: 14px;
     color: #444;
   }

   .addons-plan-toggle {
     margin: 20px 0;
     display: flex;
     align-items: center;
     gap: 12px;
     background: #f9f9f9;
     padding: 10px 15px;
     border-radius: 8px;
   }

   .addons-plan-tabs {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
     gap: 10px;
   }

   .addons-plan-tab {
     cursor: pointer;
     padding: 12px;
     font-weight: 500;
     text-align: center;
     flex: 1;
     border-bottom: 3px solid transparent;
     background: #f9f9f9;
     border-radius: 8px;
     transition: all 0.3s;
   }

   .addons-plan-tab.active {
     color: #d10000;
     border-color: #d10000;
     background: #fff;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   }

   .addons-plan-tab small {
     display: block;
     font-weight: normal;
     font-size: 13px;
     color: #555;
   }

   .addons-plan-toggle label {
     font-size: 14px;
     font-weight: 500;
     color: #333;
   }

   .addons-switch {
     position: relative;
     display: inline-block;
     width: 44px;
     height: 22px;
   }

   .addons-switch input {
     opacity: 0;
     width: 0;
     height: 0;
   }

   .addons-slider {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     transition: 0.4s;
     border-radius: 34px;
   }

   .addons-slider::before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     left: 4px;
     bottom: 3px;
     background-color: white;
     transition: 0.4s;
     border-radius: 50%;
   }

   input:checked+.addons-slider {
     background-color: #d10000;
   }

   input:checked+.addons-slider::before {
     transform: translateX(20px);
   }

   .addons-table {
     width: 100%;
     border-collapse: collapse;
     margin-top: 16px;
   }

   .addons-table th,
   .addons-table td {
     padding: 12px;
     border-bottom: 1px solid #eee;
     text-align: left;
   }

   .addons-table th {
     font-weight: 600;
     color: #222;
   }

   .addons-qty-controls {
     display: flex;
     align-items: center;
     gap: 10px;
   }

   .addons-qty-controls button {
     width: 28px;
     height: 28px;
     border: none;
     background: #d10000;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
     font-size: 16px;
     transition: background 0.3s;
   }

   .addons-qty-controls button:hover {
     background: #b00000;
   }

   .addons-total-section {
     margin-top: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   .addons-total-section p {
     font-size: 18px;
     font-weight: 500;
   }

   .addons-total-amount {
     font-size: 26px;
     font-weight: 600;
     color: #d10000;
   }

   .addons-get-in-touch {
     background: #d10000;
     color: #fff;
     padding: 14px;
     border: none;
     width: 100%;
     margin-top: 20px;
     cursor: pointer;
     border-radius: 6px;
     font-weight: 500;
     transition: background 0.3s;
   }

   .addons-get-in-touch:hover {
     background: #b00000;
   }

   .addons-note {
     margin-top: 10px;
     font-size: 12px;
     color: #777;
     text-align: center;
   }

   .addons-add-btn {
     position: absolute;
     top: 20px;
     right: 20px;
     background: #d10000;
     color: #fff;
     padding: 8px 16px;
     border: none;
     border-radius: 6px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     transition: background 0.3s;
   }

   .addons-add-btn:hover {
     background: #b00000;
   }

   @media (max-width: 768px) {
     .addons-section {
       flex-direction: column;
       padding: 20px;
     }

     .addons-left,
     .addons-right {
       width: 80%;
     }

     .addons-left h2 {
       font-size: 24px;
     }

     .addons-item-text .addons-price {
       font-size: 18px;
     }

     .know-more-section {
       flex-direction: column;
     }

     .addons-plan-tabs {
       flex-wrap: wrap;
       gap: 8px;
     }

     .addons-plan-tab {
       flex: 1 1 45%;
     }

     .addons-add-btn {
       position: static;
       width: 100%;
       margin-bottom: 20px;
     }
   }

   @media (max-width: 480px) {
     .addons-left h2 {
       font-size: 20px;
     }

     .addons-item-text {
       font-size: 14px;
     }

     .addons-item-text .addons-price {
       font-size: 16px;
     }

     .addons-item-text .addons-cycle {
       font-size: 12px;
     }

     .addons-plan-tab {
       flex: 1 1 100%;
     }

     .addons-total-amount {
       font-size: 22px;
     }
   }


   /* know more  */
   .know-more-section {
     max-width: 1400px;
     margin: 0 auto;
     padding: 40px 20px;
     display: flex;
     gap: 40px;
     justify-content: center;
     font-family: Arial, sans-serif;
   }

   .know-more-left-card {
     background-color: #ff4f4f;
     flex: 1;
     border: 1px solid #ccc;
     border-radius: 10px;
     padding: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     /* background-color: #fff; */
   }

   .know-more-right-card {
     background-color: #000000;
     flex: 1;
     border: 1px solid #ccc;
     border-radius: 10px;
     padding: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     color: #fff;
     /* background-color: #fff; */
   }

   .know-more-left-title {
     text-align: center;
     padding: 10px;
     font-size: 1.5rem;
     font-weight: bold;
     border-radius: 5px;
     margin-bottom: 15px;
   }

   .know-more-left-image,
   .know-more-right-image {
     width: 60%;
     height: auto;
     display: block;
     margin: 0 auto 15px auto;
     /* Center horizontally + bottom spacing */
     border-radius: 5px;

   }


   .know-more-left-content,
   .know-more-right-content {
     text-align: center;
     margin-bottom: 20px;
     font-size: 1rem;
     line-height: 1.6;
   }

   .know-more-button-group {
     display: flex;
     gap: 10px;
     justify-content: center;
   }

   .know-more-button {
     padding: 10px 20px;
     background-color: #ffb7b7d6;
     color: #191919;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-weight: bold;
     transition: background-color 0.3s ease;
     display: block;
   }


   .know-more-button:hover {
     background-color: #fe8f8fd6;
   }

   .know-more-right-logo-container {
     display: flex;
     justify-content: center;
     margin-bottom: 15px;
   }

   .know-more-right-logo {
     max-width: 120px;
   }

   /* safe hands section  */
   .safe-section-container {
     background-color: #fdb39c63;
   }

   .safe-section {
     max-width: 1400px;
     margin: auto;
     padding: 60px 20px;
     display: flex;
     flex-wrap: wrap;
     gap: 40px;
     align-items: flex-start;

   }

   /* .safe-left {
      flex: 1 1 250px;
    } */
   .safe-left h2 {
     font-size: 18px;
     margin-bottom: 8px;
   }

   .safe-left h1 {
     font-size: 42px;
     font-weight: bold;
   }

   .safe-left h1 span {
     color: red;
   }

   .safe-cards {
     flex: 2 1 600px;
     display: flex;
     flex-direction: column;
     gap: 20px;
   }

   .safe-card {
     display: flex;
     gap: 20px;
     background: #f9f7f2;
     padding: 24px;
     border-radius: 8px;
     transition: 0.3s;
     border: 1px solid gray;
   }

   .safe-card:hover {
     background: #fff;
   }

   .icon-box {
     background: #f5f2eb;
     padding: 12px;
     border-radius: 50%;
     height: 40px;
     width: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .icon-box i {
     font-size: 18px;
   }

   .card-content h3 {
     font-size: 18px;
     margin: 0 0 8px;
   }

   .card-content p {
     margin: 0 0 12px;
     font-size: 14px;
     color: #333;
   }

   .card-content button {
     background: #f3efe5;
     border: none;
     padding: 8px 14px;
     font-size: 13px;
     cursor: pointer;
     border-radius: 5px;
     font-weight: bold;
     transition: 0.3s;
   }

   .card-content button:hover {
     background: #e5e2da;
   }

   @media (max-width: 768px) {
     .safe-section {
       flex-direction: column;
     }
   }

   /* inv-footer  */
   .inv-footert-container {
     padding: 60px 40px 20px;
     background-color: #1e191d;
   }

   .inv-footert-top {
     text-align: center;
     margin-bottom: 50px;
     color: #fff;
   }

   .inv-footert-top h2 {
     font-size: 28px;
     font-weight: bold;
   }

   .inv-footert-top span {
     color: #e94f4f;
   }

   .inv-footert-btns {
     margin-top: 20px;
   }

   .inv-footert-btns button {
     background: #e94f4f;
     color: white;
     border: none;
     padding: 10px 18px;
     margin: 5px;
     border-radius: 4px;
     cursor: pointer;
   }

   .inv-footert-grid {
     display: grid;
     grid-template-columns: 250px repeat(4, 1fr);
     gap: 30px;
     margin-top: 60px;
     padding-bottom: 40px;
     border-bottom: 1px solid #333;
   }

   .inv-footert-ads img {
     width: 100%;
     margin-bottom: 20px;
     border-radius: 6px;
   }

   .inv-footert-col h4 {
     margin-bottom: 15px;
     color: #fff;
     font-size: 15px;
     font-weight: bold;
   }

   .inv-footert-col ul {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .inv-footert-col ul li {
     font-size: 14px;
     margin-bottom: 6px;
     color: #ccc;
     cursor: pointer;
   }

   .inv-footert-bottom {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     margin-top: 40px;
     gap: 20px;
   }

   .inv-footert-bottom .inv-footert-select,
   .inv-footert-bottom .inv-footert-connect {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     color: #fff;
   }

   .inv-footert-bottom select {
     background: #333;
     color: #fff;
     border: none;
     padding: 5px 10px;
     border-radius: 4px;
   }

   .inv-footert-bottom .inv-footert-social i {
     margin-right: 10px;
     font-size: 18px;
     cursor: pointer;
     color: #fff;
   }

   .inv-footert-logos {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     padding: 20px 0;
     font-size: 12px;
     border-top: 1px solid #333;
   }

   .inv-footert-logos div {
     display: flex;
     align-items: center;
     gap: 20px;
     color: #fff;
   }

   .inv-footert-logos img {
     height: 30px;
   }

   @media (max-width: 768px) {
     .inv-footert-grid {
       grid-template-columns: 1fr;
     }

     .inv-footert-bottom {
       flex-direction: column;
       align-items: flex-start;
     }
   }

   /* faq section  */
   .faq-section {
     max-width: 1200px;
     margin: 0 auto;
     padding: 40px 20px;
     font-family: 'Poppins', sans-serif;
     /* background: #fff; */
   }

   .faq-header {
     text-align: center;
     margin-bottom: 40px;
   }

   .faq-header h2 {
     font-size: 28px;
     font-weight: 600;
     color: #222;
   }

   .faq-header h2 span {
     color: #d10000;
   }

   .faq-container {
     max-width: 1400px;
     margin: 0 auto;
   }

   .faq-item {
     border-bottom: 1px solid #eee;
     margin-bottom: 10px;
     padding-bottom: 10px;
   }

   .faq-question {
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     padding: 15px 10px;
     font-size: 16px;
     font-weight: 500;
     color: #222;
     transition: background 0.3s, color 0.3s;
   }

   .faq-question:hover {
     background: #f9f9f9;
     color: #d10000;
   }

   .faq-icon {
     font-size: 18px;
     color: #d10000;
     transition: transform 0.3s ease;
   }

   .faq-item.active .faq-icon.fa-plus {
     transform: rotate(45deg);
   }

   .faq-item.active .faq-icon.fa-minus {
     transform: rotate(0deg);
   }

   .faq-answer {
     max-height: 0;
     overflow: hidden;
     padding: 0 10px;
     font-size: 14px;
     color: #444;
     line-height: 1.6;
     transition: max-height 0.3s ease, padding 0.3s ease;
   }

   .faq-item.active .faq-answer {
     max-height: 200px;
     /* Adjust based on content */
     padding: 15px 10px;
   }

   @media (max-width: 768px) {
     .faq-section {
       padding: 30px 15px;
     }

     .faq-header h2 {
       font-size: 24px;
     }

     .faq-question {
       font-size: 15px;
       padding: 12px 8px;
     }

     .faq-icon {
       font-size: 16px;
     }

     .faq-answer {
       font-size: 13px;
     }

     .faq-item.active .faq-answer {
       padding: 12px 8px;
     }
   }

   @media (max-width: 480px) {
     .faq-section {
       padding: 20px 10px;
     }

     .faq-header h2 {
       font-size: 20px;
     }

     .faq-question {
       font-size: 14px;
       padding: 10px 6px;
     }

     .faq-icon {
       font-size: 14px;
     }

     .faq-answer {
       font-size: 12px;
     }

     .faq-item.active .faq-answer {
       padding: 10px 6px;
     }
   }


   /* relaibable */

   /* reliable section  */
   .reliable-section {
     max-width: 1400px;
     margin: auto;
     /* display: flex; */
     /* flex-wrap: wrap; */
     align-items: center;
     gap: 30px;
   }

   .reliable-text {
     flex: 1 1 500px;
     text-align: center;
   }

   .reliable-text h2 {
     font-size: 36px;
     font-weight: 700;
     color: #000;
     margin-bottom: 10px;
   }

   .reliable-text p {
     font-size: 16px;
     color: #333;
     margin-bottom: 25px;
     max-width: 700px;
     margin: 0 auto;
   }

   .reliable-button {
     background-color: #fa4d4d;
     color: #fff;
     border: none;
     padding: 14px 30px;
     font-size: 16px;
     border-radius: 5px;
     cursor: pointer;
     transition: background 0.3s;
     margin-top: 20px;
   }

   .reliable-button:hover {
     background-color: #e63b3b;
   }

   .reliable-image {
     flex: 1 1 500px;
     text-align: center;
     margin-top: 20px;
   }

   .reliable-image img {
     max-width: 100%;
     height: auto;
     border-radius: 10px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
   }

   @media (max-width: 768px) {
     .reliable-section {
       flex-direction: column;
       text-align: center;
     }

     .reliable-text h2 {
       font-size: 28px;
     }

     .reliable-text p {
       margin: 0 auto 25px;
     }
   }

   /* .inventory-simplifies-section  */
   .inventory-simplifies-section {
     padding: 40px 20px;
     text-align: center;
   }

   .inventory-simplifies-heading {
     font-size: 2.2rem;

     max-width: 700px;
     margin: 0 auto;
   }

   .inventory-simplifies-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     max-width: 1000px;
     margin: 0 auto;
     /* gap: 40px; */
     flex-wrap: wrap;
   }

   .inventory-simplifies-image {
     flex: 1 1 300px;
   }

   .inventory-simplifies-image img {
     width: 100%;
     max-width: 400px;
     border-radius: 10px;
   }

   .inventory-simplifies-content {
     flex: 1 1 300px;
     text-align: left;
   }

   .inventory-simplifies-content h3 {
     font-size: 1.8rem;
     margin-bottom: 15px;
   }

   .inventory-simplifies-content p {
     font-size: 1rem;
     margin-bottom: 20px;
     line-height: 1.6;
   }

   .inventory-simplifies-link {
     display: inline-block;
     text-decoration: none;
     background-color: #007bff;
     color: white;
     padding: 10px 20px;
     border-radius: 5px;
     transition: background-color 0.3s ease;
   }

   .inventory-simplifies-link:hover {
     background-color: #0056b3;
   }

   @media (max-width: 768px) {
     .inventory-simplifies-container {
       flex-direction: column;
       text-align: center;
     }

     .inventory-simplifies-content {
       text-align: center;
     }
   }