#section_LogicSeptProductsList_1 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicSeptProductsList_1 .container {     display: flex;     justify-content: space-between;     flex-direction: column;     width: calc(100% - 20px);     max-width: 1170px;     padding-top: 20px;     padding-bottom: 20px;     min-height: 200px;     user-select: none; }   #section_LogicSeptProductsList_1 .container .title {     font-size: 36px;     line-height: 40px;     color: #270538;     margin: 0;     padding-bottom: 20px;     align-self: flex-start; }   #section_LogicSeptProductsList_1 .container .content {     display: flex;     flex-direction: row;     justify-content: space-between;     width: 100%;     padding-top: 20px;     gap: 20px;     border-top: 1px solid #ddd; }   #section_LogicSeptProductsList_1 .container .category_container {     display: flex;     max-width: 20%;     width: 100%;     margin-top: 20px;     border-left: 1px solid #f5f5f5;     position: relative; }   #section_LogicSeptProductsList_1 .container .category_container .categories {     display: flex;     flex-direction: column;     padding: 0;     gap: 20px;     list-style: none;     width: 100%; }   #section_LogicSeptProductsList_1 .container .category_container .categories a {     z-index: 3;     color: inherit;     position: relative;     display: block;     width: 100%;     padding: 6px;     margin-left: 20px;     text-decoration: none; }   #section_LogicSeptProductsList_1 .container .category_container .categories .active {     background-color: #f1f1f1 !important;     color: #1C2D4E !important;     font-weight: bold; }   #section_LogicSeptProductsList_1 .container .category_container .categories li {     color: #707070;     position: relative; }   #section_LogicSeptProductsList_1 .container .category_container .categories li:hover a {     color: #1C2D4E;     font-weight: bold; }   #section_LogicSeptProductsList_1 .container .category_container .categories li:before {     content: '';     position: absolute;     width: 10px;     height: 100%;     left: 0;     background-color: #f5f5f5;     transition: all .3s ease-in-out;     z-index: 1; }   #section_LogicSeptProductsList_1 .container .category_container .categories li:hover:before {     width: 100%;     transition: all .3s ease-in-out;     z-index: 1; }   #section_LogicSeptProductsList_1 .container .product_container {     display: flex;     justify-content: center;     flex-wrap: wrap;     max-width: 80%;     width: 100%;     gap: 20px; }   #section_LogicSeptProductsList_1 .container .product_container .product_single {     max-width: 250px;     width: calc(100% - 40px);     padding: 20px;     gap: 10px;     background-color: #f1f5f8;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     height: auto;     position: relative;     z-index: 2; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .product_info {     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     text-align: center;     gap: 10px;     width: 100%; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .product_info .product_price {     display: flex;     flex-direction: column;     align-items: center; }   #section_LogicSeptProductsList_1 .container .product_container .product_single img {     width: 100%;     height: auto;     align-self: center;     z-index: 2;     object-position: center;     object-fit: cover; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .product_name {     font-size: 24px;     line-height: 30px;     margin: 0;     color: #1C2D4E; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .desc {     font-size: 14px;     line-height: 20px;     color: #707070; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .price {     font-size: 20px;     color: #1C2D4E;     font-weight: bold; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .price_desc {     font-size: 12px;     color: #707070;     text-align: center; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn_container {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     width: 100%;     gap: 20px; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn {     background-color: transparent;     color: #1C2D4E;     border: 1px solid #1C2D4E;     border-radius: 30px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     max-width: 250px;     min-width: 120px;     padding: 6px 10px;     display: flex;     align-items: center;     justify-content: center;     text-align: center;     text-decoration: none;     position: relative; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn::before {     content: '';     position: absolute;     left: -5px;     top: -5px;     right: -5px;     bottom: -5px; }   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn:hover,   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn:focus,   #section_LogicSeptProductsList_1 .container .product_container .product_single .btn:active {     background-color: #1C2D4E;     color: #fff;     border: 1px solid #1C2D4E;     transition: all .3s ease-in-out; }   #section_LogicSeptProductsList_1 .container .display_none {     display: none !important; }   #section_LogicSeptProductsList_1 .container .category_container .other {     display: none; }   #section_LogicSeptProductsList_1 .container .category_container .close {     display: none; }   @media only screen and (max-width: 1190px) {     #section_LogicSeptProductsList_1 .container .product_container .product_single {       max-width: 33%;       width: calc(33% - 60px); }     #section_LogicSeptProductsList_1 .container .product_container .product_single .product_name {       font-size: 20px; } }   @media only screen and (max-width: 900px) {     #section_LogicSeptProductsList_1 .container .product_container {       justify-content: flex-end; }     #section_LogicSeptProductsList_1 .container .product_container .product_single {       max-width: 50%;       width: calc(50% - 60px); }     #section_LogicSeptProductsList_1 .container .product_container .product_single .product_name {       font-size: 16px;       line-height: 20px; }     #section_LogicSeptProductsList_1 .container .title {       font-size: 24px;       line-height: 30px; } }   @media only screen and (max-width: 767px) {     #section_LogicSeptProductsList_1 .container .category_container {       display: flex;       justify-content: space-between;       align-items: flex-start;       width: 100%;       margin-top: revert;       max-width: 100%;       padding-top: 20px;       border-left: revert;       overflow: hidden;       border-bottom: 1px solid #f5f5f5;       position: relative; }     #section_LogicSeptProductsList_1 .container .category_container .other_links {       position: absolute;       top: 0;       left: 0;       width: 100%;       height: 55px;       background-color: #fff;       z-index: 3; }     #section_LogicSeptProductsList_1 .container .content {       display: flex;       flex-direction: column;       justify-content: space-between;       width: 100%;       padding-top: revert;       gap: 20px;       border-top: 1px solid #ddd; }     #section_LogicSeptProductsList_1 .container .category_container .categories {       display: flex;       flex-direction: column;       justify-content: flex-start;       flex-wrap: wrap;       padding: 0;       gap: 8px;       max-width: 250px;       list-style: none;       margin: 0;       padding-bottom: 10px;       width: 100%; }     #section_LogicSeptProductsList_1 .container .category_container .categories a {       z-index: 3;       color: inherit;       position: relative;       display: block;       margin: 0;       padding: 6px 20px;       text-decoration: none; }     #section_LogicSeptProductsList_1 .container .category_container .categories .active {       background-color: #f5f5f5;       color: #1C2D4E !important;       padding-right: 20px;       font-weight: bold; }     #section_LogicSeptProductsList_1 .container .category_container .categories li {       color: #707070;       position: relative; }     #section_LogicSeptProductsList_1 .container .category_container .categories li:nth-child(1) {       z-index: 3; }     #section_LogicSeptProductsList_1 .container .category_container .categories li:nth-child(n+2) {       height: 0;       transform: translateY(-100px);       opacity: 0;       position: absolute;       z-index: 2; }     #section_LogicSeptProductsList_1 .container .category_container .categories li:nth-child(n+2).show {       height: 100%;       transform: translateY(0);       opacity: 1;       position: relative;       transition: all .3s ease-in-out; }     #section_LogicSeptProductsList_1 .container .category_container .other {       width: 24px;       height: 24px;       font-size: 24px;       cursor: pointer;       display: block;       opacity: 50%;       color: #1C2D4E;       transition: all .3s ease-in-out;       z-index: 3; }     #section_LogicSeptProductsList_1 .container .category_container .other:hover {       opacity: 100%;       transition: all .3s ease-in-out; }     #section_LogicSeptProductsList_1 .container .category_container .close {       display: block;       font-size: 36px;       cursor: pointer;       color: #1C2D4E;       z-index: 3;       transition: all .3s ease-in-out;       display: block;       position: absolute;       right: 0;       top: 10px; }     #section_LogicSeptProductsList_1 .container .category_container .close:hover {       opacity: 50%;       transition: all .3s ease-in-out; }     #section_LogicSeptProductsList_1 .container .category_container .categories li:hover a {       color: #1C2D4E; }     #section_LogicSeptProductsList_1 .container .category_container .categories li::before {       content: '';       position: absolute;       width: 10px;       height: 100%;       left: 0;       background-color: #f5f5f5;       transition: all .3s ease-in-out;       z-index: 1; }     #section_LogicSeptProductsList_1 .container .category_container .categories li:hover::before {       width: 100%;       transition: all .3s ease-in-out;       z-index: 1; }     #section_LogicSeptProductsList_1 .container .product_container {       display: flex;       justify-content: center;       flex-wrap: wrap;       width: 100%;       max-width: 100%;       gap: 20px; }     #section_LogicSeptProductsList_1 .container .product_container .product_single {       max-width: 100%;       width: 100%; } }