/*
Version: 1.2.33
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/

/* 1. ExtraLight (200) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* 2. Light (300) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* 3. Regular (400) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* 4. Medium (500) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* 5. SemiBold (600) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* 6. Bold (700) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* 7. ExtraBold (800) */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('./assets/fonts/main/BricolageGrotesque_72pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: "Bricolage Grotesque";
}

.more-link {
  display: block;
}

#header,
#footer,
hr {
  display: none !important;
}

img {
  max-width: 100%;
}

.home_page_wrapper {
    text-align: center;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background: url(./assets/images/frontend/mb_bg3.jpg) no-repeat center bottom;
    background-size: auto 100%;
}

.logo {
  margin-top: 52px;
  width: 86%;
}

.tagline {
  width: 88%;
  margin-top: 128px;
}

.products_gifts {
  margin-top: 10px;
}

.lineup_cta_2 {
  width: 91%;
  margin-top: 44px;
  margin-bottom: 163px;
}

a {
  -webkit-tap-highlight-color: transparent;
}

a.cus_btn {
  background: #2566b1;
  color: #fff;
  display: inline-block;
  line-height: 147px;
  padding: 0 47px;
  border-radius: 73px;
  font-size: 62px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Bricolage Grotesque";
  font-weight: 700;
  outline: none;
  box-shadow: 5.8034px 8.1248px 9.2855px rgba(0, 0, 0, 0.15);
  min-width: 69%;
}

a.cus_btn:focus {
  outline: none;
}

a.cus_btn.with_stars {
  position: relative;
  margin-bottom: 100px;
}

a.cus_btn.with_stars .star-1 {
  position: absolute;
  background: url(./assets/images/frontend/star-1.png) no-repeat center center;
  background-size: cover;
  width: 110px;
  height: 92px;
  top: -20px;
  left: -43px;
}

a.cus_btn.with_stars .star-2 {
  position: absolute;
  background: url(./assets/images/frontend/star-2.png) no-repeat center center;
  background-size: cover;
  width: 75px;
  height: 62px;
  top: -43px;
  right: -35px;
}

a.cus_btn.with_stars .star-3 {
  position: absolute;
  background: url(./assets/images/frontend/star-3.png) no-repeat center center;
  background-size: cover;
  width: 98px;
  height: 98px;
  bottom: -61px;
  right: -49px;
}

.legal {
  width: 68%;
  margin-left: 43px;
  margin-bottom: 60px;
  float: left;
  margin-top: 50px;
}

a.fixed_cta_phone {
  position: fixed;
  right: 29px;
  bottom: 29px;
}

.key_sp_wrapper {
  position: relative;
  margin-top: -160px;
  background: url(./assets/images/frontend/overlay.png) no-repeat center center;
    background-size: cover;
}

.key_sp {
  position: relative;
  left: 2%;
}

img.lineup_cta {
  width: 92%;
  position: absolute;
  z-index: 2;
  bottom: 17px;
  left: 0;
  right: 0;
  margin: auto;
}

h1.ttct_title {
  /* font family extra bold */
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
  color: #ffff00;
  /* Fill - màu vàng */
  /* -webkit-text-stroke: 5.669px #0033cc;
  text-stroke: 5.669px #0033cc; */
  text-shadow:
    -2px -2px 0 #0033cc,
    2px -2px 0 #0033cc,
    -2px 2px 0 #0033cc,
    2px 2px 0 #0033cc,
    -2px 0px 0 #0033cc,
    2px 0px 0 #0033cc,
    0px -2px 0 #0033cc,
    0px 2px 0 #0033cc;
  opacity: 1;
  font-size: 70px;
  text-transform: uppercase;
}

.ttct_actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-bottom: 90px;
}

.ttct_actions a {
    color: #fff;
    display: inline-block;
    line-height: 147px;
    padding: 0 47px;
    border-radius: 73px;
    font-size: 50px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bricolage Grotesque";
    font-weight: 600;
    outline: none;
    transition: all 0.3s ease-in-out;
    min-width: 91%;
    background: #fff;
    color: #2566b1;
    box-sizing: border-box;
}

.txt_box_trungthuong {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
  margin-bottom: 90px;

}

.txt_box_trungthuong .inner {
  background: url(./assets/images/frontend/txt-box-trungthuong.png) no-repeat center center;
  padding-left: 209px;
  padding-top: 210px;
  padding-right: 161px;
  width: 847px;
  height: 743px;
  box-sizing: border-box;
}

.txt_box_trungthuong .txt {
  color: #2566B1;
  font-size: 56px;
  font-weight: 800;
  font-family: "Bricolage Grotesque";
  -webkit-text-stroke: 1px white;
  text-shadow: 4px 4px 0 #63BDE5;
}

.form-wrapper {
  width: 87%;
  margin: auto;
  margin-top: 28px;
}

.form-wrapper form {
  margin: 0;
}

.form-wrapper h3 {
  font-family: "Bricolage Grotesque";
  font-weight: 700;
  color: #fff;
  font-size: 51px;
  margin: 0;
  white-space: nowrap;
}

.form-wrapper .form-note {
  color: #fff;
  text-align: right;
  font-family: "Bricolage Grotesque";
  font-style: italic;
  font-size: 34px;
}

.form-wrapper .form-note-2 {
  color: #fff;
  font-size: 29px;
  text-align: left;
  line-height: 34px;
  font-weight: 200;
  font-family: "Bricolage Grotesque";
}

.form-wrapper .gift-name {
  font-size: 28px;
  line-height: 34px;
  font-family: "Bricolage Grotesque";
  color: #FFD339;
  font-weight: 700;
  margin-top: 34px;
  margin-bottom: 12px;
}

.form-wrapper form .form-group {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 22px;
}

.form-wrapper form .form-group label {
  font-family: "Bricolage Grotesque";
  color: #fff;
  font-size: 45px;
  font-style: italic;
}

.form-wrapper form .form-group input {
  height: 90px;
  width: 100%;
  border-radius: 17px;
  border: 0;
  padding: 0 28px;
  color: #9B9B9B;
  font-family: "Bricolage Grotesque";
  font-size: 40px;
  font-style: italic;
  font-weight: 600;
  box-sizing: border-box;
}

.form-wrapper form .form-group input[disabled] {
    background: #fff;
}

.form-wrapper form .form-group:last-child {
  margin-bottom: 18px;
}

.nhap-thong-tin-page .tagline {
  width: 84%;
  margin-top: 70px;
}

.nhap-thong-tin-page .key_sp_wrapper {
      padding: 0 0;
    margin-top: -130px;
    background: url(./assets/images/frontend/overlay.png) no-repeat center center;
    background-size: cover;
}

.nhap-thong-tin-page .key_sp_wrapper img.lineup_cta {
  width: 90%;
}

.nhap-thong-tin-page a.cus_btn {
  min-width: unset;
}

.nhap-thong-tin-page.step-2 .key_sp_wrapper {
  display: none;
}

.btn_go_to_step_3 {
  width: 320px;
}

.upload-image-box {
  display: flex;
  justify-content: center;
  border: 3px dashed #1da1f2;
  background: #f4fbff;
  border-radius: 36px;
  width: 68%;
  min-height: 200px;
  margin: 32px auto 24px auto;
  cursor: pointer;
  transition: border-color 0.2s;
  position: relative;
  padding: 126px 0 50px;
}

.upload-image-box:hover {
  border-color: #0d8ddb;
}

.upload-image-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.upload-image-icon {
  width: 175px;
  height: 165px;
  margin-bottom: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-image-icon img {
  object-fit: contain;
  display: block;
}

.upload-image-text {
  color: #4F4F4F;
  font-size: 45px;
  font-style: italic;
  text-align: center;
  font-family: inherit;
}

.hinh_anh_minh_hoa_note {
  text-align: left;
  width: 74%;
  margin: auto;
}

.step.step-2 h3 {
  font-family: inherit;
  font-weight: 700;
  color: #fff;
  font-size: 35px;
  margin: 0 0 80px 0;
  line-height: 68px;
}

.hinh_anh_minh_hoa {
  position: relative;
  width: 68%;
  margin: 0 auto 37px;
  border-radius: 36px;
  background: #fff;
  padding: 65px 0 14px;
}

.hinh_anh_minh_hoa_title {
  font-weight: 700;
  font-family: inherit;
  font-size: 51px;
  color: #2566B1;
  position: absolute;
  top: -54px;
  left: 0;
  right: 0;
  background: #fff;
  width: 70%;
  border-radius: 144px;
  line-height: 87px;
  border: 8px solid #03A1DC;
  margin: auto;
}

.hinh_anh_minh_hoa_note strong {
  font-family: inherit;
  font-weight: 800;
  color: #fff;
  font-size: 28px;
  line-height: 34px;
  text-align: left;
}

.hinh_anh_minh_hoa_note ul {
  margin: 0 0 30px 0;
}

.hinh_anh_minh_hoa_note ul li {
  font-size: 25px;
  line-height: 30px;
  margin: 0;
  color: #fff;
  font-family: inherit;
  text-align: left;
}

.hinh_anh_minh_hoa_note ul li span {
  font-weight: 600;
}

.thong-tin-da-ghi-nhan {
  /* Container styles if needed */
  margin-top: 80px;
}

.thong-tin-box {
  background: #fff;
  border-radius: 115px;
  padding: 65px 75px;
  text-align: center;
  max-width: 68%;
  margin: 0 auto;
  box-shadow: 5px 7px 8px rgba(0, 0, 0, 0.15);
}

.thong-tin-da-ghi-nhan .thong-tin-title {
  color: #2566B1;
  font-size: 56px;
  font-weight: 800;
  line-height: 68px;
  margin-bottom: 60px;
  margin-top: 0;
}

.thong-tin-da-ghi-nhan .thong-tin-desc {
  color: #2566B1;
  font-size: 51px;
  line-height: 61px;
  font-weight: 500;
}

.thong-tin-camon {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
  margin-top: 24px;
}

.thong-tin-da-ghi-nhan .thong-tin-desc b {
  font-weight: 800;
}

.thong-tin-da-ghi-nhan .thong-tin-camon {
  font-size: 45px;
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 80px;
  margin-top: 32px;
}

.step.step-3 {}

.step.step-3 a.cus_btn {
  margin-bottom: 100px;
}

.nhap-thong-tin-page.step-3 .key_sp_wrapper {
  padding: 0;
}

.nhap-thong-tin-page.step-3 .key_sp_wrapper img.lineup_cta {
  width: 92%;
}

.thele-detail-container {
  background: #fff;
  border-radius: 40px;
  width: 82%;
  margin: 200px auto 108px;
  border: 3px solid #2566B1;
  padding: 154px 36px 83px 76px;
  box-sizing: border-box;
  position: relative;
}

.thele-detail-info-icon {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  bottom: -68px;
  text-align: center;
}

.thele-detail-header {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -77px;
  border-radius: 170px;
  background: #fff;
  overflow: hidden;
  border: 10px solid #2566B1;
  width: 90%;
  box-sizing: border-box;
  box-shadow: 5px 7px 0 #63BDE5;
}

.thele-detail-header h2 {
  margin: 0;
  line-height: 148px;
  font-size: 56px;
  font-weight: 600;
  color: #2566B1;
  text-align: center;
}

.popup_the_le .inner {
    padding-top: 140px;
}

.thele-detail-content {
  text-align: justify;
  font-size: 34px;
  line-height: 40px;
  height: 45vh;
}

.thele-detail-content p {
  margin: 0 0 40px 0;
}

.thele-detail-content .thele-detail-scroll {
  height: 100%;
  overflow: scroll;
  padding-right: 36px;
}

img.the-le-star-1 {
    position: absolute;
    top: -88px;
    left: -80px;
}

img.the-le-star-2 {
    position: absolute;
    right: -67px;
    top: -109px;
}

.custom_popup.popup_xac_nhan_thong_tin {}

.custom_popup {
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* transition: all 0.3s ease-in-out; */
    opacity: 0;
    visibility: hidden;
}

.custom_popup.popup_xac_nhan_thong_tin img.star_1 {
    position: absolute;
    left: -43px;
    top: -89px;
    z-index: 9999999;
}

.custom_popup.popup_xac_nhan_thong_tin img.star_2 {
    position: absolute;
    right: -60px;
    top: -96px;
}

.custom_popup.popup_xac_nhan_thong_tin img.star_3 {
    position: absolute;
    right: -24px;
    bottom: -43px;
}

.custom_popup .inner {
  background-image: url(./assets/images/frontend/popup_xac_nhan_yellow_dots.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
    border-radius: 147px;
    overflow: unset;
    background-color: #fff;
    width: 80%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 111px;
    padding-right: 111px;
    box-sizing: border-box;
    border: 11px solid #2566B1;
    box-shadow: 14px 21px 0 #63BDE5;
    position: relative;
    z-index: 2;
}

.custom_popup .inner .inner_top {
    margin-bottom: 67px;
}

.custom_popup .inner .inner_top .txt {
    font-family: inherit;
    font-weight: 800;
    font-size: 62px;
    line-height: 77px;
    text-align: center;
    color: #2566B1;
    margin-bottom: 40px;
}

.custom_popup .inner .inner_top .txt_content {
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    color: #2566B1;
    text-align: center;
}

.custom_popup .inner .inner_top .txt_content strong {
    font-weight: 800;
}

.custom_popup .inner .inner_bot {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

a.cus_btn.cus_yellow_btn {
    background: #FFD339;
    color: #2566B1;
}

.custom_popup .inner .inner_bot .cus_btn {
    text-align: center;
    min-width: unset;
    width: 84%;
}

.popup_open:not(.show_btn) main * {
    filter: blur(10px);
}

.popup_open.show_btn .home_page_inner *:not(.cus_btn.with_stars) {
    filter: blur(10px);
}

.popup_open.show_btn .home_page_inner .cus_btn.with_stars span, .popup_open.show_btn .home_page_inner .cus_btn.with_stars div {
    filter: none !important;
}

.popup_open.show_btn .home_page_inner .cus_btn.with_stars {
    position: relative;
    z-index: 99999;
}

.popup_open .custom_popup.open {
    opacity: 1;
    visibility: visible;
}

.custom_popup .popup_overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.popup_xac_nhan_anh_chup {}

.popup_xac_nhan_anh_chup .anh_da_chup_img {
    text-align: center;
    border: 3px dashed #00B2E2;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
        background: #F7F7F7;
        overflow: hidden;
}

.popup_xac_nhan_anh_chup .anh_da_chup_img img {
    display: inline-block;
    width: 100%;
}

.popup_xac_nhan_anh_chup_title {
    color: #4F4F4F;
    font-weight: 200;
    font-size: 45px;
    line-height: 51px;
    margin: 88px 0 50px;
    text-align: center;
}

.popup_dong_y_chinh_sach_content {
    margin-bottom: 90px;
}

.popup_dong_y_chinh_sach_content .checkbox-list {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.popup_dong_y_chinh_sach_content label.checkbox-item {
    font-size: 36px;
    line-height: 44px;
    font-weight: 200;
    color: #2566B1;
}

.popup_dong_y_chinh_sach_content input[type="checkbox"] {
    margin-right: 30px;
    width: 35px;
    height: 35px;
}

.popup_dong_y_chinh_sach_content label.checkbox-item strong, .popup_dong_y_chinh_sach_content label.checkbox-item a {
    font-weight: 600;
    text-decoration: none;
}

.btn_open_popup_xac_nhan_anh_chup {
    width: 320px;
}

.custom_popup  img.logo {
    margin: 0 auto 83px;
    width: 88%;
    display: block;
}

.hinh_anh_minh_hoa_img {}

.hinh_anh_minh_hoa_img a {
    display: block;
    width: 100%;
}

.hinh_anh_minh_hoa_img a img {
    width: 90%;
}

.custom_popup_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.products_gifts_wrapper {
  background: url(./assets/images/frontend/overlay.png) no-repeat center center;
  background-size: cover;
}

.chinh-sach-popup {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
}

.chinh-sach-popup.show {
  opacity: 1;
  visibility: visible;
}

.popup_the_le a.cus_btn {
    text-align: center;
    display: block;
    margin-top: 50px;
}

.form-wrapper form .form-group-half {
    display: flex;
    gap: 10px;
}

.form-wrapper form .form-group-half .form-group {
    width: 100%;
}

.form-wrapper form .form-group select {
    height: 90px;
    width: 100%;
    border-radius: 17px;
    border: 0;
    padding: 0 28px;
    color: #767676;
    font-family: "Bricolage Grotesque";
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    box-sizing: border-box;
}

.form-wrapper form .form-group select.sl_qh option, .form-wrapper form .form-group select.sl_px option {
  /* display: none; */
}

@media(max-width: 1063px) {
  .thele-detail-header h2 {
      font-size: 46px;
  }

  .custom_popup .inner {
      padding-left: 70px;
      padding-right: 70px;
  }

  .popup_the_le .inner {
      padding-top: 140px;
      padding-bottom: 250px;
  }
}

/* New Homepage Styles */
body,
a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Bricolage Grotesque";
}

body {
    background: url(./assets/images/frontend/ldp/bg.jpg) no-repeat;
    background-size: 100% 100%;
}

a {
    text-decoration: none;
}

/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
}

/* Header Styles */
.site-header {
    background-color: #2c3e50;
    color: white;
    padding: 1rem 0;
}

.header-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-title {
    font-size: 2rem;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

/* Navigation */
.main-navigation ul {
    list-style: none;
    display: flex;
    gap: 2rem;
}

.main-navigation a {
    color: white;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.main-navigation a:hover {
    background-color: #34495e;
}

/* Header fixed with class fixed */
header.main-header {
    transition: all 0.3s ease-in-out;
    transform: translateY(0);
}

header.main-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    animation: changeOpacity 0.3s ease-in-out;
}

@keyframes changeOpacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.admin-bar header.main-header.fixed {
    top: 32px;
    /* Adjust for admin bar height */
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}




/* Main Content */
.site-main {}

.content-area {}

/* Posts */
.post {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.entry-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.entry-title a {
    color: inherit;
    text-decoration: none;
}

.entry-meta {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}

.entry-content {
    line-height: 1.8;
}

.entry-content p {
    margin-bottom: 1rem;
}

/* Sidebar */
.sidebar {
    background: #f1f2f6;
    padding: 1.5rem;
    border-radius: 8px;
    height: fit-content;
}

.widget {
    margin-bottom: 2rem;
}

.widget-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #2c3e50;
    border-bottom: 2px solid #3498db;
    padding-bottom: 0.5rem;
}

/* Footer */
.site-footer {
    background-color: #2c3e50;
    color: white;
    text-align: center;
    padding: 2rem 0;
    margin-top: 3rem;
}

/* Responsive Design */


/* Utility Classes */
.screen-reader-text {
    position: absolute;
    left: -9999px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


.main-header {
    background: #2566B1;
    box-shadow: 0 3px 6px rgba(174, 217, 255, 0.25);
    padding: 10px 0;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.logo-section {
    display: flex;
    align-items: center;
    gap: 51px;
    margin-right: 172px;
}

.logo-section img {
    height: 50px;
}

.promo-title {
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.promo-subtitle {
    color: yellow;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.nav-section {
    display: flex;
    gap: 60px;
    transition: all 0.1s ease-in-out;
}

.nav-item {
    color: #FFF;
    font-size: 29.18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    white-space: nowrap;
}

.sec1 {
    display: flex;
    min-height: 970px;
    padding: 48px 0 150px;
    align-items: start;
}

.sec1_left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec1_left img {
    max-width: 100%;
    height: auto;
}

.sec1_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 64px;
    padding-top: 62px;
}

.sec1_right img {
    max-width: 100%;
    margin-bottom: 78px;
}

.sec1_btns {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 54px;
    align-items: center;
    justify-content: center;
}

.sec1_btn {
    width: 473px;
    border-radius: 40px;
    background: #FFF;
    box-shadow: 5px 7px 16px 0 rgba(0, 0, 0, 0.15);
    color: #2566B1;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 76px;
    text-align: center;
}

img.sec1_ico_1 {
    position: absolute;
    top: 92px;
    left: -68px;
    margin: 0;
}

img.sec1_ico_2 {
    position: absolute;
    top: -17px;
    right: -47px;
}

img.sec1_ico_3 {
    position: absolute;
    right: -57px;
    bottom: -30px;
    margin: 0;
}

.sec2 {
    padding-top: 150px;
    padding-bottom: 200px;
    overflow: hidden;
}

.sec2_inner {}

.card {
    max-width: 1717px;
    margin: 0 auto;
    position: relative;
}

.card_header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -67px;
    z-index: 2;
}

.card_header h3 {
    background: #FFF;
    filter: drop-shadow(4.79px 7.18px 0 #63BDE5);
    color: #2566B1;
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 707px;
    text-align: center;
    line-height: 105px;
    border: 6px solid #2566B1;
    border-radius: 70px;
    position: relative;
}

.card_body {
    background: #FFF;
    border: 6px solid #2566B1;
    filter: drop-shadow(6px 8px 0 #FEEE4D);
    border-radius: 20px;
}

.card_content {
    padding: 100px 20px 53px 78px;
}

.card_content_with_scroll {
    max-height: 590px;
    overflow-y: scroll;
    padding-right: 20px;
}

.card_content h3 {
    color: #000;
    font-size: 34.02px;
    font-style: normal;
    font-weight: 700;
}

.card_content p,
.card_content ul li {
    color: #000;
    font-size: 26.53px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.card_content .card_content_with_scroll>*,
.accordion-content>* {
    margin-bottom: 30px;
}

.card_content strong {
    color: #000;
    font-size: 26.53px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sec3 {
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    overflow: hidden;
}

.sec4 {
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    overflow: hidden;
}

form.search-form {
    display: flex;
    align-items: center;
    gap: 18px;
    justify-content: center;
}

input.search-input {
    height: 52px;
    border: 2px solid #D5D5D5;
    width: 410px;
    color: #222;
    font-family: "Bricolage Grotesque";
    font-size: 28.14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 0 26px;
}

input.search-input::placeholder {
  color: #D5D5D5;
}

button.search-btn {
    height: 52px;
    margin: 0;
    border-radius: 12px;
    background: #2566B1;
    border: 0;
    color: #FFF;
    font-family: "Bricolage Grotesque";
    font-size: 28.14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0 19px;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.lottery-results {}

.results-header {
    background: #4c94d8;
    display: flex;
    align-items: center;
    padding: 4px 0;
    justify-content: center;
    gap: 50%;
}

.results-header h4 {
    font-size: 28.14px;
    font-style: normal;
    color: #fff;
}

.results-header span.remaining-count {
    font-size: 28.14px;
    font-style: normal;
    color: #fff;
    font-family: "Bricolage Grotesque";
}

table.results-table {
    border-spacing: 0;
    font-family: "Bricolage Grotesque";
    width: 100%;
    margin-bottom: 7px;
}

table.results-table thead {}

table.results-table thead th {
    background: #a5c9eb;
    color: #326ca3;
    text-align: center;
    padding: 10px 1px;
    font-size: 20px;
}

table.results-table tbody tr.hide {
  display: none;
}

table.results-table td {
    color: #000;
    text-align: center;
    padding: 10px 1px;
    font-size: 20px;
}

table.results-table tbody tr:nth-child(even) td {
    background: #ecf4fa;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
}

.pagination button {
    border-radius: 12px;
    background: #76ACE2;
    line-height: 52px;
    padding: 0 16px;
    border: 0;
    color: #FFF;
    font-family: "Bricolage Grotesque";
    font-size: 28.14px;
    font-style: normal;
    font-weight: 300;
    cursor: pointer;
}

.pagination button:hover {
    background: #2566B1;
}

.pagination span.page-info {
    color: #2566B1;
    font-family: "Bricolage Grotesque";
    font-size: 28.14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

img.sec3_icon {
    position: absolute;
    z-index: 2;
}

img.sec3_icon_1 {
    top: -30px;
    left: -105px;
    z-index: 2;
}

img.sec3_icon_2 {
    left: -103px;
    bottom: 160px;
}

img.sec3_icon_3 {
    left: -141px;
    top: -22px;
}

img.sec3_icon_4 {
    right: -161px;
    top: -36px;
}

img.sec3_icon_5 {
    right: -184px;
    bottom: 17px;
}

img.sec2_icon {
    position: absolute;
}

img.sec2_icon.sec2_icon_1 {
    top: -57px;
    left: -74px;
    z-index: 2;
}

img.sec2_icon.sec2_icon_2 {
    left: -171px;
    z-index: 2;
    bottom: 89px;
}

img.sec2_icon.sec2_icon_3 {
    left: -65px;
    bottom: -17px;
}

img.sec2_icon.sec2_icon_4 {
    top: -51px;
    right: -59px;
}

img.sec2_icon.sec2_icon_5 {
    right: -237px;
    bottom: 235px;
}

img.sec2_icon.sec2_icon_6 {
    bottom: 6px;
    right: -177px;
}

img.sec4_icon {
    position: absolute;
    z-index: 2;
}

img.sec4_icon.sec4_icon_1 {
    top: -39px;
    left: -45px;
}

img.sec4_icon.sec4_icon_2 {
    left: -143px;
    bottom: 96px;
}

img.sec4_icon.sec4_icon_3 {
    top: -53px;
    right: -151px;
}

img.sec4_icon.sec4_icon_4 {
    right: -146px;
    bottom: 43px;
}

.fixed-bottom-actions {
    position: fixed;
    align-items: center;
    bottom: 52px;
    z-index: 1000;
    max-width: 1717px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
}

a.btn-call-fixed {
    width: 78.85px;
    height: 74.52px;
    background: url(./assets/images/frontend/ldp/phone_ico.svg) no-repeat center center;
    background-size: 100% 100%;
}

a.btn-to-top-fixed {
    width: 74.52px;
    height: 74.52px;
    background: url(./assets/images/frontend/ldp/to_top_ico.svg) no-repeat center center;
    background-size: 100% 100%;
}

.dots-left,
.dots-right {
    position: absolute;
    top: 0;
}

.dots-left {
    left: 0;
    bottom: 0;
    margin: auto;
}

.dots-right {
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

@media (max-width: 1600px) {
    .logo-section {
        margin-right: 140px;
    }

    .nav-item {
        font-size: 21px;
    }


}

@media (max-width: 1500px) {
    header.main-header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .logo-section {
        margin-right: 90px;
    }

    .sec1_left {
        width: 60%;
    }

    .sec1_right {
        width: 40%;
        padding-left: 0;
    }

    .sec1_btn {
        width: 400px;
        line-height: 60px;
        font-size: 30px;
    }

    .sec1_right img {
        max-width: 80%;
    }

    .sec1_btns {
        gap: 40px;
    }

    body {
        background-size: auto 100%;
        background-position: center;
    }

    .sec1 {
        min-height: 640px;
    }

    .card_header h3 {
        font-size: 45px;
        width: 600px;
        line-height: 85px;
    }

    .card_header {
        top: -48px;
    }

    .card {
        max-width: 87%;
    }

    .card_content h3 {
        font-size: 30px;
        line-height: normal;
    }

    .card_content p,
    .card_content ul li {
        font-size: 20px;
    }

    .card_content li {
        color: #000;
        font-size: 26.53px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-family: "Bricolage Grotesque";
    }

    .card_content strong {
        font-size: 20px;
    }

    .card_content .card_content_with_scroll>* {
        margin-bottom: 26px;
    }

    .fixed-bottom-actions {
        max-width: 99%;
    }

    .main-header {
        height: 80px;
    }

    input.search-input {
        font-size: 22px;
        height: 48px;
    }

    button.search-btn {
        font-size: 22px;
        height: 48px;
    }

    .results-header h4 {
        font-size: 22px;
    }

    .results-header span.remaining-count {
        font-size: 22px;
    }

    table.results-table thead th {
        font-size: 17px;
    }

    table.results-table td {
        font-size: 17px;
    }

    .pagination button {
        font-size: 22px;
        line-height: 48px;
    }

    .pagination span.page-info {
        font-size: 22px;
    }

    .card_content li {
        font-size: 20px;
    }
}

@media (max-width: 1441px) {
.header-container {
    padding: 0;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

.nav-item {
    font-size: 17px;
}

.nav-section {
    gap: 40px;
}

header.main-header {
    justify-content: start;
}

.logo-section {
    margin: 0;
}

.sec1_right {
    padding-top: 46px;
}

.sec1_btn {
    width: 350px;
    font-size: 28px;
}

.sec1_btns {
    gap: 20px;
}

.sec1_right img {
    margin-bottom: 50px;
}

.card_header h3 {
    font-size: 35px;
    line-height: 64px;
}

.card_header {
    top: -37px;
}

.card {
    max-width: 85%;
}

.card_content h3 {
    font-size: 28px;
}

.card_content_with_scroll {
    max-height: 400px;
}

.sec3 .card_content_with_scroll {
    max-height: 100vh;
}

.lottery-results {
    margin-bottom: 0 !important;
}
}

.is_mb {
    display: none;
}

a.mb-nav-icon-menu {
    display: none;
    height: 37px;
    width: 64px;
    position: relative;
}

a.mb-nav-icon-menu svg {
    height: 37px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0;
}

a.mb-nav-icon-menu .three-lines {
    transition: all .3s;
}

a.mb-nav-icon-menu .close {
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}

a.mb-nav-icon-menu.open .close {
  opacity: 1;
  visibility: visible;
}

a.mb-nav-icon-menu.open .three-lines {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1024px) {
  a.mb-nav-icon-menu {
    display: flex;
}

  .nav-section {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #2566B1;
    top: 82px;
    width: 98%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 40px 30px;
    gap: 28px;
    box-shadow: 0 4px 14px 0px #cccccc;
}

.nav-item {
    font-size: 36px;
}

  .nav-section.show {
    opacity: 1;
    visibility: visible;
  }

    .is_mb {
        display: block;
    }

    .is_pc {
        display: none;
    }

    .sec1_left {
        width: 100%;
    }

    .sec1 {
        flex-direction: column;
        padding-top: 183px;
        padding-bottom: 167px;
        background: url(./assets/images/frontend/ldp/mb_sec1_bg.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .sec1_right {
        width: 100%;
        padding-top: 90px;
    }

    .sec1_btn {
        font-size: 48px;
        line-height: 109px;
        width: 680px;
        border-radius: 60px;
    }

    .sec1_btns {
        gap: 57px;
    }

    header.main-header {
    }

    body {
        background: none;
    }

    img.sec1_ico_1 {
        left: -87px;
        top: 132px;
    }

    .sec2 {
        background: url(./assets/images/frontend/ldp/mb_sec2_bg.png) no-repeat center center;
        background-size: 100% 100%;
        padding-top: 156px;
        padding-bottom: 183px;
        margin-top: -2px;
    }

    .card {
        max-width: 82%;
    }

    .card_header h3 {
        width: 530px;
    }

    .card_content h3 {
        font-size: 37px;
    }

    .card_content p,
    .card_content li,
    .card_content ul li {
        font-size: 34px;
    }

    .card_content strong {
        font-size: 34px;
    }

    .sec3 {
        background: #3E9AD4;
        margin-top: -2px;
        padding-top: 156px;
        padding-bottom: 183px;
    }

    .sec3 .card_header h3 {
        width: 82%;
    }

    input.search-input {
        height: 59px;
        border-radius: 12px;
        border: 3px solid #D5D5D5;
        font-size: 32px;
    }

    button.search-btn {
        height: 59px;
        border-radius: 12px;
        background: #2566B1;
        font-size: 32px;
    }

    .sec3 .card_content {
        padding: 100px 15px 53px 48px;
    }

    .sec3 .card_content .card_content_with_scroll {
        padding-right: 0px;
        width: 100%;
        overflow-x: hidden;
        max-height: 100vh;
    }

    .results-header h4 {
        font-size: 32px;
        white-space: nowrap;
    }

    .results-header span.remaining-count {
        font-size: 32px;
    }

    .results-header {
        gap: 28%;
        padding: 10px 0;
    }

    table.results-table thead th {
        font-size: 30px;
        padding: 12px;
        white-space: nowrap;
    }

    table.results-table td {
        font-size: 30px;
        padding: 12px;
        white-space: nowrap;
    }

    .lottery-results {}

    table.results-table {
        width: 150%;
    }

    .results-table-outer {
        overflow-x: scroll;
        margin-bottom: 20px;
    }

    .sec4 {
        background: #3E9AD4;
        padding-top: 156px;
        padding-bottom: 183px;
        margin-top: -2px;
    }

    .sec4 .card_header h3 {
        width: 80%;
    }

    .sec4 .card_content_with_scroll {
        max-height: 70vh;
    }

    .sec2 .card_content_with_scroll {
        max-height: 70vh;
    }

}

.mb_icon {
    position: absolute;
    z-index: 2;
    display: none;
}

.accordions {}

.accordion-item {
    border-bottom: 1px solid #2566b121;
}

.accordion-item:first-child {
    border-top: 1px solid #2566b121;
}

.accordion-item h3 {
    position: relative;
    padding: 10px 0;
    padding-right: 30px;
}

.accordion-item h3 a {
    
}

.accordion-content {
  display: none;
}

.accordion-item h3 a {
    display: flex;
    width: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 15px;
    margin: auto;
}

.accordion-item h3 a svg {
    width: 100%;
}

.accordion-item.active h3 a svg {
    transform: rotate(180deg);
}

.accordion-item.active h3 a svg path {
    stroke: #2566B1;
}


@media (max-width: 768px) {
    .accordion-item {
        border-bottom: 1px solid #2566b121;
    }

    .accordion-item:first-child {
        border-top: 1px solid #2566b121;
    }

    .accordion-content {
        display: none;
    }

    .mb_icon {
        display: block;
    }

    .sec1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .sec1_right {
        padding-top: 34px;
    }

    .sec1_btn {
        font-size: 20px;
        line-height: 40px;
        width: 260px;
    }

    .sec1_btns {
        gap: 23px;
    }

    .sec2 {
        padding-top: 100px;
        margin-top: -2px;
        padding-bottom: 60px;
    }

    .card_header h3 {
        font-size: 20px;
        width: 72%;
        line-height: 40px;
        border: 2px solid #2566B1;
        filter: drop-shadow(2px 2.5px 0 #63BDE5);
    }

    .card_header {
        top: -20px;
    }

    .card_content {
        padding: 50px 5px 53px 28px;
    }

    .card_content h3 {
        font-size: 18px;
    }

    .card_content strong {
        font-size: 16px;
    }

    .card_content p,
    .card_content li,
    .card_content ul li {
        font-size: 16px;
    }

    .card_content .card_content_with_scroll>* {
        margin-bottom: 20px;
    }

    .card_content .card_content_with_scroll>*,
    .accordion-content>* {
        margin-bottom: 20px;
    }

    .sec2 .card_content_with_scroll {
        max-height: 60vh;
    }

    .sec3 {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .sec3 .card_content {
        padding: 50px 25px 33px 25px;
    }

    input.search-input {
        width: 100%;
        font-size: 16px;
        height: 30px;
        border: 1px solid #D5D5D5;
        border-radius: 6px;
        padding: 0 10px;
    }

    button.search-btn {
        font-size: 16px;
        padding: 0 10px;
        gap: 10px;
        white-space: nowrap;
        height: 30px;
        border-radius: 6px;
    }

    form.search-form {
        gap: 9px;
    }

    button.search-btn svg {
        height: 13px;
        width: 13px;
    }

    .results-header h4,
    .results-header span.remaining-count {
        font-size: 16px;
    }

    .results-header {
        gap: 14%;
    }

    table.results-table thead th {
        font-size: 16px;
    }

    table.results-table td {
        font-size: 16px;
    }

    .pagination button {
        font-size: 15px;
        border-radius: 6px;
        line-height: 25px;
    }

    .pagination span.page-info {
        font-size: 15px;
    }

    .pagination {
        gap: 12px;
    }

    .sec4 {
        padding-top: 100px;
        padding-bottom: 100px;
        margin-top: -1px;
    }

    a.btn-call-fixed {
        width: 48px;
        height: 48px;
    }

    a.btn-to-top-fixed {
        width: 40px;
        height: 40px;
    }

    .fixed-bottom-actions {
        max-width: 98%;
    }

    .sec4 .card_content_with_scroll {
        max-height: 60vh;
    }

    img.sec1_ico_1 {
        width: 34px;
        top: 52px;
        left: -33px;
    }

    img.sec1_ico_2 {
        margin: 0;
        width: 22px;
        top: -10px;
        right: -24px;
    }

    img.sec1_ico_3 {
        width: 23px;
        bottom: -26px;
        right: -23px;
    }

    img.sec2_icon.sec2_icon_1 {
        width: 40px;
        left: -14px;
        top: -32px;
    }

    img.sec2_icon.sec2_icon_4 {
        width: 30px;
        right: -20px;
        top: -20px;
    }

    img.sec2_icon.sec2_icon_2 {
        display: none;
    }

    img.sec2_icon.sec2_icon_3 {
        left: -26px;
        bottom: -3px;
        z-index: 2;
        width: 30px;
    }

    .card_body {
        border: 3px solid #2566B1;
        filter: drop-shadow(2px 3px 0 #FEEE4D);
    }

    img.sec2_icon.sec2_icon_6 {
        display: none;
    }

    .mb_sec2_icon_1 {
        width: 120px;
        bottom: 76px;
        left: -116px;
        z-index: 2;
    }

    .mb_sec2_icon_2 {
        width: 90px;
        bottom: 120px;
        right: -79px;
    }

    .mb_sec2_icon_1 {
        width: 120px;
        bottom: 76px;
        left: -116px;
        z-index: 2;
    }

    .mb_sec2_icon_2 {
        width: 90px;
        bottom: 120px;
        right: -79px;
    }

    img.sec3_icon_3 {
        width: 40px;
        left: -41px;
        top: -28px;
        transform: rotate(19deg);
    }

    img.sec3_icon_1 {
        width: 60px;
        left: -66px;
        top: 100px;
    }

    img.sec3_icon_4 {
        width: 40px;
        right: -41px;
        top: -14px;
        transform: rotate(54deg);
    }

    img.sec3_icon_2 {
        display: none;
    }

    img.sec3_icon_5 {
        display: none;
    }

    img.mb_sec3_icon_1 {
        bottom: 80px;
        width: 40px;
        left: -46px;
    }

    img.mb_sec3_icon_2 {
        bottom: 160px;
        width: 180px;
        right: -120px;
    }

    img.sec4_icon {
        display: none;
    }

    img.mb_sec4_icon_1 {
        top: -21px;
        z-index: 2;
        left: -58px;
        width: 79px;
    }

    img.sec4_icon.sec4_icon_1 {
        display: block;
        transform: rotate(-40deg);
        width: 22px;
        top: unset;
        bottom: -5px;
        left: -26px;
    }

    img.mb_sec4_icon_2 {
        width: 70px;
        right: -55px;
        top: -29px;
    }

    img.mb_sec4_icon_3 {
        bottom: -15px;
        right: -17px;
        width: 20px;
    }

    .dots-left {
        width: auto;
        height: 320px;
    }

    .dots-right {
        width: auto;
        height: 320px;
    }

    .accordion-item h3 {
        padding-right: 30px;
    }

    .accordion-item h3 a {
        display: block;
        width: 15px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 15px;
        margin: auto;
    }

    .accordion-item h3 a svg {
        width: 100%;
    }

    .accordion-item.active h3 a svg {
        transform: rotate(180deg);
    }

    .accordion-item.active h3 a svg path {
        stroke: #2566B1;
    }

}