.paper-bg { background-image: url("../images/bg-paper.png"); background-repeat: repeat; background-position: left top; background-attachment: scroll; background-origin: content-box; background-size: contain; }

#card-banner { aspect-ratio: 420 / 735; background-position: center top; background-size: cover; background-repeat: no-repeat; position: relative; padding: 0px; color: rgb(255, 255, 255); }

#card-banner .card-banner-inner { padding: 36px 12px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; position: relative; color: rgb(255, 255, 255); z-index: 1; }

#card-banner::after { height: 260px; width: 100%; display: block; content: ""; position: absolute; bottom: 0px; left: 0px; background: linear-gradient(rgba(253, 251, 251, 0), rgba(1, 1, 1, 0.5)); }

#card-banner .wedding-text { font-family: uvnhoatay; font-size: 60px; line-height: 1.6; opacity: 0.4; text-align: center; }

#card-banner .wedding-name { font-family: lora; text-transform: uppercase; text-align: center; position: relative; font-size: 32px; line-height: 1.6; }

#card-banner .wedding-name > div { position: relative; }

#card-banner .wedding-name .sign { position: absolute; width: 115px; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 208.76px; line-height: 1.6; text-align: left; opacity: 0.25; font-family: vip-arcittya-begatri; }

#card-info { background-image: url("../images/bg-paper.png"); background-repeat: repeat; background-position: left top; background-attachment: scroll; background-origin: content-box; background-size: cover; color: var(--text-color-primary); position: relative; }

#card-info::after { content: ""; display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-top.png"); background-repeat: no-repeat; background-position: center top; background-size: contain; }

#card-info::before { content: ""; display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-bottom.png"); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }

#card-info > .inner { padding: 50px 0px; position: relative; z-index: 1; }

#card-info .parents { margin-top: 50px; margin-bottom: 36px; display: flex; align-items: start; justify-content: center; }

#card-info .parents .parent { text-align: center; font-size: 14px; flex: 1 1 0%; }

#card-info .parents .parent .label { text-transform: uppercase; font-weight: 600; color: var(--text-color-primary-darker); }

#card-info .parents .parent .location { font-size: 13px; font-style: italic; margin-top: 3px; }

#card-info .main-content-event { text-align: center; position: relative; }

#card-info .main-content-event .main-content-event-inner { position: relative; padding: 16px 12px 0px; }

#card-info .main-content-event .greeting { font-family: lora; font-size: 16px; line-height: 1.6; color: var(--text-color-primary); text-transform: uppercase; text-align: center; margin-bottom: 20px; }

#card-info .main-content-event .greeting strong { font-size: 22px; }

#card-info .main-content-event .text { font-family: lora; font-size: 14px; line-height: 1.6; color: var(--text-color-primary); text-transform: uppercase; text-align: center; margin-bottom: 12px; }

#card-info .main-content-event .names { line-height: 1; padding: 16px 0px; }

#card-info .main-content-event .names .name { font-family: TH-Maginia; font-size: 50px; line-height: 1; }

#card-info .main-content-event .names .and { font-family: beyondperfection; font-size: 30px; margin-bottom: 15px; }

#card-info .main-content-event .time-wrapper { text-transform: uppercase; font-size: 18px; margin-bottom: 8px; }

#card-info .main-content-event .time-wrapper span { font-weight: 600; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner { display: flex; justify-content: center; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div { width: 80px; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div.v-divider { width: 2px; height: 50px; background-color: var(--color-primary); }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div.day { text-align: right; padding-right: 24px; flex: 1 1 0%; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div.day > div { text-align: center; display: inline-block; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div.year { text-align: left; padding-left: 24px; flex: 1 1 0%; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner > div.year > div { text-align: center; display: inline-block; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner .label { font-size: 13px; }

#card-info .main-content-event .date-wrapper .date-wrapper-inner .value { font-size: 30px; font-weight: 600; line-height: 1; }

#card-info .main-content-event .date-wrapper .lunar-date { margin-top: 12px; font-size: 15px; }

#card-info .main-content-event .location-wrapper { margin-top: 30px; margin-bottom: 16px; }

#card-info .main-content-event .location-wrapper .address-title { font-size: 26px; line-height: 1.1; color: var(--text-color-primary-darker); text-align: center; margin-bottom: 8px; text-transform: uppercase; }

#card-info .main-content-event .location-wrapper .address { font-family: lora; font-size: 15px; font-style: italic; line-height: 1.6; color: var(--text-color-primary); text-align: center; }

#card-info .main-content-event .location-wrapper .map-btn { text-align: center; margin-top: 12px; }

#card-info .main-content-event .location-wrapper .map-btn .btn { font-family: lora; font-weight: 600; font-size: 14px; line-height: 1.6; color: var(--text-color-primary); text-transform: uppercase; text-align: center; margin: auto; display: inline-block; }

#card-info .main-content-event .location-wrapper .map-btn .btn i { font-size: 20px; }

#card-calendar { background-repeat: repeat; background-position: center center; background-attachment: scroll; background-origin: content-box; background-size: cover; color: rgb(255, 255, 255); font-family: lora; }

#card-calendar .calendar-header { font-family: uvnhoatay; font-size: 65px; line-height: 1.6; text-align: center; }

#card-calendar > .inner { background-color: rgba(0, 0, 0, 0.5); padding: 16px 20px 24px; }

#card-calendar .mini_calendar.mini_calendar_white table { --tb-border-color: transparent; --tb-color-wedding-day: #fff; }

#card-timeline { position: relative; }

#card-timeline .bg { background-image: url("../images/bg.png"); width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; background-repeat: no-repeat; background-size: 100%; background-position: center bottom; opacity: 0.3; }

#card-timeline::after { content: ""; display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-top2.png"); background-repeat: no-repeat; background-position: center top; background-size: contain; }

#card-timeline::before { content: ""; display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-bottom2.png"); background-repeat: no-repeat; background-position: right bottom; background-size: contain; }

#card-timeline > .inner { padding: 50px 0px; position: relative; z-index: 1; }

#card-timeline .card-section-title { font-size: 71px; line-height: 1.6; margin-bottom: 0px; color: var(--text-color-primary-darker); text-align: center; font-family: uvnhoatay; position: relative; }

#card-timeline .card-section-title img { position: absolute; right: 0px; top: 0px; width: 120px; }

#card-timeline .timeline { position: relative; }

#card-timeline .timeline::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--text-color-primary-darker); }

#card-timeline .timeline-line { position: relative; display: flex; align-items: center; gap: 16px; padding: 24px 0px; }

#card-timeline .timeline-line:nth-child(2n) { flex-flow: row-reverse; }

#card-timeline .timeline-line:nth-child(2n) > div:last-child { text-align: right; }

#card-timeline .timeline-line:nth-child(2n+1) > div:first-child { text-align: right; }

#card-timeline .timeline-line .img { flex: 1 1 0%; }

#card-timeline .timeline-line .img img { width: 70px; }

#card-timeline .timeline-line .dot { width: 10px; height: 10px; background: var(--text-color-primary-darker); border-radius: 10px; }

#card-timeline .timeline-line .content { color: var(--text-color-primary-darker); flex: 1 1 0%; text-transform: uppercase; font-family: Montserrat; }

#card-timeline .timeline-line .content .time { font-weight: 600; line-height: 1; }

#card-timeline .timeline-line .content .text { font-size: 15px; }

#card-timeline .timeline.simple::before { content: none; }

#card-timeline .timeline.simple .timeline-line { flex-direction: column; gap: 12px; padding: 16px 0px; align-items: center; justify-content: center; }

#card-timeline .timeline.simple .timeline-line:nth-child(2n) { flex-flow: column; }

#card-timeline .timeline.simple .timeline-line:nth-child(2n) > div:last-child { text-align: center; }

#card-timeline .timeline.simple .timeline-line:nth-child(2n+1) > div:first-child { text-align: center; }

#card-timeline .timeline.simple .timeline-line .img { display: none; }

#card-timeline .timeline.simple .timeline-line .content { text-align: center; }

#card-timeline .timeline.simple .timeline-line .content .time { line-height: unset; font-size: 24px; }

#card-timeline .timeline.simple .timeline-line .content .text { font-size: 16px; }

#card-dresscode { position: relative; text-align: center; margin-top: 20px; margin-bottom: 20px; }

#card-dresscode .dresscode-title { font-size: 71px; line-height: 1.6; margin-bottom: 0px; color: var(--text-color-primary-darker); text-align: center; font-family: uvnhoatay; }

#card-dresscode .dresscode-wrapper { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; }

#card-dresscode .dresscode-wrapper .code-box { position: relative; width: 40px; height: 40px; box-shadow: rgb(0, 0, 0) 0px 15px 20px -15px; background-color: var(--color); border-radius: 40px; border: 2px solid rgb(255, 255, 255); margin-bottom: 5px; }

#card-gallery .gallery-header { position: relative; }

#card-gallery .gallery-header::before { height: 300px; width: 100%; display: block; content: ""; position: absolute; bottom: 0px; left: 0px; background-image: linear-gradient(rgba(253, 251, 251, 0), rgba(1, 1, 1, 0.6)); background-color: initial; background-size: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-attachment: initial; }

#card-gallery .gallery-header .section-title { position: absolute; bottom: 50px; left: 0px; color: rgb(255, 255, 255); line-height: 1.7; font-family: beyondperfection; font-size: 35px; width: 100%; text-align: center; }

#card-gallery .gallery-header .section-title > span { margin-right: 12px; }

#card-gallery .gallery-text { font-size: 15px; padding: 20px; text-align: center; line-height: 1.6; color: var(--text-color-primary); }

#card-gallery .love-story p { margin-bottom: 50px; padding: 0px 20px; text-align: center; color: var(--color-primary); font-size: 14px; line-height: 1.6; }

#card-gallery .love-story .timeline { margin-top: 50px; padding: 0px 20px; color: var(--color-primary); position: relative; }

#card-gallery .love-story .timeline::before { content: ""; display: block; width: 2px; background-color: var(--color-primary); position: absolute; left: 20px; top: 12px; height: calc(100% - 12px); }

#card-gallery .love-story .timeline .timeline-event { padding-left: 20px; }

#card-gallery .love-story .timeline .timeline-event .name { font-weight: 500; text-transform: uppercase; font-size: 18px; line-height: 1.6; position: relative; }

#card-gallery .love-story .timeline .timeline-event .name::before { content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: var(--color-primary); top: 50%; left: -23px; z-index: 1; transform: translateY(-50%); }

#card-gallery .love-story .timeline .timeline-event .text { margin-top: 4px; font-size: 15px; }

#card-gallery .love-story .timeline .timeline-event { margin-bottom: 28px; }

#card-gallery .photo-grid { column-count: 2; column-gap: 5px; }

#card-gallery .photo-grid .photo { width: 100%; display: block; margin-bottom: 5px; }

#card-gallery .photo-grid .photo img { width: 100%; display: block; }

#card-gallery .photo-grid + .view-more { margin-top: 50px; }

#card-gallery .photo-grid[data-masonry] { column-gap: unset; column-count: unset; margin: 0px -3px; }

#card-gallery .photo-grid[data-masonry] .photo { padding: 3px; width: 50%; margin-bottom: 0px; }

#card-gallery .photo-grid[data-masonry] .photo img { height: auto; }

#card-comments { position: relative; }

#card-comments::after { content: ""; display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-top2.png"); background-repeat: no-repeat; background-position: center top; background-size: contain; }

#card-comments::before { content: ""; display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; height: 200px; background-image: url("../images/bg-paper-bottom2.png"); background-repeat: no-repeat; background-position: right bottom; background-size: contain; }

#card-comments .inner { position: relative; padding: 20px 16px 50px; z-index: 1; }

#card-comments .card-section-title { font-size: 71px; line-height: 1.6; margin-bottom: 0px; color: var(--text-color-primary-darker); text-align: center; font-family: uvnhoatay; }

#card-comments .card-section-subtitle { margin-bottom: 24px; color: var(--text-color-primary); text-align: center; }

#card-comments .comment-form { background-color: rgba(var(--color-primary-raw),0.25); padding: 16px; }

#card-comments .comment-form .btn { background-color: var(--color-primary); }

#card-comments .comment-list .comment-box { padding: 12px 0px; }

#card-comments .comment-list .comment-box .fullname { font-weight: 500; color: var(--text-color-primary); }

#card-thankyou { position: relative; background-size: cover; background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; aspect-ratio: 1 / 1; }

#card-thankyou::after { height: 100%; width: 100%; display: block; content: ""; position: absolute; bottom: 0px; left: 0px; background-color: rgba(1, 1, 1, 0.25); }

#card-thankyou .card-thankyou-inner { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 24px 16px 32px; z-index: 1; color: rgb(255, 255, 255); }

#card-thankyou .card-thankyou-inner .thankyou-title { font-family: uvnhoatay; font-size: 48.41px; line-height: 1.6; text-align: center; }

#card-thankyou .card-thankyou-inner .thankyou-text { font-size: 14px; line-height: 1.5; text-align: center; }

#card-countdown > .inner { padding: 50px 16px; text-align: center; background-size: 100% 60%; background-repeat: no-repeat; background-position: center bottom; }

#card-countdown h3 { text-transform: uppercase; font-size: 21px; line-height: 1.5; letter-spacing: 1px; font-weight: 400; font-family: brygada1918; color: var(--text-color-primary); position: relative; }

#card-countdown h3::after { content: ""; background-image: url("../images/flower.png"); width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; position: absolute; z-index: 1; top: -20px; right: 20px; }

#countdown .countdown-inner { display: flex; align-items: center; justify-content: center; }

#countdown .box, #countdown .colon { font-size: 33px; color: var(--text-color-primary); font-family: lora; }

#countdown .colon { padding: 0px 8px; font-size: 20px; }

#countdown .box { min-width: 45px; }

#envelop-photo { position: relative; width: 90%; margin: 70px auto auto; }

#envelop-photo .pt1-w { width: 62%; bottom: 50%; right: 6%; z-index: 2; position: absolute; }

#envelop-photo .pt1 { width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: rotate(6deg); transform-origin: center center; border: 10px solid rgb(240, 240, 240); }

#envelop-photo .pt1 > div { position: absolute; left: -10px; bottom: -45px; width: calc(100% + 20px); height: 50px; line-height: 50px; background: rgb(240, 240, 240); text-align: left; padding-left: 8px; font-size: 23px; font-family: vip-hastegi; letter-spacing: 2px; color: var(--color-primary); }

#envelop-photo .pt2-w { width: 50%; position: absolute; bottom: 30%; left: 10%; z-index: 1; }

#envelop-photo .pt2 { width: 100%; aspect-ratio: 1 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: rotate(-5deg); background-color: rgb(240, 240, 240); border-width: 5px 100px 50px 5px; border-style: solid; border-color: rgb(240, 240, 240); border-image: none; box-sizing: content-box; }

#envelop-photo .flower { position: absolute; }

#envelop-photo .back-wrapper .flower { width: 92px; left: -25px; top: 60px; }

#envelop-photo img.back, #envelop-photo img.front { width: 100%; position: relative; }

#envelop-photo .front-wrapper { position: absolute; z-index: 9; bottom: 0px; left: 0px; }

#envelop-photo .front-wrapper .flower2 { width: 132px; z-index: 1; bottom: -100px; left: -25px; }

#envelop-photo .front-wrapper .flower3 { width: 128px; right: -25px; top: -100px; z-index: 1; }

#envelop-photo .front-wrapper .button { width: 65px; position: absolute; top: 30%; left: 50%; transform: translateX(-50%); }

#groom-bride { position: relative; }

#groom-bride .decor-flower-top { position: absolute; top: -5%; right: 0px; width: 40%; }

#groom-bride .decor-flower-bottom { position: absolute; bottom: 0px; left: 0px; width: 40%; }

#groom-bride .inner { padding: 50px 32px; }

#groom-bride .info { position: relative; color: var(--text-color-primary); }

#groom-bride .info .label { font-size: 40px; line-height: 1; font-weight: 500; font-family: vip-arcittya-begatri; }

#groom-bride .info .name { font-size: 26px; text-transform: uppercase; }

#groom-bride .info .dob { font-size: 20px; }

#groom-bride .info { padding-left: 12px; }

#groom-bride .info.right { margin-top: -6px; padding-left: 40%; }

#groom-bride .groom-bride { color: var(--color-primary); margin: 30px 0px; }

#groom-bride .groom-bride .groom { display: flex; }

#groom-bride .groom-bride .groom .img, #groom-bride .groom-bride .groom .info { width: 50%; }

#groom-bride .groom-bride .groom .info > div { left: -10px; text-align: left; bottom: 32%; top: unset; }

#groom-bride .groom-bride .groom .img .img-inner { width: calc(100% + 12px); transform: rotate(-9deg) translate(-5px, 24px); }

#groom-bride .groom-bride .groom .img > div > img.flower { right: -110px; bottom: -140px; width: 140px; z-index: 1; transform: rotate(-20deg); }

#groom-bride .groom-bride .bride { display: flex; }

#groom-bride .groom-bride .bride .img .button { width: 110px; position: absolute; right: -80px; bottom: -10px; z-index: 1; }

#groom-bride .groom-bride .bride .img > div > img.flower { left: -50px; width: 150px; }

#groom-bride .groom-bride .bride .img, #groom-bride .groom-bride .bride .info { width: 50%; }

#groom-bride .groom-bride .info > div { position: absolute; left: 0px; width: calc(100% + 20px); text-align: center; top: 8%; }

#groom-bride .groom-bride .img { position: relative; flex: 1 1 0%; text-align: center; }

#groom-bride .groom-bride .img > div { position: relative; }

#groom-bride .groom-bride .img > div > img.flower { position: absolute; }

#groom-bride .groom-bride .img .img-inner { text-align: center; position: relative; margin: auto; width: 100%; background: rgb(255, 255, 255); padding: 10px; box-shadow: rgb(182, 182, 182) 1px 3px 1px 0px; border-radius: 2px; transform: rotate(-9deg); }

#groom-bride .groom-bride .img .img-inner img { position: relative; aspect-ratio: 330 / 400; object-fit: cover; object-position: center center; }

#groom-bride .groom-bride .img { z-index: 1; }

#groom-bride .groom-bride .img:last-child { transform: rotate(20deg) translate(-15%, -15%); z-index: 0; }

@media screen and (max-width: 430px) {
  #groom-bride .groom-bride .bride .img .button { width: 90px; right: -75px; }
  #groom-bride .groom-bride .groom .img > div > img.flower { width: 115px; bottom: -100px; right: -90px; }
  #groom-bride .groom-bride .bride .img > div > img.flower { width: 120px; }
  #groom-bride .info .label { line-height: 1.4; font-size: 30px; }
  #groom-bride .info .name { font-size: 22px; }
}

@font-face { font-family: beyondperfection; src: url("../font/beyondperfection-regular.ttf"); }

@font-face { font-family: vip-arcittya-begatri; src: url("../font/1ftv-vip-arcittya-begatri.otf"); }

@font-face { font-family: vip-hastegi; src: url("../font/1ftv-vip-hastegi.otf"); }

@font-face { font-family: lora; src: url("../font/lora-regular.ttf"); }

@font-face { font-family: lora; src: url("../font/lora-semibold.ttf"); font-weight: 600; }

@font-face { font-family: uvnhoatay; src: url("../font/uvnhoatay1.ttf"); }

@font-face { font-family: TH-Maginia; src: url("../font/TH-Maginia.ttf"); }

body { background-color: rgb(51, 51, 51); font-family: lora; font-size: 16px; }

body a { text-decoration: none; color: inherit; }

body .btn-link { text-decoration: none; color: rgb(63, 81, 181); }

body img { max-width: 100%; }

body { --text-color-primary-darker: rgb(134, 105, 55); --color-primary: rgb(146, 131, 98); --color-primary-raw: 146, 131, 98; --text-color-primary: rgb(146, 131, 98); }

.card-wrapper { max-width: 480px; margin: auto; overflow: hidden; background-color: rgb(255, 255, 255); }

#card-info .main-content-event .greeting { font-size: 18px; }

#card-info .main-content-event .multiple-events { margin-top: 12px; }

#card-info .main-content-event .multiple-events hr { margin: 32px; }

#card-info .parents.hide-titles .name-title { display: none; }

.logo { margin-bottom: 24px; }

.logo img { max-width: 100px; margin-right: 15px; }

#card-info .main-content-event .location-wrapper .embedded-map { margin-top: 24px; }

#card-info .main-content-event .location-wrapper .embedded-map iframe { display: block; aspect-ratio: 16 / 10; }

#card-info .main-content-event .location-wrapper .embedded-map + .map-btn.primary { margin-top: 24px; }

#card-info .main-content-event .location-wrapper .embedded-map + .map-btn.primary a { color: rgb(255, 255, 255); background: var(--color-primary); display: inline-flex; align-items: center; gap: 6px; border-radius: 50px; min-width: 160px; justify-content: center; }

#card-gift { position: relative; overflow: hidden; }

#card-gift .inner { position: relative; padding: 50px 20px; z-index: 1; border-bottom: 1px solid var(--color-primary); }

#card-gift .card-section-title { font-size: 71px; line-height: 1.6; margin-bottom: 0px; color: var(--text-color-primary-darker); text-align: center; font-family: uvnhoatay; }

#card-gift .card-section-subtitle { margin-bottom: 24px; color: var(--color-primary); text-align: center; }

#card-gift .present-box { text-align: center; }

#card-gift .present-box .present-box-inner { color: var(--color-primary); border: 2px solid; padding: 16px; border-radius: 8px; display: inline-block; margin: auto; cursor: pointer; }

#card-gift .present-box .present-box-inner img { width: 200px; }

#card-banks { position: relative; overflow: hidden; padding-bottom: 50px; }

#card-banks .inner { position: relative; padding: 50px 20px; z-index: 1; }

#card-banks .card-section-title { font-size: 40px; margin-bottom: 10px; color: var(--color-primary); text-align: center; text-transform: uppercase; }

#card-banks .card-section-subtitle { margin-bottom: 24px; color: var(--color-primary); text-align: center; }

.bank-list { display: flex; flex-direction: column; gap: 24px; }

.bank-list .bank-box { flex: 1 1 0%; padding: 16px; border: 2px dashed var(--color-primary); border-radius: 12px; text-align: center; color: var(--color-primary); }

.bank-list .bank-box.single { border: 0px; }

.bank-list .bank-box .title { text-transform: uppercase; margin-bottom: 10px; font-weight: 500; }

.bank-list .bank-box .qr-code img { width: 100%; display: block; cursor: zoom-in; margin: auto; max-width: 300px; }

.bank-list .bank-box.single .qr-code img { max-width: 85%; }

.bank-list .bank-box .info > div { margin: 10px 0px; }

.bank-list .bank-box .info > div:last-child { margin-bottom: 0px; }

@media screen and (max-width: 440px) {
  #card-info .main-content-event .location-wrapper .address-title { font-size: 24px; }
}