#section_HeaderLogicsept_0 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   width: 100%;   top: 0 !important;   left: 0;   z-index: 1000;   font-family: "Poppins", sans-serif;   transition: all .4s ease-out;   position: relative; }   #section_HeaderLogicsept_0 .CSSHOP {     z-index: 21;     margin: 5px; }   #section_HeaderLogicsept_0 .CSSHOP .cart_icon .amount {     background-color: #1C2D4E !important; }   #section_HeaderLogicsept_0 .CSSHOP .user_icon:hover i {     color: #1C2D4E !important;     -webkit-text-stroke: 1px #1C2D4E !important; }   #section_HeaderLogicsept_0 .CSSHOP .cart_icon:hover i {     color: #1C2D4E !important;     -webkit-text-stroke: 1px #1C2D4E !important; }   #section_HeaderLogicsept_0 .container {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     margin-bottom: 14px;     background-color: transparent;     width: 100%;     max-width: 1440px;     position: relative; }   #section_HeaderLogicsept_0 .container .display_none {     display: none !important; }   #section_HeaderLogicsept_0 .container .navbar {     display: flex;     flex-direction: row;     justify-content: center;     align-items: center;     max-width: 1170px;     background-color: #1C2D4E;     width: calc(100% - 20px);     z-index: 2; }   #section_HeaderLogicsept_0 .container .nav_header {     display: flex;     flex-direction: row;     justify-content: space-between;     align-items: center;     max-width: 1170px;     max-height: 75px;     width: calc(100% - 20px); }   #section_HeaderLogicsept_0 .container .nav_header .logo_container {     display: flex;     flex-direction: row;     align-items: center;     gap: 50px; }   #section_HeaderLogicsept_0 .container .nav_header .cart_container {     display: flex;     align-items: center;     flex-direction: row;     gap: 10px; }   #section_HeaderLogicsept_0 .container .nav_header .logo {     max-width: 125px;     width: 100%; }   #section_HeaderLogicsept_0 .container .nav_header .logo > img {     width: 125px;     height: 70px;     object-fit: cover;     object-position: center; }   #section_HeaderLogicsept_0 .container .nav_header .contact {     display: flex;     flex-direction: column;     justify-content: space-evenly;     gap: 10px;     font-size: 13px;     color: #606060; }   #section_HeaderLogicsept_0 .container .nav_header .contact i {     font-size: 14px;     -webkit-text-stroke: 1px #666666;     color: transparent; }   #section_HeaderLogicsept_0 .container .nav_header .contact a {     text-decoration: none;     color: inherit; }   #section_HeaderLogicsept_0 .container .nav_header .contact a:hover {     text-decoration: underline; }   #section_HeaderLogicsept_0 .container .nav_header .user_lang > ul {     display: flex;     flex-direction: row-reverse;     gap: 5px; }   #section_HeaderLogicsept_0 .container .nav_header ul {     display: flex;     justify-content: center;     align-items: center;     gap: 20px;     list-style: none;     margin: 0;     padding: 0; }   #section_HeaderLogicsept_0 .container .nav_header ul li {     display: flex;     font-size: 14px; }   #section_HeaderLogicsept_0 .container .navbar ul {     display: flex;     justify-content: center;     align-items: center;     gap: 40px;     list-style: none;     width: 100%;     margin: 0;     padding: 0; }   #section_HeaderLogicsept_0 .container .navbar > ul li a {     text-decoration: none;     color: #fff;     transition: all .2s ease-out; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav {     position: relative;     display: flex;     height: 50px;     align-items: center;     font-size: 14px;     cursor: pointer; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav a::before {     content: '';     position: absolute;     left: -15px;     right: -15px;     top: -15px;     bottom: -15px; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav a {     position: relative; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:hover {     font-weight: bold; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav i {     font-size: 16px;     transform: none;     color: #fff;     margin-right: 5px;     transition: all .2s ease-in-out; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content {     display: none;     overflow: hidden;     position: absolute;     transform: translateX(-9%);     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;     background-color: #fff;     top: 50px;     flex-direction: row;     gap: 20px;     padding: 0 20px 10px 20px; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:nth-child(2) .nav_content {     transform: translateX(-31%); }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links {     display: none;     overflow: hidden;     position: absolute;     transform: translateX(-25%);     background-color: #fff;     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;     top: 50px;     flex-direction: column; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:nth-child(1) .nav_links {     min-width: 230px; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:hover .nav_links {     display: flex; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav::before:hover .nav_links {     display: flex; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links a:nth-last-child(1) {     border-bottom: none; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content_title {     text-align: center;     font-size: 14px;     font-weight: bold;     padding-top: 5px;     padding-bottom: 5px;     background-color: #fff;     border-bottom: 1px solid #404040; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content_title > a,   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links > a {     text-decoration: none;     color: #404040;     background-color: #fff;     border-bottom: none !important; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content_title a:hover {     background-color: revert !important; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content1 {     display: flex;     font-size: 14px;     flex-direction: column;     min-width: 160px; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links {     font-size: 14px;     flex-direction: column;     min-width: 160px; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content1 a,   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links a {     font-weight: normal;     border-bottom: 1px solid #e9e9e9; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_content .nav_content1 a:hover,   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links a:hover {     font-weight: bold; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:hover .nav_content {     display: flex; }   #section_HeaderLogicsept_0 .container .navbar .nav_content a {     color: #404040;     background-color: #fff;     text-decoration: none;     width: 100%;     text-align: center;     display: block;     padding: 10px 0 10px 0; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links a {     color: #404040;     background-color: #fff;     border-bottom: 1px solid #e9e9e9;     text-decoration: none;     width: 100%;     text-align: center;     display: block;     padding: 10px 0 10px 0; }   #section_HeaderLogicsept_0 .container .navbar .nav_content a:hover, #section_HeaderLogicsept_0 .container .navbar .sub_nav .nav_links a:hover {     background-color: #f5f5f5;     font-weight: bold; }   #section_HeaderLogicsept_0 .container .navbar .sub_nav:hover i {     transform: rotate(90deg);     transition: all .2s ease-in-out; }   #section_HeaderLogicsept_0 .container .hamburger {     z-index: 1; }   #section_HeaderLogicsept_0 .container .nav_mobile {     display: none; }   #section_HeaderLogicsept_0 .container .mobile_header {     display: none; }   #section_HeaderLogicsept_0 .container .contact_res {     display: none; }   #section_HeaderLogicsept_0 .container .user_lang_res {     display: flex;     flex-direction: row;     align-items: center;     gap: 10px;     z-index: 4; }   #section_HeaderLogicsept_0 .container .user_lang_res ul {     display: flex;     list-style: none;     align-items: center;     gap: 5px;     padding: 0;     margin: 0; }   #section_HeaderLogicsept_0 .container .languages {     position: relative;     color: #424242;     width: 100%; }   #section_HeaderLogicsept_0 .container .languages img {     width: 18px;     height: 18px;     margin-right: 5px; }   #section_HeaderLogicsept_0 .container .languages .LNGpreview {     max-width: 80px !important;     display: flex;     flex-direction: row;     justify-content: center;     align-items: center;     font-size: 12px;     padding: 2px 20px 2px 2px;     color: #404040;     background-color: #ffffff;     border-radius: 6px;     font-weight: bold;     cursor: pointer;     position: relative;     height: auto; }   #section_HeaderLogicsept_0 .container .LNGpreview::after {     content: "\25BC";     position: absolute;     color: #404040;     right: 5px; }   #section_HeaderLogicsept_0 .container .languages .LNGdropdown {     display: none;     padding: 5px !important;     list-style: none;     border-radius: 6px;     width: 80px;     margin: 27px 0px 0px 0px !important;     position: absolute;     color: #404040;     top: 0px;     z-index: 1000;     background: #f5f5f5; }   #section_HeaderLogicsept_0 .container .languages .LNGdropdown li {     padding: revert;     border-radius: 6px;     display: flex;     align-items: center;     margin-top: 5px;     border-bottom: revert;     width: revert;     transition: revert;     background-color: revert;     width: 92px; }   #section_HeaderLogicsept_0 .container .languages .LNGdropdown li:nth-child(1) {     text-align: revert;     padding: revert;     font-size: revert;     border-top: revert;     color: revert;     border-bottom: revert;     width: revert; }   #section_HeaderLogicsept_0 .container .languages .LNGdropdown li:nth-last-child(1) {     text-align: revert;     padding: revert;     font-size: revert;     color: revert;     border: revert;     background-color: revert;     width: revert; }   #section_HeaderLogicsept_0 .container languages .LNGdropdown li:hover {     background: #707070; }   #section_HeaderLogicsept_0 .container .languages .LNGdropdown li a {     display: flex !important;     flex-direction: row;     justify-content: flex-start;     align-items: center;     width: 100%;     font-size: 14px;     text-decoration: none;     color: #404040; }   @media only screen and (max-width: 1170px) {     #section_HeaderLogicsept_0 .container {       min-height: 100px;       border-bottom: 1px solid #cdcdcd;       margin-bottom: revert; }     #section_HeaderLogicsept_0 .container .mobile_header {       display: flex;       justify-content: space-between;       align-items: center;       width: calc(100% - 20px); }     #section_HeaderLogicsept_0 .container .mobile_header .logo_container {       display: flex;       justify-content: flex-start;       align-items: center;       width: 100%;       gap: 10px;       z-index: 4; }     #section_HeaderLogicsept_0 .container .nav_header {       display: none !important; }     #section_HeaderLogicsept_0 .container .navbar {       display: none !important; }     #section_HeaderLogicsept_0 .container .nav_mobile {       display: block;       position: absolute;       height: 100%;       width: 100%; }     #section_HeaderLogicsept_0 .container .nav_mobile::before {       content: '';       position: absolute;       height: 100%;       width: 100%;       background-color: #fff;       z-index: 4; }     #section_HeaderLogicsept_0 .container .mobile_header .logo {       max-width: 125px;       width: 100%; }     #section_HeaderLogicsept_0 .container .mobile_header .logo > img {       width: 125px;       height: 70px;       user-select: none; }     #section_HeaderLogicsept_0 .container .nav_mobile .nav_mobile_links {       position: absolute;       list-style: none;       top: -1000px;       width: calc(100% - 40px);       background-color: #fff;       display: flex;       justify-content: center;       align-items: center;       flex-direction: column;       text-align: center;       margin: 0;       padding: 0;       transform: translateY(-40px);       transition: all .2s ease-in-out;       z-index: 2; }     #section_HeaderLogicsept_0 .container .nav_mobile .nav_mobile_links.open {       transform: translateY(50px);       transition: all .2s ease-in;       top: 52px;       display: flex;       width: 100%;       flex-direction: column;       align-items: center; }     #section_HeaderLogicsept_0 .container .nav_mobile ul li {       padding: 10px;       border-bottom: 2px solid #eeeeee;       width: calc(100% - 20px);       display: flex;       justify-content: center;       align-items: flex-start;       flex-direction: column;       transition: all .2s ease-in-out; }     #section_HeaderLogicsept_0 .container .nav_mobile ul li:hover {       background-color: #fff;       border-bottom: 2px solid #cdcdcd;       transition: all .2s ease-in-out; }     #section_HeaderLogicsept_0 .container .nav_mobile ul li a {       font-size: 16px;       color: #404040;       transition: all .2s ease-in-out;       text-align: center;       text-decoration: none;       width: 100%;       display: flex;       justify-content: space-between; }     #section_HeaderLogicsept_0 .container .nav_mobile ul li a:hover {       color: #009aa4 !important;       font-weight: bold;       transition: all .2s ease-in-out; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .last {       display: flex;       justify-content: space-between;       align-items: center;       width: calc(100% - 20px); }     #section_HeaderLogicsept_0 .container .hamburger {       display: flex; }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button {       width: 20px;       height: 20px;       cursor: pointer;       transform: scaleX(-1); }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button line {       stroke: #1C2D4E;       stroke-dasharray: 100%;       stroke-dashoffset: 0%;       transition: transform 0.3s, stroke-dashoffset .4s;       transform-origin: center;       stroke-width: 3px; }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button .top {       transform: translateY(-35%);       -webkit-transform: translateY(-35%);       -moz-transform: translateY(-33%);       -ms-transform: translateY(35%);       -o-transform: translateY(35%); }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button .middle {       transform: scaleX(1);       transition: opacity .3s, transform .3s; }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button .bottom {       transform: translateY(33%);       stroke-dasharray: 100%;       stroke-dashoffset: 9px; }     #section_HeaderLogicsept_0 .container .hamburger .hamburger_button:hover .bottom {       stroke-dashoffset: 0%; }     #section_HeaderLogicsept_0 .container .hamburger.menu-open .hamburger_button .top {       transform: rotate(45deg);       stroke-linecap: round; }     #section_HeaderLogicsept_0 .container .hamburger.menu-open .hamburger_button .middle {       transform: scaleX(0.1);       opacity: 0; }     #section_HeaderLogicsept_0 .container .hamburger.menu-open .hamburger_button line.bottom {       transform: rotate(-45deg);       stroke-linecap: round; }     #section_HeaderLogicsept_0 .container .hamburger.menu-open .hamburger_button .bottom {       stroke-dashoffset: 0%; }     #section_HeaderLogicsept_0 .container .hamburger {       width: auto; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button {       position: relative;       display: flex;       justify-content: space-between;       align-items: center;       cursor: pointer;       width: 100%; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button a {       text-align: left; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button i {       color: #1C2D4E;       font-size: 14px;       width: 50px;       text-align: center;       transition: all .4s ease-in-out; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button.active:before {       transform: rotate(-360deg) translateY(-20px);       opacity: 0; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button.active i,     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-button.accordion-button:focus i {       transform: rotate(90deg);       transition: all .4s ease-in-out;       opacity: 50%; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .accordion-panel {       display: none;       padding-right: 10px;       padding-left: 40px;       overflow: hidden;       width: calc(100% - 100px); }     #section_HeaderLogicsept_0 .container .nav_mobile_links .links {       display: flex;       flex-direction: column;       gap: 10px;       margin-top: 20px; }     #section_HeaderLogicsept_0 .container .nav_mobile_links .links a {       text-align: left;       font-size: 14px;       line-height: 30px;       color: #404040;       background-color: #fff;       border-bottom: 1px solid #009aa4; }     #section_HeaderLogicsept_0 .container .contact_res {       display: flex;       flex-direction: column;       align-items: baseline;       font-size: 14px;       color: #606060;       padding-top: 20px;       padding-bottom: 20px;       gap: 10px; }     #section_HeaderLogicsept_0 .container .contact_res a {       text-decoration: none;       color: inherit; }     #section_HeaderLogicsept_0 .container .nav_header {       justify-content: flex-end; } }   @media only screen and (max-width: 580px) {     #section_HeaderLogicsept_0 .container .mobile_header .logo {       width: calc(100% - 10px); }     #section_HeaderLogicsept_0 .container .mobile_header .logo > img {       width: 100%;       height: auto; } }  #section_LogicSeptTitle_1 {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   font-family: "Poppins", sans-serif; }   #section_LogicSeptTitle_1 .container {     display: flex;     justify-content: center;     flex-direction: column;     align-items: center;     max-width: 1100px;     width: calc(100% - 20px); }   #section_LogicSeptTitle_1 .container .main_title .title {     font-size: 24px;     line-height: 40px;     color: #000;     text-align: left;     margin: 20px 0px 0px 0px;     background-color: #f4f6f8;     width: calc(100% - 25px);     padding: 5px 0px 5px 25px; }   #section_LogicSeptTitle_1 .container .main_title {     width: 100%; }  #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%; }  #section_LogicSeptBlogOther_3 {   background: linear-gradient(180deg, #f8f8f8 0, #f8f8f8 55%, #ffffff 55%, #ffffff 100%);   display: flex;   justify-content: center;   align-items: center;   padding-bottom: 10px;   font-family: "Poppins", sans-serif; }   #section_LogicSeptBlogOther_3 .container {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     width: 100%;     padding-top: 20px;     padding-bottom: 68px;     max-width: 1170px;     min-height: 200px;     user-select: none;     position: relative; }   #section_LogicSeptBlogOther_3 .container .title {     font-size: clamp(1.125rem, 2.05vw, 1.5rem);     line-height: 1.45;     margin: 0;     color: #1C2D4E;     text-align: center; }   #section_LogicSeptBlogOther_3 .container .slider {     max-width: 1090px;     width: 100%;     overflow: hidden; }   #section_LogicSeptBlogOther_3 .container .slider .slides {     display: flex;     width: 100%;     transition: all .48s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide {     width: calc((100% - 60px) / 3);     margin: 10px;     display: flex;     background-color: #f8f8f8;     flex-direction: column;     justify-content: space-between;     align-items: center;     flex-shrink: 0;     overflow: hidden;     position: relative;     z-index: 2; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide:hover {     box-shadow: #0000003d 0 3px 8px;     transition: all 0.2s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide img {     width: 100%;     height: 150px;     aspect-ratio: 340 / 150;     object-position: center;     object-fit: cover; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container {     display: flex;     flex-direction: column;     justify-content: flex-start;     align-items: center;     padding: 20px 0;     width: calc(100% - 40px);     position: relative; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container a {     text-decoration: none;     display: block;     width: 100%; }   #section_LogicSeptBlogOther_3 .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;     color: #000000;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     transition: all .3s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container .name:hover,   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container .name:focus,   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container .name:active {     color: #2B4982;     transition: all .3s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .prev,   #section_LogicSeptBlogOther_3 .container .next {     position: absolute;     border-radius: 100%;     top: 48%;     border: none;     background-color: transparent;     cursor: pointer;     z-index: 1001; }   #section_LogicSeptBlogOther_3 .container .prev i,   #section_LogicSeptBlogOther_3 .container .next i {     width: 35px;     height: 35px;     font-size: 35px;     color: #000000;     opacity: 50%; }   #section_LogicSeptBlogOther_3 .container .prev i:hover,   #section_LogicSeptBlogOther_3 .container .next i:hover,   #section_LogicSeptBlogOther_3 .container .prev i:focus,   #section_LogicSeptBlogOther_3 .container .next i:focus,   #section_LogicSeptBlogOther_3 .container .prev i:active,   #section_LogicSeptBlogOther_3 .container .next i:active {     opacity: 100%; }   #section_LogicSeptBlogOther_3 .container .prev {     left: -50px; }   #section_LogicSeptBlogOther_3 .container .next {     right: -50px; }   @media only screen and (max-width: 1300px) {     #section_LogicSeptBlogOther_3 .container .prev {       left: 0; }     #section_LogicSeptBlogOther_3 .container .next {       right: 0; }     #section_LogicSeptBlogOther_3 .container .slider {       width: calc(100% - 53px); }     #section_LogicSeptBlogOther_3 .container .prev i,     #section_LogicSeptBlogOther_3 .container .next i {       width: 25px;       height: 25px;       font-size: 25px; } }   @media only screen and (max-width: 1090px) {     #section_LogicSeptBlogOther_3 .container .slider .slides .slide {       width: calc((100% - 40px) / 2); } }   @media only screen and (max-width: 767px) {     #section_LogicSeptBlogOther_3 .container .prev i,     #section_LogicSeptBlogOther_3 .container .next i {       width: 20px;       height: 20px;       font-size: 20px; } }   @media only screen and (max-width: 580px) {     #section_LogicSeptBlogOther_3 .container .slider .slides .slide {       width: 100%; } }  #section_LogicSeptFooter_4 {   background-color: #fff;   display: flex;   justify-content: center;   align-items: center;   font-family: Arial, Helvetica, sans-serif; }   #section_LogicSeptFooter_4 .container {     display: flex;     justify-content: space-between;     padding-top: 20px;     gap: 20px;     flex-wrap: wrap;     width: calc(100% - 20px);     border-top: 2px solid #d7d6df;     border-bottom: 1px solid #d7d6df;     max-width: 1170px;     position: relative; }   #section_LogicSeptFooter_4 .container::before {     content: '';     position: absolute;     width: 150px;     height: 100%;     top: 0;     left: 0;     background-color: #17a3ac;     z-index: 2; }   #section_LogicSeptFooter_4 .container .prt1 {     display: flex;     align-items: flex-end;     justify-content: space-between;     flex-direction: column;     max-width: 280px;     min-height: 310px;     width: 100%;     position: relative; }   #section_LogicSeptFooter_4 .container .prt1 .logo {     position: absolute;     width: 150px;     height: 120px;     object-fit: cover;     object-position: center;     right: -25px;     top: -20px; }   #section_LogicSeptFooter_4 .container .prt1 img:nth-child(2) {     position: absolute;     width: 300px;     left: 38px;     height: 200px;     bottom: 0; }   #section_LogicSeptFooter_4 .container .prt1 .icons {     display: flex;     flex-direction: column;     align-self: flex-start;     align-items: flex-start;     gap: 5px;     position: absolute;     left: 70px;     bottom: 5px;     width: calc(100% - 40px); }   #section_LogicSeptFooter_4 .container .prt1 .icons .row_icon {     display: flex;     gap: 7px;     z-index: 3; }   #section_LogicSeptFooter_4 .container .prt1 .icons .copyright {     font-size: 12px;     line-height: 20px;     color: #ffffff;     z-index: 3;     width: calc(100% - 40px); }   #section_LogicSeptFooter_4 .container .prt1 .icons::before {     content: '';     position: absolute;     width: 100%;     min-width: 300px;     height: 90px;     bottom: -5px;     left: -31px;     background-color: #14213af1;     z-index: 3; }   #section_LogicSeptFooter_4 .container .prt1 .icons a {     text-decoration: none;     z-index: 2; }   #section_LogicSeptFooter_4 .container .prt1 .icons img {     display: inline-block;     width: 20px;     height: 20px; }   #section_LogicSeptFooter_4 .container .prt2 {     display: flex;     flex-direction: column;     gap: 5px;     font-size: 14px;     line-height: 20px;     padding-bottom: 20px;     max-width: 250px;     box-sizing: border-box;     background-color: #fff;     padding-left: 10px;     z-index: 3;     position: relative; }   #section_LogicSeptFooter_4 .container .prt2:nth-last-child(1) {     justify-content: flex-start;     padding-top: 34px;     gap: 10px;     max-width: 200px; }   #section_LogicSeptFooter_4 .container .prt2::before {     content: '';     position: absolute;     left: 0;     top: 40px;     width: 1px;     height: calc(100% - 50px);     background-color: #dddddd; }   #section_LogicSeptFooter_4 .container .prt2 .title {     margin: 0;     font-size: 16px !important;     line-height: 30px;     font-weight: bold;     color: #404040; }   #section_LogicSeptFooter_4 .container .prt2 a {     text-decoration: none;     color: #666666;     text-align: left; }   #section_LogicSeptFooter_4 .container .prt2 a:hover {     text-decoration: none;     color: #313A4A; }   #section_LogicSeptFooter_4 .container .prt2 .address {     display: flex;     flex-direction: column;     align-items: flex-start; }   #section_LogicSeptFooter_4 .container .prt2 .address .contact_title {     color: #404040;     font-size: 14px;     line-height: 20px;     font-weight: bold; }   #section_LogicSeptFooter_4 .container .prt2 .address .tel {     display: flex;     flex-direction: column;     width: 100%; }   @media only screen and (max-width: 1090px) {     #section_LogicSeptFooter_4 .container .prt1 {       max-width: 100%;       align-items: flex-start;       min-height: 200px;       gap: 30px;       order: 10; }     #section_LogicSeptFooter_4 .container .prt1 img:nth-child(2) {       left: 0; }     #section_LogicSeptFooter_4 .container::before {       display: none; }     #section_LogicSeptFooter_4 .container .prt1 .icons {       padding-left: 20px;       width: calc(100% - 20px);       left: 0; }     #section_LogicSeptFooter_4 .container .prt1 .icons::before {       left: -10px;       width: calc(100% + 20px);       height: 70px; }     #section_LogicSeptFooter_4 .container .prt2 {       margin-left: 10px; }     #section_LogicSeptFooter_4 .container .prt1 .logo {       position: revert; }     #section_LogicSeptFooter_4 .container .prt2:nth-last-child(2)::before {       content: '';       position: absolute;       left: -10px;       top: 0;       width: 1px;       height: 100%; } }   @media only screen and (max-width: 580px) {     #section_LogicSeptFooter_4 .container .prt2 .title {       font-size: 16px !important; }     #section_LogicSeptFooter_4 .container .prt2:nth-last-child(1) .address {       width: 100%;       max-width: 100%; }     #section_LogicSeptFooter_4 .container .prt2:nth-last-child(1) {       width: 100%;       max-width: 100%;       padding-top: 0; }     #section_LogicSeptFooter_4 .container .prt2 {       min-width: 200px; }     #section_LogicSeptFooter_4 .container {       justify-content: flex-start; }     #section_LogicSeptFooter_4 .container .prt2:nth-last-child(1)::before {       top: 0; } } 
