.yuedong_about_cert_main { padding: 3.4375rem 0; background-color: #fff; overflow: hidden; font-family: var(--font-family); } /* container handled by global.css */ .yuedong_about_cert_title { font-size: var(--font-size-64); font-weight: 700; font-family: Oswald, var(--title-font-family), sans-serif; color: var(--title-text-color); text-align: center; text-transform: uppercase; margin: 0 0 1.78125rem; line-height: 1.2; } .yuedong_about_cert_slider { } .yuedong_about_cert_swiper { padding-bottom: 0 !important; } .yuedong_about_cert_card { position: relative; aspect-ratio: 223 / 298; overflow: hidden; } .yuedong_about_cert_link { display: block; position: absolute; inset: 0; } .yuedong_about_cert_frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .yuedong_about_cert_img { position: absolute; top: 9.6%; left: 13%; right: 13%; bottom: 9.6%; width: 74%; height: 80.8%; object-fit: cover; display: block; transition: transform 0.4s ease; } .yuedong_about_cert_card:hover .yuedong_about_cert_frame, .yuedong_about_cert_card:hover .yuedong_about_cert_img { transform: scale(1.04); } .yuedong_about_cert_main .yuedong_about_cert_pagination .swiper-pagination-bullet-active::after { display: none; } .yuedong_about_cert_main .yuedong_about_cert_pagination { position: relative !important; bottom: auto !important; display: flex !important; justify-content: center; align-items: center; gap: 0.4375rem; margin-top: 1.09375rem; width: 100%; } .yuedong_about_cert_pagination .swiper-pagination-bullet { width: 0.375rem; height: 0.375rem; background-color: #E4E4E4; opacity: 1; margin: 0 !important; flex-shrink: 0; transition: background-color 0.3s ease, box-shadow 0.3s ease; transform: none !important; } .yuedong_about_cert_pagination .swiper-pagination-bullet-active { background-color: var(--color-primary); box-shadow: 0 0 0 0.171875rem rgba(var(--color-primary-rgb), 0.31); transform: none !important; } /* Responsive */ @media screen and (max-width: 1400px) { .yuedong_about_cert_main { padding: 2.5rem 0; } .yuedong_about_cert_title { font-size: var(--font-size-56); margin-bottom: 1.5rem; } } @media screen and (max-width: 1200px) { .yuedong_about_cert_main { padding: 2.1875rem 0; } .yuedong_about_cert_title { font-size: var(--font-size-48); margin-bottom: 1.25rem; } } @media screen and (max-width: 992px) { .yuedong_about_cert_main { padding: 1.875rem 0; } .yuedong_about_cert_title { font-size: var(--font-size-40); margin-bottom: 1rem; } } @media screen and (max-width: 768px) { .yuedong_about_cert_main { padding: 1.5625rem 0; } .yuedong_about_cert_title { font-size: var(--font-size-32); margin-bottom: 0.875rem; } } @media screen and (max-width: 576px) { .yuedong_about_cert_main { padding: 0.9375rem 0; } .yuedong_about_cert_title { font-size: var(--font-size-28); margin-bottom: 0.75rem; } }