#section_LogicSeptTitleHeader_1 {   display: flex;   justify-content: center;   align-items: center;   padding: 15px 0;   font-family: "Poppins", sans-serif; }   #section_LogicSeptTitleHeader_1 .container {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     max-width: 1170px;     padding: 0 50px;     box-sizing: border-box;     background-color: #f5f6f7;     position: relative;     height: 70px; }   #section_LogicSeptTitleHeader_1 .container .title {     font-size: clamp(1.5rem, 3.5vw, 2rem);     line-height: 1.35;     color: #707070;     margin: 0;     padding: 10px 0;     z-index: 2;     position: relative; }   #section_LogicSeptTitleHeader_1 .container .title::before {     content: '';     position: absolute;     width: 100%;     height: 100%;     z-index: -1;     top: 0;     left: 0;     background-color: transparent;     backdrop-filter: blur(8px);     transform: skewX(20deg); }   #section_LogicSeptTitleHeader_1 .container .img_container img {     width: 350px;     height: 70px;     aspect-ratio: 350 / 70;     display: block;     clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 7% 100%);     transform: scale(1.2);     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);     object-fit: cover;     object-position: center; }   #section_LogicSeptTitleHeader_1 .container .img_container {     max-width: 350px;     width: 100%;     height: 70px;     position: absolute;     right: 100px; }   #section_LogicSeptTitleHeader_1 .container .img_container::before {     content: '';     position: absolute;     width: calc(100% + 70px);     height: 100%;     transform: skewX(20deg);     left: -30px;     background-color: transparent;     box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }   @media only screen and (max-width: 767px) {     #section_LogicSeptTitleHeader_1 .container {       height: 50px; }     #section_LogicSeptTitleHeader_1 .container .img_container img {       max-width: 250px;       height: 50px;       aspect-ratio: 250 / 50;       width: 100%; }     #section_LogicSeptTitleHeader_1 .container .img_container {       max-width: 250px;       height: 50px;       width: 100%;       right: 50px; }     #section_LogicSeptTitleHeader_1 .container {       padding: 0 20px; }     #section_LogicSeptTitleHeader_1 .container .img_container::before {       width: calc(100% + 50px);       height: 100%;       transform: skewX(20deg);       left: -20px;       background-color: transparent;       box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); } }  @media only screen and (max-width: 767px) and (max-width: 480px) {   #section_LogicSeptTitleHeader_1 .container .img_container {     display: none; } }  #section_BlogSingleTextLogicsept_2 {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif; }   #section_BlogSingleTextLogicsept_2 .container {     display: flex;     justify-content: center;     flex-direction: column;     max-width: 1090px;     padding-top: 20px;     padding-bottom: 20px;     width: calc(100% - 20px); }   #section_BlogSingleTextLogicsept_2 .container .text_container .part1 {     width: 100%; } 
