#section_LogicChemieForExpertBanner_ {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif;   z-index: 2;   position: relative; }   #section_LogicChemieForExpertBanner_ .container {     display: flex;     align-items: center;     justify-content: center;     flex-direction: row;     width: 100%;     max-width: 1170px;     min-height: 200px;     margin: 0;     padding: 40px 20px;     margin-top: 50px;     margin-bottom: 150px;     box-sizing: border-box;     border-radius: 8px;     backdrop-filter: blur(15px);     position: relative;     z-index: 2; }   #section_LogicChemieForExpertBanner_ .img_background {     position: absolute;     object-fit: cover;     display: block;     object-position: center;     top: 0;     left: 0;     width: 100%;     height: 100%;     z-index: 0; }   #section_LogicChemieForExpertBanner_ .container .pt1 {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     gap: 10px;     width: 100%;     z-index: 2; }   #section_LogicChemieForExpertBanner_ .container .pt1 .title {     color: #FFFFFF;     font-weight: bold;     text-align: center;     font-size: clamp(1.75rem, 4.2vw, 2.5rem);     line-height: 1.3;     font-weight: 100;     margin: 0;     position: relative;     display: flex;     align-items: center;     justify-content: center; }   #section_LogicChemieForExpertBanner_ .container .pt1 .title::before {     content: '';     position: absolute;     bottom: -10px;     max-width: 800px;     width: 100%;     height: 1px;     background-color: #FFFFFF; }   #section_LogicChemieForExpertBanner_ .container .pt1 .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #FFFFFF;     margin-top: 10px;     text-align: center; }   #section_LogicChemieForExpertBanner_ .container .pt1 .btn {     display: flex;     justify-content: center;     align-items: center;     text-align: center;     border: none;     text-decoration: none;     box-sizing: border-box;     border: 1px solid #FFFFFF;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     background-color: transparent;     color: #fff;     min-width: 250px;     border-radius: 6px;     padding: 10px 20px;     gap: 10px;     margin-top: 30px;     cursor: pointer; }   #section_LogicChemieForExpertBanner_ .container .pt1 .btn:hover {     background-color: #FFFFFF;     color: #000000;     transition: all .3s ease-in-out; }   #section_LogicChemieForExpertBanner_ .contact_modal {     display: flex;     position: fixed;     justify-content: center;     align-items: center;     width: 100vw;     height: 100vh;     inset: 0;     background-color: #000000bd;     backdrop-filter: blur(4px);     background-size: 100% 100%;     z-index: 9999;     box-sizing: border-box;     padding: 24px; }   #section_LogicChemieForExpertBanner_ .contact_modal.display_none {     display: none !important; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: center;     max-width: 50vw;     width: 100%;     max-height: 80vh;     padding: 20px;     gap: 10px;     box-sizing: border-box;     overflow-y: auto;     background-color: #f5f7f9;     border-radius: 5px;     position: relative; }   #section_LogicChemieForExpertBanner_ .contact_modal .close_modal {     position: absolute;     width: 44px;     height: 44px;     font-size: 44px;     background-color: transparent;     border: none;     color: #Ff0000;     opacity: 0.6;     top: 0;     right: 0;     z-index: 3;     cursor: pointer; }   #section_LogicChemieForExpertBanner_ .contact_modal .close_modal:hover {     opacity: 1;     transition: all .3s ease-in-out; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .title_contact {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     margin: 0;     color: #000;     align-self: flex-start; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #000;     align-self: flex-start; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .info {     display: flex;     flex-direction: row;     justify-content: center;     align-items: center;     max-width: inherit;     flex-wrap: wrap;     width: 100%;     gap: 10px; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .message {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: inherit;     width: 100%;     gap: 5px; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm input,   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm textarea {     width: 100%;     padding: 8px 10px;     min-height: 44px;     background-color: #fff;     border: 1px solid #fff;     color: #000;     opacity: 0.9;     box-sizing: border-box;     border-radius: 5px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm input::placeholder,   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm textarea::placeholder {     opacity: 0.5; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm input:focus::placeholder,   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm textarea:focus::placeholder {     opacity: 1; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm input:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm textarea:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .policy {     display: flex;     align-items: flex-start;     align-self: flex-start;     gap: 10px; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .policy > input {     width: 20px;     height: 20px;     min-height: revert;     cursor: pointer;     position: relative; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .policy > input::before {     content: '';     position: absolute;     top: -12px;     bottom: -12px;     left: -13px;     right: -13px; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .policy > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #707070;     width: 100%; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .submit {     align-self: flex-end;     border-radius: 10px;     position: relative;     cursor: pointer;     background-color: #ffffff00;     color: #13292f;     border: 1px solid #042833;     opacity: 1;     padding: 8px 10px;     box-sizing: border-box;     transition: all .2s ease-in-out;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     min-width: 120px;     max-width: 250px;     z-index: 1; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .submit.disable {     opacity: 0.6;     cursor: not-allowed;     pointer-events: none; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .submit::before {     content: '';     position: absolute;     top: -5px;     left: -5px;     bottom: -5px;     right: -5px;     z-index: 0; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .submit:hover {     background-color: #042833;     color: #fff;     border: 1px solid #042833;     transition: all .2s ease-in-out;     position: relative; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .submit.disable:hover {     background-color: #ffffff00;     color: #13292f;     border: 1px solid #042833; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .toast {     position: absolute; }   #section_LogicChemieForExpertBanner_ .contact_modal .mainForm .toast.show {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     background-color: #fff;     width: 100%;     padding: 8px 10px;     box-sizing: border-box;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     border-radius: 5px;     color: #2077e9;     box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;     text-align: center;     position: relative; }   @media only screen and (max-width: 767px) {     #section_LogicChemieForExpertBanner_ .contact_modal .mainForm {       max-width: 100vw;       max-height: 100vh; } }   @media only screen and (max-width: 580px) {     #section_LogicChemieForExpertBanner_ .contact_modal {       padding: 20px; } }  #section_LogicChemieForExpertAboutPage_ {   background-color: #ffffff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieForExpertAboutPage_ .container {     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     padding: 20px 0;     gap: 20px;     max-width: 1170px;     width: calc(100% - 20px);     position: relative; }   #section_LogicChemieForExpertAboutPage_ .container .title {     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     color: #042c38;     font-weight: 100;     text-align: center;     margin: 0;     background-color: #ffffff;     padding: 0 20px;     box-sizing: border-box;     position: relative; }   #section_LogicChemieForExpertAboutPage_ .container::before {     content: "";     position: absolute;     max-width: 700px;     width: 100%;     left: 50%;     transform: translateX(-50%);     height: 2px;     background-color: #042c38;     top: 40px;     z-index: 0;     opacity: 0.2; }   #section_LogicChemieForExpertAboutPage_ .container .btn_container {     display: flex;     align-items: stretch;     justify-content: space-between;     padding: 0;     margin: 0;     gap: 20px;     width: 100%; }   #section_LogicChemieForExpertAboutPage_ .container .btn_container .category_btn {     box-sizing: border-box;     font-size: 0.875rem;     border: 1px solid #bfbaba;     aspect-ratio: 1 / 1;     padding: 20px;     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_LogicChemieForExpertAboutPage_ .container .btn_container .category_btn > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.4; }   #section_LogicChemieForExpertAboutPage_ .container .btn_container .category_btn > img {     width: 100px;     height: auto;     aspect-ratio: 1 / 1;     object-fit: cover;     object-position: center;     transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }   @media only screen and (max-width: 1024px) {     #section_LogicChemieForExpertAboutPage_ .container .btn_container .category_btn {       width: 220px;       height: auto; }     #section_LogicChemieForExpertAboutPage_ .container .btn_container {       display: flex !important;       flex-wrap: wrap;       justify-content: center;       position: relative !important; }     #section_LogicChemieForExpertAboutPage_ .container .btn_container {       justify-content: center; } }  #section_LogicChemieForExpertText_ {   background: #f5f5f5;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif; }   #section_LogicChemieForExpertText_ .container {     display: flex;     justify-content: space-between;     max-width: 1170px;     padding-top: 20px;     padding-bottom: 20px;     gap: 20px;     width: calc(100% - 20px);     position: relative; }   #section_LogicChemieForExpertText_ .container::before {     content: "";     position: absolute;     width: 2px;     height: 100%;     background-color: #ffffff;     left: 50%;     top: 0;     transform: translateX(-50%); }   #section_LogicChemieForExpertText_ .container .texts {     display: flex;     flex-direction: column;     gap: 10px; }   #section_LogicChemieForExpertText_ .container .part1 {     display: flex;     flex-direction: column;     justify-content: space-between;     gap: 10px;     padding-right: 10px;     box-sizing: border-box;     width: 100%; }   #section_LogicChemieForExpertText_ .container .title {     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     margin: 0;     color: #580a49;     width: 100%; }   #section_LogicChemieForExpertText_ .container .desc {     width: 100%;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #000000; }   #section_LogicChemieForExpertText_ .container img {     max-width: 100%;     height: auto;     object-fit: cover;     object-position: center; }   #section_LogicChemieForExpertText_ .container .part2 {     display: flex;     flex-direction: column;     justify-content: space-between;     padding-left: 10px;     box-sizing: border-box;     gap: 10px;     width: 100%; }   @media only screen and (max-width: 767px) {     #section_LogicChemieForExpertText_ .container {       flex-direction: column;       align-items: center; }     #section_LogicChemieForExpertText_ .container::before {       display: none; }     #section_LogicChemieForExpertText_ .container .part1, #section_LogicChemieForExpertText_ .container .part2 {       padding: 0;       align-items: center; } }  #section_LogicChemieForExpertSystem_ {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif; }   #section_LogicChemieForExpertSystem_ .container {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     max-width: 1170px;     padding-top: 20px;     padding-bottom: 20px;     gap: 20px;     width: calc(100% - 20px);     position: relative; }   #section_LogicChemieForExpertSystem_ .container .title {     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     color: #042833;     font-weight: 100;     text-align: center;     margin: 0;     background-color: #ffffff;     padding: 0 20px;     box-sizing: border-box;     position: relative; }   #section_LogicChemieForExpertSystem_ .container::before {     content: "";     position: absolute;     max-width: 700px;     width: 100%;     left: 50%;     transform: translateX(-50%);     height: 2px;     background-color: #042833;     top: 40px;     z-index: 0;     opacity: 0.2; }   #section_LogicChemieForExpertSystem_ .container .boxes {     display: flex;     flex-wrap: wrap;     justify-content: center;     gap: 20px;     width: 100%; }   #section_LogicChemieForExpertSystem_ .container .boxes .box {     display: flex;     flex-direction: column;     border-radius: 8px;     box-sizing: border-box;     width: calc((100% - 40px) / 3);     overflow: hidden;     position: relative; }   #section_LogicChemieForExpertSystem_ .container .boxes .box::before {     content: '';     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 50px;     background: linear-gradient(180deg, transparent 0%, #f5f5f5 100%);     z-index: 1;     transition: height 0.3s ease-in-out; }   #section_LogicChemieForExpertSystem_ .container .boxes .box img {     width: 100%;     min-height: 300px;     height: auto;     object-fit: cover;     object-position: center; }   #section_LogicChemieForExpertSystem_ .container .boxes .box .text_container {     display: flex;     flex-direction: column;     gap: 10px;     padding: 20px;     background-color: #f5f5f5;     position: absolute;     height: 100px;     bottom: 0;     box-sizing: border-box;     transition: height 0.3s ease-in-out; }   #section_LogicChemieForExpertSystem_ .container .boxes .box:hover .text_container {     height: calc(100% - 50px);     transition: height 0.3s ease-in-out; }   #section_LogicChemieForExpertSystem_ .container .boxes .box .box_title {     font-size: clamp(0.875rem, 1.8vw, 1.125rem);     line-height: 1.5;     margin: 0;     color: #042833; }   #section_LogicChemieForExpertSystem_ .container .boxes .box .box_desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.3;     color: #000000; }   @media only screen and (max-width: 1170px) {     #section_LogicChemieForExpertSystem_ .container .boxes .box {       width: 350px; } }   @media only screen and (max-width: 767px) {     #section_LogicChemieForExpertSystem_ .container .boxes .box {       width: 100%; }     #section_LogicChemieForExpertSystem_ .container .boxes .box img {       min-height: revert; }     #section_LogicChemieForExpertSystem_ .container .boxes .box .text_container {       position: relative;       height: auto; }     #section_LogicChemieForExpertSystem_ .container .boxes .box:hover .text_container {       height: 100%; }     #section_LogicChemieForExpertSystem_ .container .boxes .box::before {       display: none; } }  #section_LogicChemieForExpertDownloadModalThreeBox_ {   background-color: #ffffff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container {     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     padding: 20px 0;     gap: 20px;     max-width: 1170px;     width: calc(100% - 20px);     position: relative; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .title {     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     color: #042833;     font-weight: 100;     text-align: center;     margin: 0;     background-color: #ffffff;     padding: 0 20px;     box-sizing: border-box;     position: relative; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container::before {     content: "";     position: absolute;     max-width: 700px;     width: 100%;     left: 50%;     transform: translateX(-50%);     height: 2px;     background-color: #042833;     top: 40px;     z-index: 0;     opacity: 0.2; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container {     display: flex;     align-items: stretch;     justify-content: space-between;     padding: 0;     margin: 0;     gap: 20px;     width: 100%; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container .category_btn {     box-sizing: border-box;     font-size: 0.875rem;     padding: 20px;     width: 100%;     border-radius: 8px;     background-color: #f5f5f5;     color: #042833;     display: flex;     flex-direction: column;     align-items: center;     text-align: center;     gap: 15px;     position: relative;     cursor: pointer;     transition: all 0.3s ease-in-out; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container .category_btn:hover {     box-shadow: 0 4px 8px 0 #00000033;     transform: translateY(-5px); }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container .category_btn > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.4; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container .category_btn > img {     width: 140px;     height: 140px;     object-fit: cover;     object-position: center;     transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container {     display: flex;     position: fixed;     justify-content: center;     align-items: center;     width: 100vw;     height: 100vh;     inset: 0;     background-color: #000000cc;     backdrop-filter: blur(4px);     background-size: 100% 100%;     z-index: 9999;     box-sizing: border-box;     padding: 24px; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container [hidden] {     display: none !important; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .display_none {     display: none !important; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: center;     max-width: 60vw;     width: 100%;     max-height: 60vh;     padding: 20px 20px 40px 20px;     box-sizing: border-box;     overflow-y: auto;     background-color: #FFFFFF;     border-radius: 5px;     position: relative; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .modal_title,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .modal_title,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .modal_title,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .modal_title {     color: #042833;     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.1;     font-weight: 100;     margin: 0;     padding: 10px 20px;     margin-bottom: 10px;     text-align: center;     border-bottom: 1px solid #042833;     box-sizing: border-box; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download {     display: flex;     text-decoration: none;     padding: 5px 0;     box-sizing: border-box;     width: 100%;     position: relative; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download:nth-last-child(2)::after,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download:nth-last-child(2)::after,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download:nth-last-child(2)::after,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download:nth-last-child(2)::after {     content: "";     position: absolute;     height: 2px;     max-width: 10vw;     width: 100%;     left: 50%;     transform: translateX(-50%);     background-color: #707070;     bottom: -20px; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download::before,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download::before,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download::before,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download::before {     content: '';     position: absolute;     width: 1px;     height: calc(100% - 10px);     background-color: #009ba5;     left: -1px;     top: 5px; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download > span {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.4;     width: 100%;     color: #042833;     display: flex;     align-items: center;     justify-content: space-between;     padding-left: 10px;     box-sizing: border-box;     background-color: #f5f5f5; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download:hover > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download:hover > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download:hover > span,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download:hover > span {     background-color: #042833;     color: #FFFFFF; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download > img:nth-child(2) {     opacity: 0;     position: absolute;     padding: 2px 0;     box-sizing: border-box; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download > span i {     font-size: 24px;     color: #042833;     display: flex;     padding: 0 10px;     box-sizing: border-box;     justify-content: center;     align-items: center;     margin-left: auto; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download:hover > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download:hover > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download:hover > span i,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download:hover > span i {     color: #FFFFFF; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download:hover > img:nth-child(1),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download:hover > img:nth-child(1),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download:hover > img:nth-child(1),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download:hover > img:nth-child(1) {     opacity: 0;     background-color: #042833; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .download:hover > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .download:hover > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .download:hover > img:nth-child(2),   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .download:hover > img:nth-child(2) {     opacity: 1;     background-color: #042833; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1 .close,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2 .close,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3 .close,   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 .close {     position: absolute;     top: 0;     right: 0;     z-index: 3;     color: #042833;     cursor: pointer;     font-size: 44px;     width: 44px;     height: 44px;     display: flex;     align-items: center;     justify-content: center;     background: transparent;     border: none; }   #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .close:hover {     color: #009ba5; }   @media only screen and (max-width: 1024px) {     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container .category_btn {       width: 220px;       height: auto; }     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container {       display: flex !important;       flex-wrap: wrap;       justify-content: center;       position: relative !important; }     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .btn_container {       justify-content: center; } }   @media only screen and (max-width: 767px) {     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content1,     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content2,     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content3,     #section_LogicChemieForExpertDownloadModalThreeBox_ .container .download_container .download_content4 {       max-width: 90vw; } }  #section_LogicChemieForExpertFooterBanner_ {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif;   position: relative; }   #section_LogicChemieForExpertFooterBanner_ .container {     display: flex;     align-items: center;     justify-content: center;     flex-direction: column;     width: calc(100% - 20px);     max-width: 1170px;     margin: 0;     padding-top: 30px;     padding-bottom: 30px;     overflow: hidden;     position: relative; }   #section_LogicChemieForExpertFooterBanner_ img {     position: absolute;     object-fit: cover;     object-position: center;     width: 100%;     height: 100%;     top: 0;     left: 0;     display: block; }   #section_LogicChemieForExpertFooterBanner_ .container .pt1 {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     width: 100%; }   #section_LogicChemieForExpertFooterBanner_ .container .pt1 .title {     color: #042833;     font-size: clamp(1.5rem, 3.5vw, 2rem);     line-height: 1.35;     text-align: center;     font-weight: 100;     z-index: 1;     margin: 0; }   #section_LogicChemieForExpertFooterBanner_ .container .pt1 .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #042833;     text-align: center;     width: 100%; }   #section_LogicChemieForExpertFooterBanner_ .container .pt2 {     display: flex;     align-items: center;     justify-content: center;     width: 100%; }   #section_LogicChemieForExpertFooterBanner_ .container .pt2 .btn {     display: flex;     justify-content: center;     align-items: center;     text-decoration: none;     cursor: pointer;     border: none;     min-width: 250px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     border: 1px solid #042833;     padding: 10px;     border-radius: 6px;     transition: all .3s ease-in-out;     margin-top: 30px;     background-color: #042833;     color: #ffffff; }   #section_LogicChemieForExpertFooterBanner_ .container .pt2 .btn:hover {     background-color: #ffffff;     color: #042833;     transition: all .3s ease-in-out; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal {     display: flex;     position: fixed;     justify-content: center;     align-items: center;     width: 100vw;     height: 100vh;     inset: 0;     background-color: #000000bd;     backdrop-filter: blur(4px);     background-size: 100% 100%;     z-index: 9999;     box-sizing: border-box;     padding: 24px; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal.display_none {     display: none !important; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: center;     max-width: 50vw;     width: 100%;     max-height: 80vh;     padding: 20px;     gap: 10px;     box-sizing: border-box;     overflow-y: auto;     background-color: #f5f7f9;     border-radius: 5px;     position: relative; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .close_modal {     position: absolute;     width: 44px;     height: 44px;     font-size: 44px;     background-color: transparent;     border: none;     color: #Ff0000;     opacity: 0.6;     top: 0;     right: 0;     z-index: 3;     cursor: pointer; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .close_modal:hover {     opacity: 1;     transition: all .3s ease-in-out; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .title_contact {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     margin: 0;     color: #000;     align-self: flex-start; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .desc {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #000;     align-self: flex-start; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .info {     display: flex;     flex-direction: row;     justify-content: center;     align-items: center;     max-width: inherit;     flex-wrap: wrap;     width: 100%;     gap: 10px; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .message {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: inherit;     width: 100%;     gap: 5px; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm input,   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm textarea {     width: 100%;     padding: 8px 10px;     min-height: 44px;     background-color: #fff;     border: 1px solid #fff;     color: #000;     opacity: 0.9;     box-sizing: border-box;     border-radius: 5px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm input::placeholder,   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm textarea::placeholder {     opacity: 0.5; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm input:focus::placeholder,   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm textarea:focus::placeholder {     opacity: 1; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm input:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm textarea:focus {     border: 1px solid #fff;     outline: none;     opacity: 1;     background-color: #fff; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .policy {     display: flex;     align-items: flex-start;     align-self: flex-start;     gap: 10px; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .policy > input {     width: 20px;     height: 20px;     min-height: revert;     cursor: pointer;     position: relative; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .policy > input::before {     content: '';     position: absolute;     top: -12px;     bottom: -12px;     left: -13px;     right: -13px; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .policy > span {     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     color: #707070;     width: 100%; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .submit {     align-self: flex-end;     border-radius: 10px;     position: relative;     cursor: pointer;     background-color: #ffffff00;     color: #13292f;     border: 1px solid #042833;     opacity: 1;     padding: 8px 10px;     box-sizing: border-box;     transition: all .2s ease-in-out;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     min-width: 120px;     max-width: 250px;     z-index: 1; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .submit.disable {     opacity: 0.6;     cursor: not-allowed;     pointer-events: none; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .submit::before {     content: '';     position: absolute;     top: -5px;     left: -5px;     bottom: -5px;     right: -5px;     z-index: 0; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .submit:hover {     background-color: #042833;     color: #fff;     border: 1px solid #042833;     transition: all .2s ease-in-out;     position: relative; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .submit.disable:hover {     background-color: #ffffff00;     color: #13292f;     border: 1px solid #042833; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .toast {     position: absolute; }   #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm .toast.show {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     background-color: #fff;     width: 100%;     padding: 8px 10px;     box-sizing: border-box;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     border-radius: 5px;     color: #2077e9;     box-shadow: 0 4px 8px 0 #00000033, 0 6px 20px 0 #00000030;     text-align: center;     position: relative; }   @media only screen and (max-width: 767px) {     #section_LogicChemieForExpertFooterBanner_ .contact_modal .mainForm {       max-width: 100vw;       max-height: 100vh; } }   @media only screen and (max-width: 580px) {     #section_LogicChemieForExpertFooterBanner_ .contact_modal {       padding: 20px; } }