.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: 65px; line-height: 1.6; text-align: center; }

#card-banner .wedding-name { font-family: lora; text-transform: uppercase; text-align: center; position: relative; font-size: 28px; 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-groombride { 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); }

#card-groombride .inner { padding: 50px 0px; background-image: url("../images/bg-paper-top.png"); background-position: center top; background-size: 100%; position: relative; }

#card-groombride .section-header { margin-bottom: 32px; }

#card-groombride .card-groombride-inner { display: flex; gap: 10px; }

#card-groombride h2 { font-family: lora; font-size: 20px; line-height: 1.6; font-weight: 600; color: var(--text-color-primary-darker); text-transform: uppercase; text-align: center; }

#card-groombride .gb-box { flex: 1 1 0%; }

#card-groombride .gb-box .info { padding-left: 5px; padding-right: 5px; padding-bottom: 20px; }

#card-groombride .gb-box .info .label { font-family: uvnhoatay; font-size: 52px; line-height: 1.6; color: var(--text-color-primary-darker); text-align: center; }

#card-groombride .gb-box .info .name { font-family: lora; font-size: 25px; line-height: 1.6; text-transform: uppercase; text-align: center; }

#card-groombride .gb-box .img { aspect-ratio: 205 / 336; }

#card-groombride .gb-box .img > div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; box-shadow: rgb(96, 96, 96) 0px 4px 10px -5px; }

#card-groombride .text { margin-top: 36px; padding: 0px 16px; text-align: justify; }

#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; background-position: center center; background-repeat: repeat-y; background-size: 100%; position: relative; }

#card-info .main-content-event .frame-bottom { content: ""; display: block; width: 100%; background-position: center top; background-repeat: no-repeat; background-size: 100%; height: 60%; position: absolute; transform: rotateX(180deg); bottom: 0px; left: 0px; }

#card-info .main-content-event .frame-top { content: ""; display: block; width: 100%; background-position: center top; background-repeat: no-repeat; background-size: 100%; height: 60%; position: absolute; top: 0px; left: 0px; }

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

#card-info .main-content-event .logo { width: 125px; display: inline-block; position: relative; margin-bottom: 32px; }

#card-info .main-content-event .logo .signatures { font-family: vip-hastegi; font-size: 35px; line-height: 1; color: var(--text-color-primary); text-transform: uppercase; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); letter-spacing: -7px; }

#card-info .main-content-event .logo .signatures > span:first-child { transform: translateY(2px); display: inline-block; }

#card-info .main-content-event .logo .signatures > span:last-child { transform: translateY(10px); display: inline-block; }

#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 .address-title { font-family: uvnhoatay; font-size: 43.73px; line-height: 1.1; color: var(--text-color-primary-darker); text-align: center; margin-bottom: 16px; }

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

#card-info .main-content-event .date-and-time { margin-top: 20px; text-align: center; }

#card-info .main-content-event .date-and-time .time { font-family: lora; font-size: 20px; font-weight: 600; line-height: 1.6; color: var(--text-color-primary-darker); text-transform: uppercase; text-align: center; }

#card-info .main-content-event .date-and-time .date { padding: 10px 0px; }

#card-info .main-content-event .date-and-time .date > div { border-top: 1px solid var(--text-color-primary-darker); border-bottom: 1px solid var(--text-color-primary-darker); display: inline-block; padding: 3px 0px; }

#card-info .main-content-event .date-and-time .date { font-family: lora; font-size: 19.17px; line-height: 1.6; color: var(--text-color-primary-darker); text-transform: uppercase; text-align: center; }

#card-info .main-content-event .date-and-time .lunar-date { font-family: lora; font-size: 14px; font-style: italic; line-height: 1.6; text-align: center; }

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

#card-info .main-content-event .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 .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::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; }

#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-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: 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-gallery .gallery-header .section-title { position: absolute; bottom: 50px; right: 24px; color: rgb(255, 255, 255); line-height: 1; text-align: right; font-family: uvnhoatay; font-size: 60px; text-shadow: 1px 2px var(--text-color-primary); }

#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 .leading-text { text-align: center; margin-top: 50px; font-family: brygada1918; font-size: 20px; color: var(--color-primary); }

#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); }

#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 { width: 90%; margin: 100px auto auto; position: relative; }

#envelop-photo .pt0 { background-image: url("../images/card.png"); aspect-ratio: 383 / 176; background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; bottom: 30%; width: 92%; left: 4%; z-index: 4; }

#envelop-photo .ticket { display: flex; }

#envelop-photo .ticket .left { width: 15%; }

#envelop-photo .ticket .left > div { font-family: brygada1918; font-size: 11px; line-height: 1.4; color: rgb(130, 95, 63); text-transform: uppercase; letter-spacing: 0px; text-align: center; writing-mode: tb-rl; margin: auto; padding-top: 16px; }

#envelop-photo .ticket .right { flex: 1 1 0%; padding-top: 30px; text-align: center; }

#envelop-photo .ticket .p1 { font-family: beyondperfection; font-size: 13.88px; line-height: 1.4; color: rgb(130, 95, 63); letter-spacing: 0px; text-align: center; margin-bottom: 10px; }

#envelop-photo .ticket .p2 { position: relative; display: inline-block; }

#envelop-photo .ticket .p2::before { content: ""; background-image: url("../images/plane.png"); width: 40px; height: 32px; display: block; background-size: contain; position: absolute; left: -46px; top: 0px; }

#envelop-photo .ticket .p2 .label { font-family: brygada1918; font-size: 14px; line-height: 1; color: rgb(130, 95, 63); text-transform: uppercase; letter-spacing: 1px; text-align: center; }

#envelop-photo .ticket .p2 .date { font-family: brygada1918; font-size: 20px; line-height: 1.4; color: rgb(130, 95, 63); text-transform: uppercase; letter-spacing: 2px; text-align: center; }

#envelop-photo .pt1-w { width: 46%; position: absolute; bottom: 62%; left: 30%; z-index: 1; }

#envelop-photo .pt1-w .pt1 { width: 100%; aspect-ratio: 4 / 5.3; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: rotate(3deg); transform-origin: center center; border-width: 15px 8px 8px; border-style: solid; border-image: none; border-color: rgb(240, 240, 240); }

#envelop-photo .pt2-w { width: 40%; bottom: 55%; left: 0px; z-index: 2; position: absolute; }

#envelop-photo .pt2-w .pt2 { background-image: url("../images/img-4.jpg"); width: 100%; aspect-ratio: 0.8 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: rotate(-8deg); background-color: rgb(255, 255, 255); border-width: 10px 5px 5px; border-style: solid; border-image: none; border-color: rgb(240, 240, 240); }

#envelop-photo .pt3 { background-image: url("../images/passport.png"); aspect-ratio: 229 / 318; width: 45%; position: absolute; right: -4%; bottom: 50%; z-index: 3; background-position: center top; background-repeat: no-repeat; background-size: contain; }

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

#envelop-photo .plane { position: absolute; right: -20px; width: 100px; top: -100px; }

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

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

.groombride { display: flex; align-items: flex-start; margin-top: -30px; z-index: 1; position: relative; }

.gb-box { flex: 1 1 0%; position: relative; }

.gb-box:first-child { margin-top: 16px; }

.gb-box .info { position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 12px 5px; }

.gb-box .info .name { font-family: lora; font-size: 20px; line-height: 1.6; text-align: center; color: rgb(255, 255, 255); }

.gb-box .img { aspect-ratio: 265 / 336; padding: 0px 5px; }

.gb-box .img > div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; border: 5px solid rgb(255, 255, 255); position: relative; }

.gb-box .img > div::after { content: ""; background-image: linear-gradient(rgba(253, 251, 251, 0), rgba(1, 1, 1, 0.5)); height: 40%; position: absolute; width: 100%; bottom: 0px; }

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

@font-face { font-family: brygada1918; src: url("../font/brygada1918-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: iciel-fort-foundry-rift; src: url("../font/iciel-fort-foundry-rift-regular.ttf"); }

@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: svn-betalisa; src: url("../font/svn-betalisa.otf"); }

@font-face { font-family: uvnhoatay; src: url("../font/uvnhoatay1.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 { --color-primary: rgb(134, 105, 55); --text-color-primary-darker: rgb(77, 51, 5); --text-color-primary: rgb(134, 105, 55); --color-primary-raw: 134, 105, 55; }

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

#card-info .main-content-event .logo:not(.custom-logo) { width: 210px; }

#card-info .main-content-event .main-content-event-inner { padding-left: 20px; padding-right: 20px; }

#envelop-photo { margin-top: 120px; }

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

#countdown { margin-top: 32px; }

#countdown .box, #countdown .colon { color: rgb(255, 255, 255); }

#countdown .countdown-title { font-size: 18px; line-height: 1.6; color: rgb(255, 255, 255); text-align: center; }

#card-calendar > .inner { padding: 50px 20px; }

#card-calendar .calendar-header { margin-bottom: 30px; }

#card-calendar .calendar-header .year { font-family: Ergisa; font-size: 95.22px; line-height: 1; color: rgb(255, 255, 255); text-align: center; margin-bottom: -45px; }

#card-calendar .calendar-header .month { font-family: "High Spirited"; font-size: 80.69px; line-height: 1; color: rgb(255, 255, 255); text-align: center; }

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

#card-calendar .mini_calendar.mini_calendar_white { --tb-color-wedding-day-text: #333; }

.love-story p { margin: 0px; padding: 32px 20px; }

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

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

#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; }

body[data-lang="fr"] #card-banner .wedding-text { font-size: 55px; }

#card-info .main-content-event .date-and-time .time { font-size: 24px; }

#countdown .countdown-title { font-size: 16px; }