#section__0 {   background: #fff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif;   z-index: 2;   position: relative; }   #section__0 .container {     display: flex;     flex-direction: column;     justify-content: flex-end;     align-items: center;     width: calc(100% - 20px);     max-width: 1090px;     margin: 0;     box-sizing: border-box;     padding-top: 20px;     position: relative;     z-index: 2; }   #section__0 .img_background {     position: absolute;     object-fit: cover;     display: block;     object-position: center;     top: 0;     left: 0;     width: 100%;     height: calc(100% - 30px);     z-index: 0; }   #section__0 .container .pt1 {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     max-width: 1090px;     gap: 10px;     border-radius: 6px;     padding: 30px;     box-sizing: border-box;     width: 100%;     background-color: #2C4A55e6;     box-shadow: #0000003d 0 3px 8px;     z-index: 2; }   #section__0 .container .pt1 .title {     color: #fff;     font-weight: bold;     text-align: center;     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.4;     border-bottom: 1px solid #6C8087;     width: 100%;     margin: 0; }  #section_LogicChemieText_1 {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif; }   #section_LogicChemieText_1 .container {     display: flex;     justify-content: center;     flex-direction: column;     max-width: 1090px;     padding-top: 20px;     padding-bottom: 20px;     width: calc(100% - 20px); }   #section_LogicChemieText_1 .container .text_container .part1 {     width: 100%; }  #section_LogicChemieBlogOther_2 {   background: linear-gradient(180deg, #ffffff 0, #ffffff 50%, #f8f8f8 50%, #f8f8f8 100%);   display: flex;   justify-content: center;   align-items: center;   padding-bottom: 10px;   font-family: "Poppins", sans-serif; }   #section_LogicChemieBlogOther_2 .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_LogicChemieBlogOther_2 .container::before {     content: '';     position: absolute;     max-width: 700px;     width: calc(100% - 20px);     height: 2px;     opacity: 0.6;     top: 35px;     background-color: #08244c; }   #section_LogicChemieBlogOther_2 .container .title {     font-size: clamp(1.125rem, 2.05vw, 1.5rem);     line-height: 1.45;     margin: 0;     color: #08244c;     padding: 0 20px;     box-sizing: border-box;     text-align: center;     position: relative;     z-index: 0; }   #section_LogicChemieBlogOther_2 .container .title::before {     content: '';     position: absolute;     left: 0;     height: 100%;     width: 100%;     background-color: #ffffff;     z-index: -1; }   #section_LogicChemieBlogOther_2 .container .slider {     max-width: 1095px;     width: 100%;     overflow: hidden; }   #section_LogicChemieBlogOther_2 .container .slider .slides {     display: flex;     width: 100%;     transition: all .48s ease-in-out; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide {     width: calc((100% - 60px) / 3);     margin: 10px;     display: flex;     border-radius: 10px;     background-color: #f8f8f8;     flex-direction: column;     align-items: center;     flex-shrink: 0;     overflow: hidden;     position: relative;     z-index: 2; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide:hover {     box-shadow: #0000003d 0 3px 8px;     transition: all 0.2s ease-in-out; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide img {     width: 100%;     height: auto;     aspect-ratio: 370 / 185;     object-position: center;     object-fit: cover; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container {     display: flex;     flex-direction: column;     justify-content: space-between;     box-sizing: border-box;     background-color: #f8f8f8;     gap: 20px;     padding: 10px 20px;     width: 100%;     bottom: 0;     transition: all .3s ease-in-out; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container a {     text-decoration: none;     color: #000000;     transition: color .2s ease-in-out; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container a:hover,   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container a:focus,   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container a:active {     text-decoration: none;     color: #0E5781;     transition: color .2s ease-in-out; }   #section_LogicChemieBlogOther_2 .container .slider .slides .slide .name_container .name {     margin: 0;     font-size: clamp(0.875rem, 1.54vw, 1.125rem);     line-height: 1.5;     align-self: flex-start;     font-weight: 100;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 3;     -webkit-box-orient: vertical;     z-index: 2; }   #section_LogicChemieBlogOther_2 .container .prev,   #section_LogicChemieBlogOther_2 .container .next {     position: absolute;     border-radius: 100%;     top: 46%;     border: none;     background-color: transparent;     cursor: pointer;     z-index: 1001; }   #section_LogicChemieBlogOther_2 .container .prev i,   #section_LogicChemieBlogOther_2 .container .next i {     width: 35px;     height: 35px;     font-size: 35px;     color: #000000;     opacity: 50%; }   #section_LogicChemieBlogOther_2 .container .prev i:hover,   #section_LogicChemieBlogOther_2 .container .next i:hover,   #section_LogicChemieBlogOther_2 .container .prev i:focus,   #section_LogicChemieBlogOther_2 .container .next i:focus,   #section_LogicChemieBlogOther_2 .container .prev i:active,   #section_LogicChemieBlogOther_2 .container .next i:active {     opacity: 100%; }   #section_LogicChemieBlogOther_2 .container .prev {     left: 0; }   #section_LogicChemieBlogOther_2 .container .next {     right: 0; }   @media only screen and (max-width: 1200px) {     #section_LogicChemieBlogOther_2 .container .slider {       width: calc(100% - 53px); }     #section_LogicChemieBlogOther_2 .container .prev i,     #section_LogicChemieBlogOther_2 .container .next i {       width: 25px;       height: 25px;       font-size: 25px; } }   @media only screen and (max-width: 1090px) {     #section_LogicChemieBlogOther_2 .container .slider .slides .slide {       width: calc((100% - 40px) / 2); } }   @media only screen and (max-width: 767px) {     #section_LogicChemieBlogOther_2 .container .prev i,     #section_LogicChemieBlogOther_2 .container .next i {       width: 20px;       height: 20px;       font-size: 20px; } }   @media only screen and (max-width: 580px) {     #section_LogicChemieBlogOther_2 .container .slider .slides .slide {       width: 100%; } } 
