#section_LogicChemieSingleProductAbout_0 {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif;   position: relative; }   #section_LogicChemieSingleProductAbout_0 .container {     display: flex;     align-items: center;     justify-content: space-evenly;     flex-wrap: wrap;     flex-direction: row;     width: calc(100% - 20px);     max-width: 1170px;     gap: 20px;     margin: 0;     overflow: hidden;     position: relative; }   #section_LogicChemieSingleProductAbout_0 .container .parts {     display: flex;     justify-content: space-between;     flex-direction: row;     width: 100%;     padding: 20px 0;     gap: 20px; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 {     display: flex;     flex-direction: column;     max-width: 400px;     width: 100%;     gap: 5px; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 .title {     font-size: clamp(1.75rem, 4.2vw, 2.5rem);     line-height: 1.3;     margin: 0;     color: #1a1a1a; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 .subject {     font-size: 0.875rem;     line-height: 1.6;     margin: 0;     color: #1a1a1a; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 .desc {     font-size: 0.875rem;     line-height: 1.6;     color: #1a1a1a; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 .desc p {     margin: 10px 0; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 > span {     width: 100%;     height: 1px;     background-color: #cbc3c2; }   #section_LogicChemieSingleProductAbout_0 .container .pt1 .content {     font-size: 1rem;     line-height: 1.6;     margin-top: 5px;     font-weight: bold;     color: #1a1a1a; }   #section_LogicChemieSingleProductAbout_0 .container .pt2 {     display: flex;     max-width: 400px;     width: 100%; }   #section_LogicChemieSingleProductAbout_0 .container .pt2 > img {     width: 100%;     height: auto;     aspect-ratio: 400 / 450;     object-fit: cover;     object-position: center; }   #section_LogicChemieSingleProductAbout_0 .container .pt3 {     display: flex;     flex-direction: column;     gap: 20px;     max-width: 370px;     width: 100%;     align-items: center; }   #section_LogicChemieSingleProductAbout_0 .container .pt3 > img {     width: 100%;     height: auto;     border-radius: 5px;     object-fit: cover;     object-position: center; }   #section_LogicChemieSingleProductAbout_0 .container .images {     display: flex;     align-items: flex-start;     width: 100%; }   @media screen and (max-width: 1190px) {     #section_LogicChemieSingleProductAbout_0 .container .pt1 {       max-width: 100%;       width: 100%; } }   @media screen and (max-width: 767px) {     #section_LogicChemieSingleProductAbout_0 .container .parts {       flex-wrap: wrap;       justify-content: center; }     #section_LogicChemieSingleProductAbout_0 .container .pt3 {       gap: 5px; } }  #section_LogicChemieContactModal_1 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif;   position: relative; }   #section_LogicChemieContactModal_1 .overlay {     position: fixed;     width: 100%;     height: 100%;     top: 0;     left: 0;     background-color: #000000;     opacity: .7;     z-index: 2000; }   #section_LogicChemieContactModal_1 .close {     position: absolute;     width: 44px;     height: 44px;     font-size: 44px;     color: #Ff0000;     top: 0;     right: 0;     z-index: 3;     cursor: pointer; }   #section_LogicChemieContactModal_1 .container {     display: flex;     justify-content: center;     align-items: flex-start;     width: calc(100% - 20px);     max-width: 1170px;     padding-bottom: 30px;     gap: 20px;     position: relative; }   #section_LogicChemieContactModal_1 .container .two_btn {     display: flex;     gap: 20px;     width: 100%; }   #section_LogicChemieContactModal_1 .container .two_btn .fisrt_btn {     text-decoration: none;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     background: #042833;     color: #fff;     border: 1px solid #042833;     border-radius: 4px;     padding: 8px 20px;     box-sizing: border-box;     min-width: 150px;     text-align: center;     cursor: pointer;     position: relative;     transition: all .3s ease-in-out; }   #section_LogicChemieContactModal_1 .container .two_btn .fisrt_btn::before {     content: '';     position: absolute;     top: -5px;     bottom: -5px;     left: 0;     right: 0; }   #section_LogicChemieContactModal_1 .container .two_btn .fisrt_btn:hover {     background: #fff;     color: #000;     border: 1px solid #042833;     transition: all .3s ease-in-out; }   #section_LogicChemieContactModal_1 .container .two_btn .second_btn {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     background: #042833;     color: #fff;     border: 1px solid #042833;     border-radius: 4px;     padding: 8px 20px;     box-sizing: border-box;     min-width: 150px;     text-align: center;     cursor: pointer;     position: relative;     transition: all .3s ease-in-out; }   #section_LogicChemieContactModal_1 .container .two_btn .second_btn::before {     content: '';     position: absolute;     top: -5px;     bottom: -5px;     left: 0;     right: 0; }   #section_LogicChemieContactModal_1 .container .two_btn .second_btn:hover {     background: #fff;     color: #000;     border: 1px solid #042833;     transition: all .3s ease-in-out; }   #section_LogicChemieContactModal_1 .container .pt2 {     display: flex;     flex-direction: column;     align-items: center;     position: fixed;     max-width: 545px;     top: 0;     box-sizing: border-box;     max-height: 600px;     overflow-y: auto;     width: calc(100% - 20px);     padding-top: 20px;     padding-bottom: 20px;     margin-top: 40px;     background-color: #f5f7f9;     z-index: 2000; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm {     display: flex;     flex-direction: column;     align-items: center;     justify-content: space-between;     max-width: inherit;     width: inherit;     gap: 10px; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .title {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     padding-left: 5px;     margin: 0;     color: #000;     align-self: flex-start; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #000;     padding-left: 5px; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .info {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: inherit;     width: calc(100% - 20px);     gap: 10px; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .message {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: inherit;     width: calc(100% - 20px);     gap: 5px; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm input,   #section_LogicChemieContactModal_1 .container .pt2 .mainForm textarea {     width: 100%;     padding: 6px;     background-color: #fff;     border: 1px solid #fff;     color: #000;     border-radius: 5px;     opacity: 0.9;     box-sizing: border-box;     font-size: clamp(0.875rem, 1.8vw, 1.125rem);     line-height: 1.5; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm input::placeholder,   #section_LogicChemieContactModal_1 .container .pt2 .mainForm textarea::placeholder {     opacity: 0.5; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm input:focus::placeholder,   #section_LogicChemieContactModal_1 .container .pt2 .mainForm textarea:focus::placeholder {     opacity: 1; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm input:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm textarea:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .terms {     opacity: 1 !important;     cursor: pointer; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .policy {     display: flex;     align-items: flex-start;     align-self: flex-start;     gap: 10px; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .policy > p {     margin: 0; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .policy > input {     width: revert; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .policy > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #707070;     padding-right: 10px;     box-sizing: border-box; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit {     align-self: flex-end;     padding: 0;     border: none;     border-radius: 10px;     margin-right: 20px;     position: relative; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit {     cursor: pointer;     background-color: #ffffff00;     color: #13292f;     border-radius: 10px;     border: 1px solid #042833;     opacity: 1;     padding: 6px 10px;     box-sizing: border-box;     transition: all .2s ease-in-out;     font-size: clamp(0.875rem, 1.6vw, 1rem);     min-width: 120px;     max-width: 250px;     z-index: 1; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit::before {     content: '';     position: absolute;     top: -5px;     left: -5px;     bottom: -5px;     right: -5px;     z-index: 0; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit:hover,   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit:focus,   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .submit:active {     background-color: #042833;     color: #fff;     border: 1px solid #042833;     transition: all .2s ease-in-out;     position: relative; }   #section_LogicChemieContactModal_1 .container .pt2 .mainForm .toast.show {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     background-color: #fff;     width: 100%;     border-radius: 5px;     height: 39px;     color: #2077e9;     box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030; }   #section_LogicChemieContactModal_1 .display_none_contactModal,   #section_LogicChemieContactModal_1 .display_none_overlay {     display: none !important; }   @media only screen and (max-width: 767px) {     #section_LogicChemieContactModal_1 .container {       flex-wrap: wrap; }     #section_LogicChemieContactModal_1 .container .pt1 {       max-width: 100%;       width: 100%; }     #section_LogicChemieContactModal_1 .container .pt2 {       max-width: 100%; }     #section_LogicChemieContactModal_1 .container .pt2 .mainForm .title {       padding-top: 20px; }     #section_LogicChemieContactModal_1 .container .pt1 iframe {       max-width: 100%; } }  #section_LogicChemieTabTexts_2 {   background: #ffffff;   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieTabTexts_2 .container {     display: flex;     flex-direction: column;     justify-content: space-between;     width: calc(100% - 20px);     max-width: 1170px; }   #section_LogicChemieTabTexts_2 .tab_container {     display: flex;     justify-content: center;     width: calc(100% - 20px);     height: 100%;     background-color: #F6F8F9; }   #section_LogicChemieTabTexts_2 .tab_container .tabs {     display: flex;     justify-content: space-evenly;     max-width: 1170px;     gap: 5px;     width: 100%; }   #section_LogicChemieTabTexts_2 .tab_container .tab {     background: linear-gradient(90deg, #b5b8c5, #F6F8F9);     font-size: clamp(0.875rem, 1.6vw, 1rem);     background-size: 200%;     background-position: 100% 100%;     line-height: 1.6;     border: none;     text-align: left;     padding: 10px;     box-sizing: border-box;     color: #1a1a1a;     width: 100%;     cursor: pointer;     position: relative;     transition: all .3s ease-in-out; }   #section_LogicChemieTabTexts_2 .tab_container .tab:hover {     background: linear-gradient(90deg, #b5b8c5, #F6F8F9);     background-size: 200%;     background-position: 50% 100%;     transition: all .3s ease-in-out; }   #section_LogicChemieTabTexts_2 .tab_container .tab.active {     background: linear-gradient(90deg, #042833 0, #ffffff 200%);     color: #fff; }   #section_LogicChemieTabTexts_2 .container .texts {     width: 100%;     background-color: #ffffff; }   #section_LogicChemieTabTexts_2 .container .texts .text_content {     display: flex;     flex-direction: column;     padding: 20px 0;     box-sizing: border-box;     width: 100%; }   #section_LogicChemieTabTexts_2 .container .texts .text_content .title {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     margin: 0;     color: #1a1a1a; }   #section_LogicChemieTabTexts_2 .container .texts .text_content .desc {     font-size: 0.875rem;     line-height: 1.6;     color: #1a1a1a; }   #section_LogicChemieTabTexts_2 .container .display_none {     display: none; }   #section_LogicChemieTabTexts_2 .container .accordions {     display: none;     flex-direction: row;     justify-content: space-between;     padding-top: 20px;     width: 100%; }   #section_LogicChemieTabTexts_2 .container .accordion {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: flex-start;     flex-wrap: wrap;     padding: 0;     margin: 0;     gap: 10px;     overflow: hidden;     width: 100%; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button {     list-style-type: none;     background: linear-gradient(90deg, #b5b8c5, #F6F8F9);     background-size: 200%;     background-position: 100% 100%;     border: none;     display: flex;     color: #1a1a1a;     justify-content: space-between;     width: 100%;     padding: 10px 10px 10px 20px;     box-sizing: border-box;     cursor: pointer;     position: relative;     transition: all .3s ease-in-out; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button .subject {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     text-align: left;     width: calc(100% - 70px); }   #section_LogicChemieTabTexts_2 .container .accordion li {     width: 100%; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button:hover {     background: linear-gradient(90deg, #b5b8c5, #F6F8F9);     background-size: 200%;     background-position: 50% 100%;     transition: all .3s ease-in-out; }   #section_LogicChemieTabTexts_2 .container .accordion li.active {     margin-bottom: 10px; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button.active {     background: linear-gradient(90deg, #042833 0, #ffffff 100%);     color: #FFF !important; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button i {     width: 20px;     height: 20px;     align-self: center;     justify-content: center;     display: flex;     transition: all .3s ease-in-out; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-button.active i {     color: #042833;     transform: rotate(-180deg);     transition: all .3s ease-in-out;     opacity: .7; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-panel {     display: none;     background: #f5f5f5;     flex-direction: column;     padding: 20px;     box-sizing: border-box;     position: relative;     z-index: 2;     overflow: hidden; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-panel .title {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     margin: 0;     padding-bottom: 10px;     border-bottom: 1px solid #ffffff;     color: #1a1a1a; }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-panel .desc {     color: #1a1a1a;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     padding-top: 10px;     width: calc(100% - 30px); }   #section_LogicChemieTabTexts_2 .container .accordion .accordion-panel .desc p {     margin: 0;     padding-bottom: 10px; }   @media only screen and (max-width: 767px) {     #section_LogicChemieTabTexts_2 .container {       background-color: #ffffff;       position: relative; }     #section_LogicChemieTabTexts_2 .container::before {       content: '';       position: absolute;       left: -10px;       height: 100%;       width: 100%;       background-color: #ffffff; }     #section_LogicChemieTabTexts_2 .container .accordion {       display: flex;       padding: 20px 0; }     #section_LogicChemieTabTexts_2 .container .texts {       display: none; }     #section_LogicChemieTabTexts_2 .tab_container {       display: none; } }  #section_LogicChemieSingleProductAboutTwo_3 {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif;   position: relative; }   #section_LogicChemieSingleProductAboutTwo_3 > img {     position: absolute;     display: block;     top: 0;     left: 0;     width: 65%;     height: 100%;     aspect-ratio: 1000/ 300;     object-fit: cover;     object-position: center;     left: 0; }   #section_LogicChemieSingleProductAboutTwo_3 .container {     display: flex;     align-items: center;     justify-content: space-evenly;     flex-wrap: wrap;     flex-direction: row;     width: calc(100% - 20px);     max-width: 1170px;     gap: 20px;     margin: 0;     position: relative; }   #section_LogicChemieSingleProductAboutTwo_3 .container .parts {     display: flex;     justify-content: space-between;     flex-direction: row;     width: 100%; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 {     display: flex;     flex-direction: column;     max-width: 65%;     width: 100%;     gap: 15px;     padding: 20px 20px 20px 0;     box-sizing: border-box; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 > img {     display: none; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 .title {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     padding-bottom: 10px;     border-bottom: 1px solid #ffffff;     margin: 0;     color: #ffffff;     z-index: 1; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 .desc {     font-size: 0.875rem;     line-height: 1.6;     color: #ffffff;     z-index: 1; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 .desc p {     margin: 0; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt2 {     display: flex;     flex-direction: column;     padding: 20px 0 20px 20px;     background-color: #ffffff;     box-sizing: border-box;     width: 35%; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt2 .title2 {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     color: #1a1a1a;     margin: 0;     padding-bottom: 10px;     border-bottom: 1px solid #ebeded; }   #section_LogicChemieSingleProductAboutTwo_3 .container .pt2 .desc2 {     font-size: 0.875rem;     line-height: 1.5;     color: #1a1a1a; }   @media screen and (max-width: 767px) {     #section_LogicChemieSingleProductAboutTwo_3 > img {       width: 100%; }     #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 > img {       display: block;       position: absolute;       z-index: 0;       width: calc(100% + 20px);       height: 100%;       left: -10px;       top: 0;       object-fit: cover;       object-position: center; }     #section_LogicChemieSingleProductAboutTwo_3 .container .pt1 {       max-width: 100%;       position: relative; }     #section_LogicChemieSingleProductAboutTwo_3 .container .parts {       flex-wrap: wrap; }     #section_LogicChemieSingleProductAboutTwo_3 .container .pt2 {       width: 100%;       padding-left: 0; } }  #section_LogicChemieSteps_4 {   background-color: #ffffff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieSteps_4 .container {     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     padding: 20px 0;     gap: 20px;     max-width: 1170px;     width: calc(100% - 20px); }   #section_LogicChemieSteps_4 .container .title {     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     color: #042c38;     text-align: center;     margin: 0; }   #section_LogicChemieSteps_4 .container .btn_container {     display: flex;     align-items: stretch;     justify-content: space-between;     padding: 0;     width: 100%; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn {     box-sizing: border-box;     font-size: 0.875rem;     border: 1px solid #bfbaba;     cursor: pointer;     padding: 40px 5px 30px 5px;     width: 100%;     background-color: #ffffff;     color: #000000;     display: flex;     flex-direction: column;     align-items: center;     text-align: center;     gap: 15px;     position: relative;     transition: all 0.3s ease-in-out; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.4; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn:hover {     background-color: #042c38;     color: #ffffff;     gap: 10px;     transition: all .3s ease-in-out; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn > img {     width: 55px;     height: auto;     aspect-ratio: 55 / 55;     object-fit: cover;     object-position: center;     transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn > img:nth-child(2) {     opacity: 0;     transform: scale(0.8);     position: absolute; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn:hover > img:nth-child(1) {     opacity: 0; }   #section_LogicChemieSteps_4 .container .btn_container .category_btn:hover > img:nth-child(2) {     opacity: 1;     transform: scale(1.3);     transition-delay: 0s, 0.2s; }   @media only screen and (max-width: 1024px) {     #section_LogicChemieSteps_4 .container .btn_container {       display: flex !important;       flex-wrap: wrap;       justify-content: center;       position: relative !important; }     #section_LogicChemieSteps_4 .container .btn_container .category_btn {       flex: 0 0 33.333%; }     #section_LogicChemieSteps_4 .container .btn_container .category_btn:nth-child(3n + 1) {       clear: left; }     #section_LogicChemieSteps_4 .container .btn_container {       justify-content: center; } }   @media only screen and (max-width: 767px) {     #section_LogicChemieSteps_4 .container .btn_container .category_btn {       width: 100%;       max-width: 100%;       flex: revert;       flex-direction: row !important;       gap: 20px !important;       text-align: left !important; }     #section_LogicChemieSteps_4 .container .btn_container .category_btn {       padding: 20px; } }  #section_LogicChemieVideoGallery_5 {   background-color: #ffffff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieVideoGallery_5 .overlay {     position: fixed;     width: 100%;     height: 100%;     top: 0;     left: 0;     background-color: #000000;     opacity: .7;     z-index: 2; }   #section_LogicChemieVideoGallery_5 .close {     position: absolute;     width: 44px;     height: 44px;     font-size: 44px;     color: #FFFFFF;     top: 0;     right: 0;     z-index: 3;     cursor: pointer; }   #section_LogicChemieVideoGallery_5 .container {     display: flex;     flex-direction: row;     justify-content: center;     width: calc(100% - 20px);     max-width: 1170px;     padding: 20px 0;     box-sizing: border-box;     min-height: 200px;     position: relative; }   #section_LogicChemieVideoGallery_5 .container .two_video {     display: flex;     flex-direction: row;     justify-content: space-between;     width: 100%;     max-width: 1170px;     gap: 20px; }   #section_LogicChemieVideoGallery_5 .container .two_video .first_video,   #section_LogicChemieVideoGallery_5 .container .two_video .second_video {     display: flex;     flex-direction: column;     align-items: center;     width: 100%;     gap: 10px;     max-width: 50%; }   #section_LogicChemieVideoGallery_5 .container .two_video .main_title {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     font-weight: 100;     margin: 0;     color: #1a1a1a; }   #section_LogicChemieVideoGallery_5 .container .two_video img {     width: 100%;     height: auto;     aspect-ratio: 575 / 365;     object-fit: cover;     object-position: center;     cursor: pointer; }   #section_LogicChemieVideoGallery_5 .container .modal {     display: flex;     flex-direction: row;     justify-content: space-between;     align-self: center;     top: 10%;     width: calc(100% - 20px);     max-width: 1000px;     background-color: #FFFFFF;     padding: 20px;     box-sizing: border-box;     position: fixed;     overflow: hidden;     z-index: 3; }   #section_LogicChemieVideoGallery_5 .container .modal2 {     max-width: 700px; }   #section_LogicChemieVideoGallery_5 .container .video_carousel,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     width: 100%;     padding-right: 10px;     box-sizing: border-box;     max-width: 700px;     min-height: 200px;     user-select: none;     position: relative; }   #section_LogicChemieVideoGallery_5 .container .video_carousel2 {     max-width: 100% !important; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .slider,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider {     width: calc(100% - 50px);     overflow: hidden; }   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider {     max-width: 100% !important; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides {     display: flex;     width: 100%;     transition: all .48s ease-in-out;     position: relative;     z-index: 1; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide {     width: calc((100% - 40px) / 3);     margin: 10px;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     flex-shrink: 0;     overflow: hidden;     position: relative;     box-shadow: #0000003d 0 3px shut;     z-index: 2; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide .title,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide .title {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     margin: 0;     font-weight: 100;     align-self: flex-start;     padding: 5px;     box-sizing: border-box;     color: #212121; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide img,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide img {     width: 100%;     height: 100px;     aspect-ratio: 200 / 100;     z-index: 2;     object-position: center;     object-fit: cover; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .prev,   #section_LogicChemieVideoGallery_5 .container .video_carousel .next,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next {     position: absolute;     top: 82%;     border: none;     background-color: transparent;     text-align: center;     display: flex;     cursor: pointer;     z-index: 2; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .prev i,   #section_LogicChemieVideoGallery_5 .container .video_carousel .next i,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev i,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next i {     font-size: 20px;     -webkit-text-stroke: 1px #042833;     color: transparent; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .prev i:hover,   #section_LogicChemieVideoGallery_5 .container .video_carousel .next i:hover,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev i:hover,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next i:hover {     color: #042833; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .prev,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev {     transform: rotate(180deg); }   #section_LogicChemieVideoGallery_5 .container .video_carousel .prev,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev {     left: 0; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .next,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next {     right: 0; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .video_content,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: 700px;     width: 100%;     position: relative; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .video_content::before,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content::before {     content: '';     position: absolute;     width: 100%;     height: 1px;     background-color: #eee;     bottom: 0;     left: 0; }   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content {     max-width: 100% !important; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .video_content .video_title,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content .video_title {     font-size: 16px;     line-height: 20px;     font-weight: 100;     margin: 0;     align-self: flex-start;     width: calc(100% - 20px);     padding: 10px;     color: #042833;     z-index: 2; }   #section_LogicChemieVideoGallery_5 .container .video_carousel .video_content .video_play,   #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content .video_play {     width: 100%;     height: auto;     aspect-ratio: 700 / 400;     object-fit: cover;     object-position: center; }   #section_LogicChemieVideoGallery_5 .container .video_category {     display: flex;     flex-direction: column;     border-left: 1px solid #042833;     padding-left: 10px;     box-sizing: border-box;     max-width: 250px;     width: 100%;     z-index: 2;     position: relative; }   #section_LogicChemieVideoGallery_5 .container .video_category .category_title {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #19233e;     display: flex;     align-items: center;     gap: 10px; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: flex-start;     overflow: hidden;     gap: 10px;     margin: 0;     padding: 0; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion_title {     font-size: 0.875rem;     line-height: 1.6;     color: #19233e;     margin: 0;     padding-left: 10px;     position: relative; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion_title:hover,   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion_title:focus,   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion_title:active {     font-weight: bold; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion li {     list-style-type: none;     width: 100%; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button {     position: relative;     display: block;     width: 100%;     background: transparent;     padding-top: 2px;     padding-left: 20px;     padding-bottom: 2px;     cursor: pointer; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button:before {     content: "";     position: absolute;     left: 8px;     top: 45%;     height: 2px;     width: 12px;     background: #042833;     transform: rotate(90deg);     transition: 0.7s ease; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button:after {     content: "";     position: absolute;     left: 8px;     top: 45%;     height: 2px;     width: 12px;     background: #042833; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button.active:after {     background: #042833; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button.active:before {     transform: rotate(-360deg) translateY(-sides);     opacity: 0; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-button.active {     font-weight: bold; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel {     display: none;     padding: 10px;     gap: 5px;     box-sizing: border-box;     background: transparent;     flex-direction: column;     align-items: baseline;     overflow: hidden; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel .tab {     background-color: transparent;     border: none;     font-size: 0.875rem;     line-height: 1.6;     padding: 0;     text-align: left;     color: #19233e;     cursor: pointer; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel .tab:hover,   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel .tab:focus,   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel .tab:active {     font-weight: bold; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel .tab.active {     font-weight: bold; }   #section_LogicChemieVideoGallery_5 .container .video_category .accordion .accordion-panel a.active {     color: #19233e !important; }   #section_LogicChemieVideoGallery_5 .container .video_category .menu {     position: absolute;     left: -25px;     top: 96px;     background-color: #FFFFFF;     color: #042833;     width: 30px;     box-sizing: border-box;     height: 30px;     border-top-left-radius: 3px;     border-bottom-left-radius: 3px;     padding: 5px;     font-size: 18px;     display: none; }   #section_LogicChemieVideoGallery_5 .container .display_none,   #section_LogicChemieVideoGallery_5 .container .display_none1,   #section_LogicChemieVideoGallery_5 .container .display_none2 {     display: none; }   #section_LogicChemieVideoGallery_5 .overlay.display_none3 {     display: none; }   @media only screen and (max-width: 1000px) {     #section_LogicChemieVideoGallery_5 .container .video_category {       position: absolute;       right: -240px;       top: 0;       height: 100%;       background-color: #FFFFFF;       border: none;       transition: all .3s ease-in-out; }     #section_LogicChemieVideoGallery_5 .container .video_category .menu {       display: flex;       align-items: center;       justify-content: center;       cursor: pointer; }     #section_LogicChemieVideoGallery_5 .container .video_category.open {       right: 0;       transition: all .3s ease-in-out; }     #section_LogicChemieVideoGallery_5 .container .video_carousel,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 {       padding-right: 0; }     #section_LogicChemieVideoGallery_5 .container .video_carousel,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 {       max-width: 100%; }     #section_LogicChemieVideoGallery_5 .container .video_carousel .video_content,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .video_content {       max-width: 100%; }     #section_LogicChemieVideoGallery_5 .container .video_carousel .slider,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider {       max-width: 100%; }     #section_LogicChemieVideoGallery_5 .container .video_carousel .prev,     #section_LogicChemieVideoGallery_5 .container .video_carousel .next,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next {       top: 86%; } }   @media only screen and (max-width: 767px) {     #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide {       width: calc((100% - 20px) / 2); }     #section_LogicChemieVideoGallery_5 .container .two_video {       flex-wrap: wrap;       justify-content: center;       align-items: center; }     #section_LogicChemieVideoGallery_5 .container .two_video .first_video,     #section_LogicChemieVideoGallery_5 .container .two_video .second_video {       max-width: 100%; } }   @media only screen and (max-width: 580px) {     #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide {       width: 100%; }     #section_LogicChemieVideoGallery_5 .container .video_carousel .slider .slides .slide,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .slider .slides .slide {       width: 100%; }     #section_LogicChemieVideoGallery_5 .container .video_carousel .prev,     #section_LogicChemieVideoGallery_5 .container .video_carousel .next,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .prev,     #section_LogicChemieVideoGallery_5 .container .video_carousel2 .next {       top: 80%; } }  #section_LogicChemieApllicationArea_6 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieApllicationArea_6 .container {     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     padding: 20px 0;     width: calc(100% - 20px);     max-width: 1170px; }   #section_LogicChemieApllicationArea_6 .container .title {     font-size: clamp(1.125rem, 2.5vw, 1.5rem);     line-height: 1.45;     margin: 0;     width: 100%;     text-align: center;     color: #1a1a1a; }   #section_LogicChemieApllicationArea_6 .container .boxes {     display: flex;     flex-wrap: wrap;     margin-top: 10px;     gap: 20px;     width: 100%; }   #section_LogicChemieApllicationArea_6 .container .boxes .box {     display: flex;     flex-direction: row;     align-items: flex-end;     width: calc((100% - 40px) / 3);     position: relative;     overflow: hidden; }   #section_LogicChemieApllicationArea_6 .container .boxes .box img {     width: 100%;     height: auto;     aspect-ratio: 370 / 225;     object-fit: cover;     border-radius: 10px;     object-position: center; }   #section_LogicChemieApllicationArea_6 .container .boxes .box .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     padding: 10px 30px 10px 20px;     transform: translateY(-10px);     color: #ffffff;     box-sizing: border-box;     position: absolute;     z-index: 1; }   #section_LogicChemieApllicationArea_6 .container .boxes .box .desc::before {     content: '';     position: absolute;     width: 100%;     height: 100%;     bottom: 0;     left: 0;     transform: translateX(-12px);     background-color: #1a1a1a;     opacity: 0.85;     z-index: 1; }   #section_LogicChemieApllicationArea_6 .container .boxes .box .desc p {     z-index: 2;     position: relative;     margin: 0; }   @media only screen and (max-width: 1170px) {     #section_LogicChemieApllicationArea_6 .container .boxes .box {       width: calc((100% - 20px) / 2); } }   @media only screen and (max-width: 580px) {     #section_LogicChemieApllicationArea_6 .container .boxes .box {       width: 100%; } }  #section_LogicChemieProductsOther_7 {   background: #fff;   display: flex;   justify-content: center;   align-items: center;   padding-bottom: 10px;   font-family: "Poppins", sans-serif; }   #section_LogicChemieProductsOther_7 .container {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     width: 100%;     padding-top: 20px;     padding-bottom: 20;     max-width: 1170px;     min-height: 200px;     user-select: none;     position: relative; }   #section_LogicChemieProductsOther_7 .container .title {     font-size: clamp(1.125rem, 2.05vw, 1.5rem);     line-height: 1.45;     margin: 0;     color: #1a1a1a;     padding: 0 20px;     box-sizing: border-box;     text-align: center;     position: relative;     z-index: 0; }   #section_LogicChemieProductsOther_7 .container .title::before {     content: '';     position: absolute;     left: 0;     height: 100%;     width: 100%;     background-color: #fff;     z-index: -1; }   #section_LogicChemieProductsOther_7 .container .slider {     max-width: 1095px;     width: 100%;     overflow: hidden; }   #section_LogicChemieProductsOther_7 .container .slider .slides {     display: flex;     width: 100%;     transition: all .48s ease-in-out; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide {     width: calc((100% - 80px) / 4);     margin: 10px;     display: flex;     background-color: #f1f5f8;     flex-direction: column;     align-items: center;     flex-shrink: 0;     overflow: hidden;     position: relative;     z-index: 2; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide .product_info {     display: flex;     justify-content: center;     flex-direction: column;     padding: 20px;     box-sizing: border-box;     gap: 10px;     width: 100%; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide img {     width: 100%;     height: 275px;     align-self: center;     z-index: 2;     object-position: center;     object-fit: cover; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide a {     color: #1a1a1a;     text-decoration: none;     transition: all .3s ease-in-out;     position: relative;     display: block;     width: 100%; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide a::before {     content: '';     position: absolute;     top: -10px;     bottom: -10px;     left: 0;     right: 0; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide a:hover,   #section_LogicChemieProductsOther_7 .container .slider .slides .slide a:focus,   #section_LogicChemieProductsOther_7 .container .slider .slides .slide a:active {     color: #0E5781;     transition: all .3s ease-in-out; }   #section_LogicChemieProductsOther_7 .container .slider .slides .slide .product_name {     font-size: 1rem;     line-height: 1.45;     font-weight: bold;     margin: 0;     padding-right: 5px;     background-color: #f1f5f8;     z-index: 2;     position: relative; }   #section_LogicChemieProductsOther_7 .container .prev,   #section_LogicChemieProductsOther_7 .container .next {     position: absolute;     border-radius: 100%;     top: 46%;     border: none;     background-color: transparent;     cursor: pointer;     z-index: 1001; }   #section_LogicChemieProductsOther_7 .container .prev i,   #section_LogicChemieProductsOther_7 .container .next i {     width: 35px;     height: 35px;     font-size: 35px;     color: #1a1a1a;     opacity: 50%; }   #section_LogicChemieProductsOther_7 .container .prev i:hover,   #section_LogicChemieProductsOther_7 .container .next i:hover,   #section_LogicChemieProductsOther_7 .container .prev i:focus,   #section_LogicChemieProductsOther_7 .container .next i:focus,   #section_LogicChemieProductsOther_7 .container .prev i:active,   #section_LogicChemieProductsOther_7 .container .next i:active {     opacity: 100%; }   #section_LogicChemieProductsOther_7 .container .prev {     left: 0; }   #section_LogicChemieProductsOther_7 .container .next {     right: 0; }   @media only screen and (max-width: 1200px) {     #section_LogicChemieProductsOther_7 .container .slider {       width: calc(100% - 53px); }     #section_LogicChemieProductsOther_7 .container .prev i,     #section_LogicChemieProductsOther_7 .container .next i {       width: 25px;       height: 25px;       font-size: 25px; } }   @media only screen and (max-width: 1090px) {     #section_LogicChemieProductsOther_7 .container .slider .slides .slide {       width: calc((100% - 40px) / 2); } }   @media only screen and (max-width: 767px) {     #section_LogicChemieProductsOther_7 .container .prev i,     #section_LogicChemieProductsOther_7 .container .next i {       width: 20px;       height: 20px;       font-size: 20px; }     #section_LogicChemieProductsOther_7 .container .slider .slides .slide img {       height: auto; } }   @media only screen and (max-width: 580px) {     #section_LogicChemieProductsOther_7 .container .slider .slides .slide {       width: 100%; } }