#section_VideoAuto-001_0 {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   padding-top: 50px;   padding-bottom: 50px;   position: relative;   font-family: "Poppins", sans-serif;   z-index: 999; }   #section_VideoAuto-001_0 .container {     width: calc(100% - 20px);     max-width: 1090px;     margin: 0;     padding: 0;     box-sizing: border-box;     box-shadow: 0px 0px 20px 0px #717171;     background-color: #000000;     overflow: hidden;     z-index: 0; }   #section_VideoAuto-001_0 .img_background {     position: absolute;     display: block;     object-fit: cover;     object-position: center;     width: 100%;     height: 100%;     aspect-ratio: 16 / 9; }   #section_VideoAuto-001_0 .container .pt1 {     padding: 20px;     box-sizing: border-box;     position: relative; }   #section_VideoAuto-001_0 .container .pt1 .desc .title {     color: #eeeeee;     font-size: clamp(1.25rem, 3vw, 1.75rem);     line-height: 1.1;     font-weight: 100;     margin: 0 0 15px 0;     padding: 0; }   #section_VideoAuto-001_0 .container .pt1 .desc .content_section img {     width: 100%; }   #section_VideoAuto-001_0 .container .pt2 {     float: left;     margin: 0 15px 0 0;     max-width: 65%;     width: 100%;     position: relative; }   #section_VideoAuto-001_0 .container .pt2::before {     content: '';     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 0;     background: linear-gradient(180deg, transparent 0%, #000000 100%);     z-index: 1;     transition: height 0.3s ease-in-out; }   #section_VideoAuto-001_0 .container .pt2:hover::before {     height: 50px;     transition: height 0.3s ease-in-out; }   #section_VideoAuto-001_0 .container .pt2 video {     width: 100%;     height: auto;     min-height: 400px;     aspect-ratio: 16 / 9;     object-fit: cover;     object-position: center;     display: block; }   #section_VideoAuto-001_0 .container .pt1 .desc img {     max-width: 100%;     height: auto; }   #section_VideoAuto-001_0 .container .display_none {     display: none !important; }   #section_VideoAuto-001_0 .container .video_container {     display: flex;     position: fixed;     justify-content: center;     align-items: center;     width: 100vw;     height: 100vh;     inset: 0;     background-color: #eeeeeecc;     background-size: 100% 100%;     z-index: 9999;     box-sizing: border-box;     padding: 24px; }   #section_VideoAuto-001_0 .container .video_container .video_content {     width: clamp(18.75rem, 80vw, 56.25rem);     aspect-ratio: 16 / 9;     box-sizing: border-box;     background-color: #ffffff;     border: 10px solid #ffffff;     border-radius: 8px;     position: relative;     overflow: hidden; }   #section_VideoAuto-001_0 .container .video_container .video_content .video_play {     width: 100%;     height: 100%;     object-fit: cover;     display: block; }   #section_VideoAuto-001_0 .container .video_container .close {     position: absolute;     top: 20px;     right: 20px;     z-index: 3;     color: #FFF;     cursor: pointer;     font-size: 44px;     width: 44px;     height: 44px;     background-color: transparent;     border: none;     transition: color .15s ease-in-out, transform .06s ease-in-out; }   #section_VideoAuto-001_0 .container .video_container .close:hover {     color: #707070; }   #section_VideoAuto-001_0 .container .pt2 .video_placeholder {     position: relative;     width: 100%;     height: auto;     aspect-ratio: 16 / 9;     object-fit: cover;     cursor: pointer; }   #section_VideoAuto-001_0 .container .controls {     display: flex;     gap: 5px;     align-items: center;     position: absolute;     padding: 0 10px;     box-sizing: border-box;     bottom: -50px;     margin-bottom: 10px;     opacity: 0;     z-index: 2;     width: 100%;     transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; }   #section_VideoAuto-001_0 .container .pt2:hover .controls {     display: flex;     bottom: 0;     opacity: 1;     transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; }   #section_VideoAuto-001_0 .container .controls .progress {     -webkit-appearance: none;     appearance: none;     width: 100%;     height: 2px;     background: transparent;     outline: none; }   #section_VideoAuto-001_0 .container .controls .progress::-webkit-slider-runnable-track {     height: 2px;     border-radius: 999px;     background: #fff; }   #section_VideoAuto-001_0 .container .controls .progress::-webkit-slider-thumb {     -webkit-appearance: none;     appearance: none;     width: 14px;     height: 14px;     border-radius: 50%;     background: #fff;     border: 2px solid #fff;     margin-top: -6px;     cursor: pointer; }   #section_VideoAuto-001_0 .container .controls .progress::-moz-range-track {     height: 2px;     border-radius: 999px;     background: #fff; }   #section_VideoAuto-001_0 .container .controls .progress::-moz-range-thumb {     width: 14px;     height: 14px;     border-radius: 50%;     background: #fff;     border: 2px solid #fff;     cursor: pointer; }   #section_VideoAuto-001_0 .container .controls .progress:focus-visible::-webkit-slider-thumb {     outline: 3px solid rgba(0, 0, 0, 0.25);     outline-offset: 2px; }   #section_VideoAuto-001_0 .container .controls .progress:focus-visible::-moz-range-thumb {     outline: 3px solid rgba(0, 0, 0, 0.25);     outline-offset: 2px; }   #section_VideoAuto-001_0 .container .controls .volume_range {     width: 10%;     height: 2px;     -webkit-appearance: none;     appearance: none;     background: transparent;     transform: rotate(-90deg);     bottom: 60px;     right: -10px;     position: absolute;     outline: none; }   #section_VideoAuto-001_0 .container .controls .volume_range::-webkit-slider-runnable-track {     height: 2px;     border-radius: 999px;     background: #fff; }   #section_VideoAuto-001_0 .container .controls .volume_range::-webkit-slider-thumb {     -webkit-appearance: none;     appearance: none;     width: 14px;     height: 14px;     border-radius: 50%;     background: #fff;     border: 2px solid #fff;     margin-top: -6px;     cursor: pointer; }   #section_VideoAuto-001_0 .container .controls .volume_range::-moz-range-track {     height: 2px;     border-radius: 999px;     background: #fff; }   #section_VideoAuto-001_0 .container .controls .volume_range::-moz-range-thumb {     width: 14px;     height: 14px;     border-radius: 50%;     background: #fff;     border: 2px solid #fff;     cursor: pointer; }   #section_VideoAuto-001_0 .container .controls .volume_range:focus-visible::-webkit-slider-thumb {     outline: 3px solid rgba(0, 0, 0, 0.25);     outline-offset: 2px; }   #section_VideoAuto-001_0 .container .controls .volume_range:focus-visible::-moz-range-thumb {     outline: 3px solid rgba(0, 0, 0, 0.25);     outline-offset: 2px; }   #section_VideoAuto-001_0 .container .controls .mute_btn,   #section_VideoAuto-001_0 .container .controls .play_btn {     background: none;     border: none;     cursor: pointer;     padding: 0;     width: 32px;     height: 32px;     position: relative; }   #section_VideoAuto-001_0 .container .controls .vol_on,   #section_VideoAuto-001_0 .container .controls .vol_off,   #section_VideoAuto-001_0 .container .controls .play_btn .play,   #section_VideoAuto-001_0 .container .controls .play_btn .pause {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     display: flex;     align-items: center;     justify-content: center;     color: #FFFFFF;     font-size: 24px; }   #section_VideoAuto-001_0 .container .controls .time {     color: #FFFFFF;     font-size: 14px;     min-width: fit-content;     text-align: right; }   #section_VideoAuto-001_0 .container .controls .full_screen {     cursor: pointer;     color: #FFFFFF;     font-size: 20px; }   #section_VideoAuto-001_0 .video_wrap {     position: relative;     display: inline-block; }   #section_VideoAuto-001_0 .video_loader {     position: absolute;     inset: 0;     display: flex;     align-items: center;     justify-content: center;     background: rgba(0, 0, 0, 0.25);     pointer-events: none; }   #section_VideoAuto-001_0 .video_loader.display_none {     display: none; }   #section_VideoAuto-001_0 .spinner {     width: 44px;     height: 44px;     border: 4px solid rgba(255, 255, 255, 0.6);     border-top-color: transparent;     border-radius: 50%;     animation: spin 0.9s linear infinite; }  @keyframes spin {   to {     transform: rotate(360deg); } }   @media screen and (max-width: 767px) {     #section_VideoAuto-001_0 .container .pt2 {       float: none;       margin: 0 0 0 0;       max-width: 100%;       text-align: center; }     #section_VideoAuto-001_0 .container .pt2::before {       height: 50px; }     #section_VideoAuto-001_0 .container .pt2 img {       width: 100%;       max-height: 300px;       height: auto; }     #section_VideoAuto-001_0 .container .pt1 {       max-width: 100%; }     #section_VideoAuto-001_0 .container .pt1 .desc {       max-width: 100%; }     #section_VideoAuto-001_0 .container .pt1 .title {       max-width: 100%; } }   @media screen and (max-width: 580px) {     #section_VideoAuto-001_0 .container .pt1 .desc img {       max-width: 100%;       width: 100%; } }  #section_Banner-006_1 {   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif;   background: linear-gradient(13deg, #bdbdbd 10%, #000000 60%);   position: relative; }   #section_Banner-006_1 .container {     display: flex;     flex-direction: row;     justify-content: space-between;     width: calc(100% - 20px);     max-width: 1090px;     margin: 0;     min-height: 700px;     overflow: hidden; }   #section_Banner-006_1 .container .contentContainer {     display: flex;     justify-content: flex-end;     align-items: center;     width: 100%;     max-width: 1090px; }   #section_Banner-006_1 .container .contentContainer .content {     display: flex;     flex-direction: column;     justify-content: center;     box-sizing: border-box;     padding: 50px 0; }   #section_Banner-006_1 .container .contentContainer .content .title {     color: #fff;     font-weight: bold;     font-size: clamp(1.75rem, 4.2vw, 2.5rem);     line-height: 1.3;     max-width: 50%;     width: calc(50% - 20px);     margin: 0;     user-select: none; }   #section_Banner-006_1 .container .contentContainer .content .desc {     color: #fff;     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     max-width: 50%;     width: calc(50% - 20px);     user-select: none; }   #section_Banner-006_1 .container .contentContainer .content .btn_container {     display: flex;     flex-direction: row;     align-items: center;     gap: 10px;     margin-top: 20px;     width: 100%; }   #section_Banner-006_1 .container .contentContainer .content .btn_container .banner_btn {     background-color: transparent;     color: #FFF;     border: 1px solid #fff;     text-decoration: none;     padding: 6px 14px;     min-height: 44px;     font-size: clamp(0.875rem, 1.6vw, 1rem);     line-height: 1.6;     min-width: 180px;     max-width: 350px;     box-sizing: border-box;     display: flex;     justify-content: center;     align-items: center;     border-radius: 5px;     transition: all .4s ease-in-out; }   #section_Banner-006_1 .container .contentContainer .content .btn_container .banner_btn:hover,   #section_Banner-006_1 .container .contentContainer .content .btn_container .banner_btn:focus,   #section_Banner-006_1 .container .contentContainer .content .btn_container .banner_btn:active {     background-color: #fff;     color: #272e5c;     border: 1px solid #fff;     transition: all .4s ease-in-out; }   #section_Banner-006_1 .container .slider_bg {     display: flex;     flex-direction: row;     flex-wrap: wrap;     justify-content: flex-end;     align-items: center;     position: absolute;     right: 0;     max-width: 50%;     height: 700px;     width: 100%;     overflow: hidden; }   #section_Banner-006_1 .container .slider_bg .slides_bg {     display: flex;     width: 100%;     height: 700px;     transition: transform 0.4s ease-in-out; }   #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg {     display: flex;     flex-direction: row;     justify-content: flex-end;     align-items: flex-start;     position: relative;     width: 100%;     overflow: hidden;     flex-shrink: 0; }   #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg .banner_img {     display: flex;     max-width: 100%;     width: 100%; }   #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg .banner_img {     cursor: default; }   #section_Banner-006_1 .container .slider_bg.multiple-slides .slides_bg .slide_bg .banner_img {     cursor: grab; }   #section_Banner-006_1 .container .slider_bg.multiple-slides .slides_bg .slide_bg .banner_img:active {     cursor: grabbing; }   #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg .banner_img img {     width: 100%;     height: 700px;     aspect-ratio: 545 / 700;     object-fit: cover;     object-position: center; }   #section_Banner-006_1 .container .slider_bg .dot_container {     position: absolute;     bottom: 0;     width: 100%;     height: 50px;     display: flex;     justify-content: center;     flex-wrap: wrap;     color: #0856a2;     gap: 5px; }   #section_Banner-006_1 .container .slider_bg .dot_container .dot {     width: 15px;     height: 15px;     border-radius: 50%;     background-color: #fff;     cursor: pointer;     transition: width .4s ease-in-out; }   #section_Banner-006_1 .container .slider_bg .dot_container .dot.active {     background-color: #0856a2;     width: 30px;     border-radius: 10px;     border: 1px solid #fff;     transition: width .4s ease-in-out; }   @media only screen and (max-width: 767px) {     #section_Banner-006_1 .container {       flex-direction: column;       height: auto;       width: 100%;       background: linear-gradient(13deg, #bdbdbd 10%, #000000 60%); }     #section_Banner-006_1 .container .contentContainer {       display: flex;       justify-content: flex-end;       align-items: center;       height: auto;       background: revert;       width: calc(100% - 20px); }     #section_Banner-006_1 .container .contentContainer .content {       max-width: 100%;       height: auto;       padding: 50px 20px; }     #section_Banner-006_1 .container .slider_bg {       height: auto;       width: 100%;       max-width: 100%;       position: relative; }     #section_Banner-006_1 .container .contentContainer .content .title {       max-width: 100%;       width: 100%; }     #section_Banner-006_1 .container .contentContainer .content .desc {       max-width: 100%;       width: 100%; }     #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg {       justify-content: center; }     #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg .banner_img {       align-self: flex-end; }     #section_Banner-006_1 .container .slider_bg .slides_bg .slide_bg .banner_img img {       width: 100%;       aspect-ratio: 700 / 400;       height: auto; }     #section_Banner-006_1 .container {       min-height: auto; }     #section_Banner-006_1 .container .slider_bg .slides_bg {       height: auto; } }   @media only screen and (max-width: 580px) {     #section_Banner-006_1 .container .slider_bg .dot_container {       height: 20px; }     #section_Banner-006_1 .container .slider_bg .dot_container .dot {       width: 8px;       height: 8px; }     #section_Banner-006_1 .container .slider_bg .dot_container .dot.active {       width: 16px; } }  #section_Portfolio-003_2 {   background-color: #eeeeee;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_Portfolio-003_2 .container {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column;     padding-bottom: 20px;     width: calc(100% - 20px);     max-width: 1090px;     min-height: 200px;     margin: 0;     gap: 30px; }   #section_Portfolio-003_2 .container .title {     font-size: clamp(1.5rem, 3.3vw, 2.25rem);     line-height: 1.35;     font-weight: bold;     color: #bdbdbd;     border-bottom: 5px solid #e0e0e0;     padding: 10px;     box-sizing: border-box;     margin: 0; }   #section_Portfolio-003_2 .container .boxContainer {     display: flex;     flex-direction: row;     flex-wrap: wrap;     justify-content: space-evenly;     align-items: center;     width: 100%;     gap: 20px; }   #section_Portfolio-003_2 .container .boxContainer .boxSingle {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     max-width: 545px;     width: 100%;     transition: all .2s ease-in-out; }   #section_Portfolio-003_2 .container .boxContainer .boxSingle:hover {     box-shadow: 0px 8px 16px 0px #00000033;     transition: all .2s ease-in-out; }   #section_Portfolio-003_2 .container .boxContainer a {     text-decoration: none;     display: flex;     align-items: center;     justify-content: center; }   #section_Portfolio-003_2 .container .boxContainer .boxSingle img {     object-fit: cover;     object-position: center;     height: 520px;     width: 100%;     aspect-ratio: 520 / 520;     filter: brightness(110%);     transition: all .2s ease-in-out; }   #section_Portfolio-003_2 .container .boxContainer .boxSingle:hover img {     filter: brightness(90%);     transition: all .2s ease-in-out; }   @media only screen and (max-width: 1090px) {     #section_Portfolio-003_2 .container .boxContainer {       justify-content: center;       width: 100%;       gap: 20px; }     #section_Portfolio-003_2 .container .boxContainer .boxSingle img {       height: auto; }     #section_Portfolio-003_2 .container .boxContainer a {       width: calc(50% - 10px); } }   @media only screen and (max-width: 580px) {     #section_Portfolio-003_2 .container .boxContainer a {       width: 100%; } }  #section_Gallery-007_3 {   background-color: #1c1a1a;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_Gallery-007_3 .container {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     width: 100%;     max-width: 1090px;     min-height: 200px;     user-select: none; }   #section_Gallery-007_3 .container .modal {     display: none;     justify-content: flex-start;     flex-direction: column;     align-items: center;     position: fixed;     z-index: 1;     padding-top: 100px;     left: 0;     top: 0;     width: 100%;     height: 100%;     overflow: auto;     background-color: #bfb9bd7d;     user-select: none; }   #section_Gallery-007_3 .container .modal .modal-content {     margin: auto;     display: block;     max-width: 700px;     width: 100%; }   #section_Gallery-007_3 .container .modal .close {     position: absolute;     background-color: transparent;     border: none;     top: 15px;     right: 35px;     color: #000000;     font-size: 40px;     font-weight: bold;     transition: 0.3s; }   #section_Gallery-007_3 .container .modal .close:hover,   #section_Gallery-007_3 .container .modal .close:focus,   #section_Gallery-007_3 .container .modal .close:active {     color: #ffffff;     text-decoration: none;     cursor: pointer; }   #section_Gallery-007_3 .container .slider .slides .slide img {     width: 210px;     height: 400px;     aspect-ratio: 210 / 400;     z-index: 2;     object-position: center;     object-fit: cover; }   #section_Gallery-007_3 .container .modal .slider_bg {     display: flex;     flex-direction: row;     justify-content: center;     align-items: center;     position: relative;     max-width: 800px;     width: 100%;     overflow: hidden; }   #section_Gallery-007_3 .container .modal .slider_bg .slides_bg {     display: flex;     transition: transform 0.5s ease-in-out;     padding: 30px; }   #section_Gallery-007_3 .container .modal .slider_bg .prev_bg,   #section_Gallery-007_3 .container .modal .slider_bg .next_bg,   #section_Gallery-007_3 .container .slider .prev,   #section_Gallery-007_3 .container .slider .next {     position: absolute;     background-color: #00000075;     border-radius: 100%;     width: 44px;     height: 44px;     font-size: 20px;     top: 50%;     transform: translateY(-50%);     color: #fff;     border: none;     cursor: pointer;     display: flex;     justify-content: center;     align-items: center;     z-index: 5; }   #section_Gallery-007_3 .container .modal .slider_bg .prev_bg {     left: 0; }   #section_Gallery-007_3 .container .modal .slider_bg .next_bg {     right: 0; }   #section_Gallery-007_3 .container .slider {     position: relative;     max-width: 1090px;     width: 100%;     overflow: hidden; }   #section_Gallery-007_3 .container .slider .slides {     display: flex;     width: 100%;     transition: all .48s ease-in-out; }   #section_Gallery-007_3 .container .slider .slides .slide {     width: calc((100% - 100px) / 5);     padding: 20px 0;     margin: 10px;     display: flex;     flex-direction: column;     justify-content: space-between;     align-items: center;     flex-shrink: 0;     overflow: hidden;     height: auto;     position: relative;     z-index: 2;     cursor: pointer; }   #section_Gallery-007_3 .container .slider .prev {     left: 12px; }   #section_Gallery-007_3 .container .slider .next {     right: 12px; }   #section_Gallery-007_3 .container .modal .slider_bg .dot_container {     position: absolute;     bottom: 0;     width: 100%;     height: 30px;     display: none;     flex-wrap: wrap;     justify-content: center;     align-items: center;     gap: 5px; }   #section_Gallery-007_3 .container .modal .slider_bg .dot_container .dot {     width: 10px;     height: 10px;     border-radius: 50%;     cursor: pointer; }   @media only screen and (max-width: 1090px) {     #section_Gallery-007_3 .container .slider .slides .slide {       width: calc((100% - 80px) / 4); }     #section_Gallery-007_3 .container .slider .slides .slide img {       width: 100%;       height: auto; } }   @media only screen and (max-width: 767px) {     #section_Gallery-007_3 .container .slider .slides .slide {       width: calc((100% - 60px) / 3); } }   @media only screen and (max-width: 580px) {     #section_Gallery-007_3 .container .slider .slides .slide {       width: calc((100% - 40px) / 2); } }  #section_Category-002_4 {   background-color: #121111;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif;   position: relative;   z-index: 2; }   #section_Category-002_4 .container {     display: flex;     justify-content: space-between;     align-items: flex-start;     flex-direction: row;     flex-wrap: wrap;     padding-top: 20px;     padding-bottom: 20px;     width: calc(100% - 20px);     max-width: 1090px;     position: relative;     overflow: hidden; }   #section_Category-002_4 .container .prt2 {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center; }   #section_Category-002_4 .container:has(> .prt2:nth-child(4):last-child) .prt2 {     width: calc(100% / 4); }   #section_Category-002_4 .container:has(> .prt2:nth-child(3):last-child) .prt2 {     width: calc(100% / 3); }   #section_Category-002_4 .container:has(> .prt2:nth-child(2):last-child) {     justify-content: center; }   #section_Category-002_4 .container:has(> .prt2:nth-child(2):last-child) .prt2 {     width: calc(100% / 3); }   #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 {     width: 100%; }   #section_Category-002_4 .container .prt2 .title {     font-size: clamp(1rem, 2vw, 1.25rem);     line-height: 1.5;     margin: 0;     margin-bottom: 5px;     width: calc(100% - 40px);     text-align: center;     color: #bdbdbd;     position: relative; }   #section_Category-002_4 .container .prt2 .title::before {     content: '';     position: absolute;     bottom: -5px;     left: 0;     width: 100%;     height: 2px;     background-color: #e0e0e0; }   #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .title::before {     content: none; }   #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .title {     border-bottom: 2px solid #e0e0e0;     width: revert;     padding: 0 50px 5px 50px;     box-sizing: border-box; }   #section_Category-002_4 .container .prt2 .accordion-button {     pointer-events: none; }   #section_Category-002_4 .container .prt2 .accordion-panel {     display: flex;     flex-direction: column;     gap: 20px;     padding: 10px;     box-sizing: border-box;     width: 100%;     overflow: hidden; }   #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .accordion-panel {     flex-direction: row;     flex-wrap: wrap; }   #section_Category-002_4 .container:has(> .prt2:nth-child(2):last-child) .prt2 .accordion-panel {     flex-direction: column; }   #section_Category-002_4 .container:has(> .prt2:nth-child(3):last-child) .prt2 .accordion-panel {     flex-direction: column; }   #section_Category-002_4 .container:has(> .prt2:nth-child(4)) .prt2 .accordion-panel {     flex-direction: column; }   #section_Category-002_4 .container .prt2 .accordion-button i {     display: none;     padding-top: 7px;     color: #000000;     transition: all .3s ease-in-out; }   #section_Category-002_4 .container .prt2 .accordion-button.active i {     transform: rotate(-180deg);     opacity: 0.6;     transition: all .3s ease-in-out; }   #section_Category-002_4 .container .prt2 .box {     display: flex;     flex-direction: column;     text-decoration: none;     border: 1px solid #bdbdbd;     padding: 10px;     border-radius: 4px;     box-sizing: border-box;     width: 100%;     transition: all .3s ease-in-out; }   #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .accordion-panel .box {     width: calc((100% - 60px) / 4);     flex-wrap: wrap; }   #section_Category-002_4 .container .prt2 .box img {     max-width: 100%;     height: auto;     aspect-ratio: 40 /40;     object-fit: cover;     object-position: center; }   #section_Category-002_4 .container .prt2 .box:hover {     background-color: #ffffff;     box-shadow: #0000003D 0px 3px 5px;     border: 1px solid #000000;     transition: all .3s ease-in-out; }   #section_Category-002_4 .container .prt2 .box .desc {     display: flex;     flex-direction: column;     font-size: clamp(0.875rem, 1.8vw, 1.125rem);     line-height: 1.5; }   #section_Category-002_4 .container .prt2 .box .desc span {     color: #bdbdbd; }   @media only screen and (max-width: 767px) {     #section_Category-002_4 .container {       gap: 20px; }     #section_Category-002_4 .container .prt2 {       width: 100%;       max-width: 100%; }     #section_Category-002_4 .container .prt2 .title::before {       display: block; }     #section_Category-002_4 .container .prt2 .accordion-button i {       display: revert; }     #section_Category-002_4 .container .prt2 .accordion-panel {       display: none;       align-self: flex-start; }     #section_Category-002_4 .container .prt2 .accordion-button {       pointer-events: revert;       cursor: pointer;       min-height: 44px; }     #section_Category-002_4 .container .prt2 .title::before {       width: 100%; }     #section_Category-002_4 .container .prt2 .title {       display: flex;       align-items: center;       justify-content: space-between;       text-align: left;       width: 100%;       box-sizing: border-box; }     #section_Category-002_4 .container:has(> .prt2:nth-child(4):last-child) .prt2 {       width: 100%; }     #section_Category-002_4 .container:has(> .prt2:nth-child(3):last-child) .prt2 {       width: 100%; }     #section_Category-002_4 .container:has(> .prt2:nth-child(2):last-child) .prt2 {       width: 100%; }     #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .accordion-panel .box {       width: 100%; }     #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .title::before {       content: ''; }     #section_Category-002_4 .container:has(> .prt2:only-child) .prt2 .title {       border-bottom: revert;       width: 100%;       padding: 0; } }