#section_BlogSingleBannerLogicSept_1 {   background-color: #f8f8f8;   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   padding-top: 20px;   padding-bottom: 20px;   font-family: "Poppins", sans-serif; }   #section_BlogSingleBannerLogicSept_1 .container {     display: flex;     align-items: center;     justify-content: space-between;     flex-wrap: wrap;     width: calc(100% - 20px);     max-width: 1090px;     min-height: 200px;     gap: 20px;     margin: 0;     padding: 0;     overflow: hidden; }   #section_BlogSingleBannerLogicSept_1 .container .pt1 {     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-start;     max-width: 535px; }   #section_BlogSingleBannerLogicSept_1 .container .pt1 .title {     color: #707070;     font-size: 36px;     line-height: 40px;     width: 100%;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 3;     -webkit-box-orient: vertical;     align-self: flex-start;     margin: 0;     padding: 0; }   #section_BlogSingleBannerLogicSept_1 .container .pt1 .desc {     font-size: 14px;     color: #717171;     line-height: 21px;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 6;     -webkit-box-orient: vertical; }   #section_BlogSingleBannerLogicSept_1 .container .pt2 {     display: flex;     flex-direction: column;     align-items: flex-end;     justify-content: flex-end;     max-width: 534px;     max-height: 355px;     width: 100%;     overflow: hidden;     position: relative; }   #section_BlogSingleBannerLogicSept_1 .container .pt2:before {     content: '';     position: absolute;     width: 0;     height: 0;     right: 0;     top: 0;     border-right: 100px solid #f8f8f8;     border-bottom: 355px solid transparent; }   #section_BlogSingleBannerLogicSept_1 .container .pt2:after {     content: '';     position: absolute;     width: 0;     height: 0;     transform: rotate(180deg);     left: 0;     bottom: 0;     border-right: 100px solid #f8f8f8;     border-bottom: 355px solid transparent; }   #section_BlogSingleBannerLogicSept_1 .container .pt2 img {     width: 100%;     height: 100%;     object-fit: cover;     object-position: center; }   @media screen and (max-width: 1090px) {     #section_BlogSingleBannerLogicSept_1 .container {       flex-direction: column;       justify-content: center;       align-items: center;       padding-top: 30px; }     #section_BlogSingleBannerLogicSept_1 .container .pt1 {       max-width: 100%;       width: calc(100% - 20px);       justify-content: center; }     #section_BlogSingleBannerLogicSept_1 .container .pt1 .title {       max-width: 100%;       overflow: revert;       display: revert;       -webkit-line-clamp: revert;       -webkit-box-orient: revert; }     #section_BlogSingleBannerLogicSept_1 .container .pt1 .desc {       max-width: 100%;       overflow: revert;       display: revert;       -webkit-line-clamp: revert;       -webkit-box-orient: revert; }     #section_BlogSingleBannerLogicSept_1 .container .pt2 {       align-items: center;       justify-content: center;       max-width: 100%; }     #section_BlogSingleBannerLogicSept_1 .container .pt2 img {       height: auto; } }   @media screen and (max-width: 580px) {     #section_BlogSingleBannerLogicSept_1 .container .pt1 .title {       font-size: 24px;       line-height: 31px; } }  #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 50%, #ffffff 50%, #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: 24px;     margin: 0;     line-height: 45px;     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 {     max-width: 100%;     width: calc(100% - 20px);     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 > div {     display: flex;     flex-direction: column;     align-items: center;     width: 100%; }   #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;     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 .name {     margin: 0;     font-size: 18px;     line-height: 25px;     align-self: flex-start;     color: #000000;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .btn {     background-color: transparent;     margin-right: 20px;     margin-bottom: 20px;     padding: 6px;     color: #1C2D4E;     max-width: 250px;     min-width: 120px;     border: 1px solid #1C2D4E;     border-radius: 30px;     align-self: flex-end;     transition: all .3s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .btn:hover {     background-color: #1C2D4E;     color: #f8f8f8;     transition: all .3s ease-in-out; }   #section_LogicSeptBlogOther_3 .container .slider .slides .slide .btn a {     text-decoration: none;     display: block;     color: inherit; }   #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 {     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: 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 #sectoin_componentName_index .container .title {       font-size: 20px;       line-height: 25px; }     #section_LogicSeptBlogOther_3 .container .slider .slides .slide .name_container .name {       font-size: 16px;       line-height: 20px; } }