|  |  | @ -16,16 +16,18 @@ | 
			
		
	
		
			
				
					|  |  |  |           href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> | 
			
		
	
		
			
				
					|  |  |  |     <style> | 
			
		
	
		
			
				
					|  |  |  |         :root { | 
			
		
	
		
			
				
					|  |  |  |           --primary-color: #7f54b3; | 
			
		
	
		
			
				
					|  |  |  |           --bg-white: #fff; | 
			
		
	
		
			
				
					|  |  |  |           --text-color: #121212; | 
			
		
	
		
			
				
					|  |  |  |           --text-color-light: #64728f; | 
			
		
	
		
			
				
					|  |  |  |             --primary-color: #7f54b3; | 
			
		
	
		
			
				
					|  |  |  |             --bg-white: #fff; | 
			
		
	
		
			
				
					|  |  |  |             --text-color: #121212; | 
			
		
	
		
			
				
					|  |  |  |             --text-color-light: #64728f; | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  |         body{ | 
			
		
	
		
			
				
					|  |  |  |           font-family: "Montserrat", sans-serif; | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         body { | 
			
		
	
		
			
				
					|  |  |  |             font-family: "Montserrat", sans-serif; | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { | 
			
		
	
		
			
				
					|  |  |  |             color: var(--text-color); | 
			
		
	
		
			
				
					|  |  |  |             color: #121212; | 
			
		
	
		
			
				
					|  |  |  |             font-family: Montserrat; | 
			
		
	
		
			
				
					|  |  |  |             font-size: 16px !important; | 
			
		
	
		
			
				
					|  |  |  |             font-weight: 500 !important; | 
			
		
	
	
		
			
				
					|  |  | @ -36,51 +38,54 @@ | 
			
		
	
		
			
				
					|  |  |  |             border: none; | 
			
		
	
		
			
				
					|  |  |  |             margin-bottom: 0; | 
			
		
	
		
			
				
					|  |  |  |             padding: 12px 24px; | 
			
		
	
		
			
				
					|  |  |  |       } | 
			
		
	
		
			
				
					|  |  |  |       .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { | 
			
		
	
		
			
				
					|  |  |  |       border-color: transparent; | 
			
		
	
		
			
				
					|  |  |  |       isolation: isolate; | 
			
		
	
		
			
				
					|  |  |  |       } | 
			
		
	
		
			
				
					|  |  |  |       .nav-tabs .nav-link:focus-visible { | 
			
		
	
		
			
				
					|  |  |  |       border-color: transparent; | 
			
		
	
		
			
				
					|  |  |  |       box-shadow: none; | 
			
		
	
		
			
				
					|  |  |  |       } | 
			
		
	
		
			
				
					|  |  |  |       /* owl-carosel */ | 
			
		
	
		
			
				
					|  |  |  |     .owl-carousel .owl-nav { | 
			
		
	
		
			
				
					|  |  |  |       position: absolute; | 
			
		
	
		
			
				
					|  |  |  |       top: 42%; | 
			
		
	
		
			
				
					|  |  |  |       width: 100%; | 
			
		
	
		
			
				
					|  |  |  |       display: flex; | 
			
		
	
		
			
				
					|  |  |  |       justify-content: space-between; | 
			
		
	
		
			
				
					|  |  |  |       transform: translateY(-42%); | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     .owl-carousel .owl-nav button.owl-prev { | 
			
		
	
		
			
				
					|  |  |  |       position: absolute; | 
			
		
	
		
			
				
					|  |  |  |       right: -36px; | 
			
		
	
		
			
				
					|  |  |  |       font-size: 28px; | 
			
		
	
		
			
				
					|  |  |  |       background-color: #e4e4e4; | 
			
		
	
		
			
				
					|  |  |  |       border-radius: 20px; | 
			
		
	
		
			
				
					|  |  |  |       width: 40px; | 
			
		
	
		
			
				
					|  |  |  |       height: 40px; | 
			
		
	
		
			
				
					|  |  |  |       display: flex; | 
			
		
	
		
			
				
					|  |  |  |       justify-content: center; | 
			
		
	
		
			
				
					|  |  |  |       align-items: center; | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  |         .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { | 
			
		
	
		
			
				
					|  |  |  |             border-color: transparent; | 
			
		
	
		
			
				
					|  |  |  |             isolation: isolate; | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     .owl-carousel .owl-nav button.owl-next { | 
			
		
	
		
			
				
					|  |  |  |       position: absolute; | 
			
		
	
		
			
				
					|  |  |  |       left: -36px; | 
			
		
	
		
			
				
					|  |  |  |       font-size: 28px; | 
			
		
	
		
			
				
					|  |  |  |       background-color: #e4e4e4; | 
			
		
	
		
			
				
					|  |  |  |       border-radius: 20px; | 
			
		
	
		
			
				
					|  |  |  |       width: 40px; | 
			
		
	
		
			
				
					|  |  |  |       height: 40px; | 
			
		
	
		
			
				
					|  |  |  |       display: flex; | 
			
		
	
		
			
				
					|  |  |  |       justify-content: center; | 
			
		
	
		
			
				
					|  |  |  |       align-items: center; | 
			
		
	
		
			
				
					|  |  |  |         .nav-tabs .nav-link:focus-visible { | 
			
		
	
		
			
				
					|  |  |  |             border-color: transparent; | 
			
		
	
		
			
				
					|  |  |  |             box-shadow: none; | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  |         /* owl-carosel */ | 
			
		
	
		
			
				
					|  |  |  |         .owl-carousel .owl-nav { | 
			
		
	
		
			
				
					|  |  |  |             position: absolute; | 
			
		
	
		
			
				
					|  |  |  |             top: 42%; | 
			
		
	
		
			
				
					|  |  |  |             width: 100%; | 
			
		
	
		
			
				
					|  |  |  |             display: flex; | 
			
		
	
		
			
				
					|  |  |  |             justify-content: space-between; | 
			
		
	
		
			
				
					|  |  |  |             transform: translateY(-42%); | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         .owl-carousel .owl-nav button.owl-prev { | 
			
		
	
		
			
				
					|  |  |  |             position: absolute; | 
			
		
	
		
			
				
					|  |  |  |             right: -36px; | 
			
		
	
		
			
				
					|  |  |  |             font-size: 28px; | 
			
		
	
		
			
				
					|  |  |  |             background-color: #e4e4e4; | 
			
		
	
		
			
				
					|  |  |  |             border-radius: 20px; | 
			
		
	
		
			
				
					|  |  |  |             width: 40px; | 
			
		
	
		
			
				
					|  |  |  |             height: 40px; | 
			
		
	
		
			
				
					|  |  |  |             display: flex; | 
			
		
	
		
			
				
					|  |  |  |             justify-content: center; | 
			
		
	
		
			
				
					|  |  |  |             align-items: center; | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         .owl-carousel .owl-nav button.owl-next { | 
			
		
	
		
			
				
					|  |  |  |             position: absolute; | 
			
		
	
		
			
				
					|  |  |  |             left: -36px; | 
			
		
	
		
			
				
					|  |  |  |             font-size: 28px; | 
			
		
	
		
			
				
					|  |  |  |             background-color: #e4e4e4; | 
			
		
	
		
			
				
					|  |  |  |             border-radius: 20px; | 
			
		
	
		
			
				
					|  |  |  |             width: 40px; | 
			
		
	
		
			
				
					|  |  |  |             height: 40px; | 
			
		
	
		
			
				
					|  |  |  |             display: flex; | 
			
		
	
		
			
				
					|  |  |  |             justify-content: center; | 
			
		
	
		
			
				
					|  |  |  |             align-items: center; | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     </style> | 
			
		
	
		
			
				
					|  |  |  | </head> | 
			
		
	
	
		
			
				
					|  |  | @ -118,7 +123,7 @@ | 
			
		
	
		
			
				
					|  |  |  |                             <p class="my-1 text-center text-uppercase" | 
			
		
	
		
			
				
					|  |  |  |                                style=" | 
			
		
	
		
			
				
					|  |  |  |               letter-spacing: 4px !important; | 
			
		
	
		
			
				
					|  |  |  |               color: var(--primary-color); | 
			
		
	
		
			
				
					|  |  |  |               color: #7f54b3; | 
			
		
	
		
			
				
					|  |  |  |               font-weight: bold; | 
			
		
	
		
			
				
					|  |  |  |               text-align: center; | 
			
		
	
		
			
				
					|  |  |  |               font-size: 14px; | 
			
		
	
	
		
			
				
					|  |  | @ -130,7 +135,7 @@ | 
			
		
	
		
			
				
					|  |  |  |                             </p> | 
			
		
	
		
			
				
					|  |  |  |                             <h1 class="text-center text-uppercase my-0" | 
			
		
	
		
			
				
					|  |  |  |                                 style=" | 
			
		
	
		
			
				
					|  |  |  |               color: var(--text-color); | 
			
		
	
		
			
				
					|  |  |  |               color: #121212; | 
			
		
	
		
			
				
					|  |  |  |               font-size: 46px; | 
			
		
	
		
			
				
					|  |  |  |               font-weight: 700; | 
			
		
	
		
			
				
					|  |  |  |               line-height: normal; | 
			
		
	
	
		
			
				
					|  |  | @ -152,8 +157,8 @@ | 
			
		
	
		
			
				
					|  |  |  |               font-family: Montserrat; | 
			
		
	
		
			
				
					|  |  |  |               display: inline-block; | 
			
		
	
		
			
				
					|  |  |  |               padding: 7px 33px; | 
			
		
	
		
			
				
					|  |  |  |               border: 1px solid var(--primary-color); | 
			
		
	
		
			
				
					|  |  |  |               color: var(--primary-color); | 
			
		
	
		
			
				
					|  |  |  |               border: 1px solid #7f54b3; | 
			
		
	
		
			
				
					|  |  |  |               color: #7f54b3; | 
			
		
	
		
			
				
					|  |  |  |               text-decoration: none; | 
			
		
	
		
			
				
					|  |  |  |             " | 
			
		
	
		
			
				
					|  |  |  |                                class="mx-1 mb-2 deep-1 deep_hover"> | 
			
		
	
	
		
			
				
					|  |  | @ -195,13 +200,13 @@ | 
			
		
	
		
			
				
					|  |  |  |                                  style="z-index: 3; height: auto;"> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="position-absolute" | 
			
		
	
		
			
				
					|  |  |  |                          style="bottom: 0; z-index: 1; width: 100%;"> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="position-absolute bottom-0" | 
			
		
	
		
			
				
					|  |  |  |                          style="z-index: 1; width: 100%;"> | 
			
		
	
		
			
				
					|  |  |  |                         <img src="./assets/icons/banner-bg.svg" | 
			
		
	
		
			
				
					|  |  |  |                              class="img-fluid w-100"> | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="position-absolute" | 
			
		
	
		
			
				
					|  |  |  |                          style="bottom: 0; right: 0; z-index: 2;"> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="position-absolute bottom-0 end-0" | 
			
		
	
		
			
				
					|  |  |  |                          style=" z-index: 2;"> | 
			
		
	
		
			
				
					|  |  |  |                         <img src="./assets/icons/patter.svg"> | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
		
			
				
					|  |  |  |                 </div> | 
			
		
	
	
		
			
				
					|  |  | @ -213,7 +218,7 @@ | 
			
		
	
		
			
				
					|  |  |  |      box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); "> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="row"> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | 
			
		
	
		
			
				
					|  |  |  |                             <h2 style=" color: var(--text-color); | 
			
		
	
		
			
				
					|  |  |  |                             <h2 style=" color: #121212; | 
			
		
	
		
			
				
					|  |  |  |             text-align: center; | 
			
		
	
		
			
				
					|  |  |  |             font-size: 40px; | 
			
		
	
		
			
				
					|  |  |  |             font-weight: 700; | 
			
		
	
	
		
			
				
					|  |  | @ -256,10 +261,10 @@ | 
			
		
	
		
			
				
					|  |  |  |                         <div class="col-lg-4"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="mb-4 d-flex flex-column justify-content-center gap-3" | 
			
		
	
		
			
				
					|  |  |  |                                  style="border-radius: 12px; | 
			
		
	
		
			
				
					|  |  |  |             border: 1px solid  #B6BCCD; | 
			
		
	
		
			
				
					|  |  |  |             background:  #FFF;padding:32px "> | 
			
		
	
		
			
				
					|  |  |  |           border: 1px solid  #B6BCCD; | 
			
		
	
		
			
				
					|  |  |  |           background:  #FFF;padding:32px "> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="d-flex justify-content-center align-items-center" | 
			
		
	
		
			
				
					|  |  |  |                                      style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> | 
			
		
	
		
			
				
					|  |  |  |                                      style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px"> | 
			
		
	
		
			
				
					|  |  |  |                                     <img src="./assets/icons/feature-icon.svg" | 
			
		
	
		
			
				
					|  |  |  |                                          class="img-responsive" height="26px" | 
			
		
	
		
			
				
					|  |  |  |                                          width="26px"> | 
			
		
	
	
		
			
				
					|  |  | @ -274,7 +279,7 @@ | 
			
		
	
		
			
				
					|  |  |  |                             <div class="mb-4 d-flex flex-column justify-content-center gap-3" | 
			
		
	
		
			
				
					|  |  |  |                                  style="border-radius: 12px; | 
			
		
	
		
			
				
					|  |  |  |           border: 1px solid  #B6BCCD; | 
			
		
	
		
			
				
					|  |  |  |           background:  #FFF;padding:32px "> | 
			
		
	
		
			
				
					|  |  |  |           background:  #FFF;padding:32px; min-height: 236px; "> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="d-flex justify-content-center align-items-center" | 
			
		
	
		
			
				
					|  |  |  |                                      style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px"> | 
			
		
	
		
			
				
					|  |  |  |                                     <img src="./assets/icons/feature-icon.svg" | 
			
		
	
	
		
			
				
					|  |  | @ -291,13 +296,13 @@ | 
			
		
	
		
			
				
					|  |  |  |                 </div> | 
			
		
	
		
			
				
					|  |  |  |                 <!--code  --> | 
			
		
	
		
			
				
					|  |  |  |                 <div class="my-5"> | 
			
		
	
		
			
				
					|  |  |  |                     <div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;"> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="wrapper-info" | 
			
		
	
		
			
				
					|  |  |  |                              style="display: flex; flex-direction: column; gap: 20px;"> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="position-relative" | 
			
		
	
		
			
				
					|  |  |  |                          style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;"> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="d-flex flex-column gap-4"> | 
			
		
	
		
			
				
					|  |  |  |                             <span class="wrapper-subtitle" | 
			
		
	
		
			
				
					|  |  |  |                                   style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Add Multiple Products To Invoice/Bill</span> | 
			
		
	
		
			
				
					|  |  |  |                             <h3 class="wrapper-details" | 
			
		
	
		
			
				
					|  |  |  |                                 style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; "> | 
			
		
	
		
			
				
					|  |  |  |                                 style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px;  "> | 
			
		
	
		
			
				
					|  |  |  |                                 Are you ready to make your business more | 
			
		
	
		
			
				
					|  |  |  |                                 organized? | 
			
		
	
		
			
				
					|  |  |  |                                 <br> Improve now! | 
			
		
	
	
		
			
				
					|  |  | @ -305,32 +310,31 @@ | 
			
		
	
		
			
				
					|  |  |  |                             <div class="d-flex gap-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="mailto:odoo@cybrosys.com" | 
			
		
	
		
			
				
					|  |  |  |                                    class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | 
			
		
	
		
			
				
					|  |  |  |             border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); | 
			
		
	
		
			
				
					|  |  |  |             background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); | 
			
		
	
		
			
				
					|  |  |  |             border: 1px solid  #ffffff33; | 
			
		
	
		
			
				
					|  |  |  |             background-color: #ffffff14; | 
			
		
	
		
			
				
					|  |  |  |             backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |              <span style="border-radius: 12px; | 
			
		
	
		
			
				
					|  |  |  |              background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); | 
			
		
	
		
			
				
					|  |  |  |              backdrop-filter: blur(6px);padding: 12px;"> | 
			
		
	
		
			
				
					|  |  |  |              background-color: #ffffff1a; | 
			
		
	
		
			
				
					|  |  |  |              backdrop-filter: blur(6px);padding: 12px;  "> | 
			
		
	
		
			
				
					|  |  |  |               <img src="./assets/icons/banner-mail.svg"> | 
			
		
	
		
			
				
					|  |  |  |            </span> | 
			
		
	
		
			
				
					|  |  |  |                                     <span style="font-weight: 500;">odoo@cybrosys.com</span> | 
			
		
	
		
			
				
					|  |  |  |                                     <span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://wa.me/919074270811" target="_blank" class="shop-btn" | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="tel:+91 9074270811" class="shop-btn" | 
			
		
	
		
			
				
					|  |  |  |                                    style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; | 
			
		
	
		
			
				
					|  |  |  |             border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); | 
			
		
	
		
			
				
					|  |  |  |             background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); | 
			
		
	
		
			
				
					|  |  |  |              border: 1px solid  #ffffff33; | 
			
		
	
		
			
				
					|  |  |  |              background-color: #ffffff14; | 
			
		
	
		
			
				
					|  |  |  |             backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |              <span style="border-radius: 12px; | 
			
		
	
		
			
				
					|  |  |  |              background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); | 
			
		
	
		
			
				
					|  |  |  |              background-color: #ffffff1a; | 
			
		
	
		
			
				
					|  |  |  |              backdrop-filter: blur(6px);padding: 12px;"> | 
			
		
	
		
			
				
					|  |  |  |               <img src="./assets/icons/banner-call.svg"> | 
			
		
	
		
			
				
					|  |  |  |            </span> | 
			
		
	
		
			
				
					|  |  |  |                                     <span style="font-weight: 500;">+91 9074270811</span> | 
			
		
	
		
			
				
					|  |  |  |                                     <span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="" | 
			
		
	
		
			
				
					|  |  |  |                              style="position: absolute; bottom: 0; right: 0;"> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="position-absolute bottom-0 end-0"> | 
			
		
	
		
			
				
					|  |  |  |                             <img src="./assets/icons/banner-pattern.svg" | 
			
		
	
		
			
				
					|  |  |  |                                  style="width: 540px;"> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
	
		
			
				
					|  |  | @ -727,132 +731,113 @@ | 
			
		
	
		
			
				
					|  |  |  |                 </div> | 
			
		
	
		
			
				
					|  |  |  |                 <!--  --> | 
			
		
	
		
			
				
					|  |  |  |                 <!-- related post --> | 
			
		
	
		
			
				
					|  |  |  |                 <div class="" style="margin-top: 100px;"> | 
			
		
	
		
			
				
					|  |  |  |                     <div class="text-center mt-4"> | 
			
		
	
		
			
				
					|  |  |  |                         <h3 class="mb-0" style="color: #000; | 
			
		
	
		
			
				
					|  |  |  |       text-align: center; | 
			
		
	
		
			
				
					|  |  |  |       font-family: Montserrat; | 
			
		
	
		
			
				
					|  |  |  |       font-size: 40px; | 
			
		
	
		
			
				
					|  |  |  |       font-style: normal; | 
			
		
	
		
			
				
					|  |  |  |       font-weight: 700; | 
			
		
	
		
			
				
					|  |  |  |       line-height: normal; | 
			
		
	
		
			
				
					|  |  |  |       text-transform: uppercase; | 
			
		
	
		
			
				
					|  |  |  |       padding-bottom: 50px;" | 
			
		
	
		
			
				
					|  |  |  |                         >Related Modules</h3> | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |                     <div class="owl-carousel owl-theme"> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/1.gif" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                 <!--  --> | 
			
		
	
		
			
				
					|  |  |  |                 <section class="oe_container mt32"> | 
			
		
	
		
			
				
					|  |  |  |                     <h2 style="color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;" | 
			
		
	
		
			
				
					|  |  |  |                         class="oe_slogan"> | 
			
		
	
		
			
				
					|  |  |  |                         <b>Related Products</b> | 
			
		
	
		
			
				
					|  |  |  |                     </h2> | 
			
		
	
		
			
				
					|  |  |  |                     <div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel"> | 
			
		
	
		
			
				
					|  |  |  |                         <!-- The slideshow --> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="carousel-inner"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="carousel-item active"> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/18.0/base_accounting_kit" | 
			
		
	
		
			
				
					|  |  |  |                                        target="_blank" style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/1.gif"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 Odoo 18 Full Accounting Kit</h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center mb-2 pb-0 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             Odoo 17 Full Accounting Kit</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/2.gif" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" | 
			
		
	
		
			
				
					|  |  |  |                                        target="_blank" style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/2.gif"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 Open HRMS Core</h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center pb-0 mb-2 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             Open HRMS Core</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/3.png" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" | 
			
		
	
		
			
				
					|  |  |  |                                        target="_blank" style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/3.png"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 Odoo17 Invoice Format Editor </h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center pb-0 mb-2 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             Odoo17 Invoice Format Editor</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/4.png" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="carousel-item"> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank" | 
			
		
	
		
			
				
					|  |  |  |                                        style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/4.png"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 User Log Details</h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center pb-0 mb-2 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             User Log Details</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/5.png" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank" | 
			
		
	
		
			
				
					|  |  |  |                                        style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/5.png"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 Odoo17 Product Barcode Generator</h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center pb-0 mb-2 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             Odoo17 Product Barcode Generator</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <div class="item" | 
			
		
	
		
			
				
					|  |  |  |                              style="border:1px solid #CBCBCB !important; border-radius: 6px;"> | 
			
		
	
		
			
				
					|  |  |  |                             <div class="p-3"> | 
			
		
	
		
			
				
					|  |  |  |                                 <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" | 
			
		
	
		
			
				
					|  |  |  |                                    style="color:#000; text-decoration:none"> | 
			
		
	
		
			
				
					|  |  |  |                                     <div style=" border-radius:4px"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div> | 
			
		
	
		
			
				
					|  |  |  |                                             <img src="./assets/modules/6.jpg" | 
			
		
	
		
			
				
					|  |  |  |                                                  alt="" width="100%" | 
			
		
	
		
			
				
					|  |  |  |                                                  height="auto"> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                                 <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> | 
			
		
	
		
			
				
					|  |  |  |                                     <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank" | 
			
		
	
		
			
				
					|  |  |  |                                        style="color: #000; text-decoration: none;"> | 
			
		
	
		
			
				
					|  |  |  |                                         <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" | 
			
		
	
		
			
				
					|  |  |  |                                              class="shadow-sm"> | 
			
		
	
		
			
				
					|  |  |  |                                             <img class="img img-responsive center-block" style=" max-width: 100%;" | 
			
		
	
		
			
				
					|  |  |  |                                                  src="./assets/modules/6.jpg"/> | 
			
		
	
		
			
				
					|  |  |  |                                             <h4 class="mt0 text-truncate" | 
			
		
	
		
			
				
					|  |  |  |                                                 style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> | 
			
		
	
		
			
				
					|  |  |  |                                                 Send Whatsapp Message Odoo17</h4> | 
			
		
	
		
			
				
					|  |  |  |                                         </div> | 
			
		
	
		
			
				
					|  |  |  |                                         <p class="text-center pb-0 mb-2 text-black" | 
			
		
	
		
			
				
					|  |  |  |                                            style="font-weight: 600; padding-top: 16px;"> | 
			
		
	
		
			
				
					|  |  |  |                                             Send Whatsapp Message Odoo17</p> | 
			
		
	
		
			
				
					|  |  |  |                                     </div> | 
			
		
	
		
			
				
					|  |  |  |                                 </a> | 
			
		
	
		
			
				
					|  |  |  |                                     </a> | 
			
		
	
		
			
				
					|  |  |  |                                 </div> | 
			
		
	
		
			
				
					|  |  |  |                             </div> | 
			
		
	
		
			
				
					|  |  |  |                         </div> | 
			
		
	
		
			
				
					|  |  |  |                         <!-- Left and right controls --> | 
			
		
	
		
			
				
					|  |  |  |                         <a class="carousel-control-prev" href="#demo" data-bs-slide="prev" | 
			
		
	
		
			
				
					|  |  |  |                            style="margin-left: -30px;width: 35px;color: #000;"> | 
			
		
	
		
			
				
					|  |  |  |                         <span class="carousel-control-prev-icon"> | 
			
		
	
		
			
				
					|  |  |  |         <i class="fa fa-chevron-left" style="font-size:24px"></i> | 
			
		
	
		
			
				
					|  |  |  |       </span> | 
			
		
	
		
			
				
					|  |  |  |                         </a> | 
			
		
	
		
			
				
					|  |  |  |                         <a class="carousel-control-next" href="#demo" data-bs-slide="next" | 
			
		
	
		
			
				
					|  |  |  |                            style="margin-right: -30px;width: 35px;color: #000;"> | 
			
		
	
		
			
				
					|  |  |  |                         <span class="carousel-control-next-icon"> | 
			
		
	
		
			
				
					|  |  |  |         <i class="fa fa-chevron-right" style="font-size:24px"></i> | 
			
		
	
		
			
				
					|  |  |  |       </span> | 
			
		
	
		
			
				
					|  |  |  |                         </a> | 
			
		
	
		
			
				
					|  |  |  |                     </div> | 
			
		
	
		
			
				
					|  |  |  |                 </div> | 
			
		
	
		
			
				
					|  |  |  |                 <!--  --> | 
			
		
	
		
			
				
					|  |  |  |                 </section> | 
			
		
	
		
			
				
					|  |  |  |                 <!-- service-section --> | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |                 <section id="services" class="mt-5" style="border-radius: 16px; | 
			
		
	
	
		
			
				
					|  |  | 
 |