/*******************************************************************************
Create by Emerel.xyz
Dev URL       : https://emerel.xyz/
Dev Telegram  : @rizkilutfhi15
*******************************************************************************/
@import url('/em-assets/fonts/Merriweather.css'); @import url('/em-assets/fonts/Briem.css'); @import url('/em-assets/fonts/Inter.css');
body {margin: 0;padding: 0;} body, input, textarea, select, button {font-family: 'Merriweather', sans-serif;}
.w03_main {display: flex;position: relative;flex-direction: column;width: -moz-fill-available;width: -webkit-fill-available;max-width: 500px;margin: 0 auto;overflow: hidden;z-index: 1;}

/* SCREEN STYLE */
.w03_screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--col_primary);transition: 2s all;overflow: hidden;z-index: 3;}
.w03_screen .bckg {display: block;position: absolute;left: 50%;width: 130%;transform: translate(-50%, 0);z-index: 1;}
.w03_screen .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w03_screen .content {display: flex;position: absolute;flex-direction: column;align-items: center;bottom: 0;padding: 20px 20px 50px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 3;}
.w03_screen .content h2.title {display: block;margin: 0;padding: 0;font-family: 'Briem Hand';font-size: 26px;font-weight: 500;color: var(--col_primary_text);}
.w03_screen .content h2.bride {display: block;margin: 5px 0 25px; padding: 0;font-size: 32px;color: var(--col_primary_text);}
.w03_screen .content span.for {display: block;margin: 0;font-family: 'Inter';font-size: 16px;color: var(--col_primary_text);opacity: 0.6;}
.w03_screen .content span.guest {display: block;margin: 5px 0 30px;font-family: 'Inter';font-size: 24px;font-weight: 500;color: var(--col_primary_text);}
.w03_screen .content button.open {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;width: fit-content;padding: 10px 20px;font-family: 'Inter';background: var(--col_second);border: solid 1px var(--col_second_sup);border-radius: 8px;transition: .5s all;cursor: pointer;}
.w03_screen .content button.open:hover {opacity: 0.7;}
.w03_screen .content button.open i {display: block;font-size: 20px;color: var(--col_second_text);}
.w03_screen .content button.open span {display: block;font-size: 18px;font-weight: 500;color: var(--col_second_text);}
.w03_screen:after {content: '';display: block;position: absolute;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 1000px;background-image: linear-gradient(180deg, #00000000 50%, var(--col_primary) 82%);z-index: 2;}

/* MUSIC STYLE */
.w03_music {position: fixed;bottom: 20px;right: 20px;transition: .5s all;overflow: hidden;z-index: 2;}
.w03_music .control {display: flex;position: relative;flex-direction: column;overflow: hidden;}
.w03_music .control .play, .w03_music .control .stop {display: none;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 18px;background: var(--col_primary);color: var(--col_primary_text);border: solid 1px var(--col_second);border-radius: 5px;transition: .5s all;opacity: 0.5;cursor: pointer;}
.w03_music .control .play:hover, .w03_music .control .stop:hover {opacity: 1;}
.w03_music .control .play.active, .w03_music .control .stop.active {display: block;}

/* HEAD STYLE */
.w03_head {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_back);overflow: hidden;z-index: 2;}
.w03_head .bckg {display: block;position: absolute;top: 0;left: 50%;width: 100%;max-width: 500px;transform: translate(-50%, 0);z-index: 1;}
.w03_head .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w03_head .box {display: block;position: relative;z-index: 2;}
.w03_head .box .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;opacity: 0.3;transition: .5s all;z-index: 1;}
.w03_head:hover > .box .overlay {opacity: 0.15;}
.w03_head .box .love {display: block;position: relative;z-index: 2;overflow: hidden;}
.w03_head .box .love svg.this {display: block;position: relative;overflow: hidden;}
.w03_head .box .love svg.this .l2, .w03_head .box .love svg .r2 {color: var(--col_back);}
.w03_head .box .love svg.this .l1, .w03_head .box .love svg .r1, .w03_head .box .love svg .top {color: var(--col_primary);}
.w03_head .box .content {display: block;position: relative;padding: 20px 0 30px;background: var(--col_back);z-index: 3;overflow: hidden;}
.w03_head .box .content .here {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;}
.w03_head .box .content .here h2.title {display: block;margin: 0;padding: 0;font-family: 'Briem Hand';font-size: 26px;color: var(--col_primary);}
.w03_head .box .content .here h1.bride {display: block;margin: 10px 0;padding: 0;font-size: 32px;color: var(--col_pettern_sup);}
.w03_head .box .content .here span.date {display: block;font-family: 'Inter';font-size: 16px;color: var(--col_pettern);filter: brightness(0.4);}
.w03_head .pettern {display: block;position: absolute;left: 0;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 235px;z-index: 3;}
.w03_head .pettern .p1, .w03_head .pettern .p2, .w03_head .pettern .p3, .w03_head .pettern .p4 {display: block;position: absolute;color: var(--col_primary);}
.w03_head .pettern .p1 {top: 10px;left: 30px;font-size: 50px;rotate: 25deg;opacity: 0.8;}
.w03_head .pettern .p2 {top: 10px;right: 30px;font-size: 50px;rotate: -25deg;opacity: 0.8;}
.w03_head .pettern .p3 {top: 70px;left: 60px;font-size: 36px;rotate: 25deg;opacity: 0.5;}
.w03_head .pettern .p4 {top: 70px;right: 60px;font-size: 36px;rotate: -25deg;opacity: 0.5;}

/* COUNTDOWN STYLE */
.w03_countdown {display: block;position: relative;padding: 40px 20px;background: var(--col_primary);border-top: dashed 5px var(--col_primary_sup);border-bottom: dashed 5px var(--col_primary_sup);z-index: 2;}
.w03_countdown .icon {display: block;position: absolute;top: 0;left: 50%;transform: translate(50%, -35px);font-size: 70px;color: var(--col_primary_sup);rotate: 50deg;}
.w03_countdown h2.title {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';font-size: 22px;font-weight: 500;text-align: center;color: var(--col_primary_text);}
.w03_countdown .count {display: block;position: relative;overflow: hidden;}
.w03_countdown .count .time {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 25px;}
.w03_countdown .count .time >* {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 2px;width: 60px;}
.w03_countdown .count .time >* span {display: block;font-family: 'Inter';font-size: 24px;font-weight: 700;color: var(--col_primary_text);}
.w03_countdown .count .time >* label {text-transform: uppercase;font-size: 14px;font-weight: 500;color: var(--col_primary_text);opacity: 0.6;}

/* BRIDE STYLE */
.w03_bride {display: block;position: relative;padding: 60px 20px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_back);z-index: 2;}
.w03_bride .em_parti {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.w03_bride .wrap {display: flex;position: relative;flex-direction: column;z-index: 2;}
.w03_bride .wrap .person {display: flex;position: relative;flex-direction: column;}
.w03_bride .wrap .person {display: flex;position: relative;flex-direction: column;}
.w03_bride .wrap .person .foto {display: block;position: relative;width: 220px;height: 220px;margin: 0 auto;border: double 10px var(--col_primary);border-radius: 100%;overflow: hidden;}
.w03_bride .wrap .person .foto img {display: block;width: 100%;}
.w03_bride .wrap .person .data {display: flex;position: relative;flex-direction: column;}
.w03_bride .wrap .person .data .name {display: flex;position: relative;flex-direction: row;justify-content: center;align-items: baseline;margin: 20px 0 5px;}
.w03_bride .wrap .person .data .name span.fname {display: block;font-size: 22px;font-weight: 700;color: var(--col_pettern_sup);filter: brightness(0.6);}
.w03_bride .wrap .person .data .name span.lname {display: block;margin: 0 0 0 6px;font-size: 22px;font-weight: 700;color: var(--col_pettern_sup);}
.w03_bride .wrap .person .data .name label {display: block;font-family: 'Briem Hand';font-size: 20px;font-weight: 500;color: var(--col_primary);filter: brightness(0.7);}
.w03_bride .wrap .person .data .name label.front {margin: 0 10px 0 0;}
.w03_bride .wrap .person .data .name label.back {margin: 0 0 0 10px;}
.w03_bride .wrap .person .data .parent {display: block;position: relative;text-align: center;overflow: hidden;}
.w03_bride .wrap .person .data .parent label {display: block;margin: 0 0 6px;text-align: center;font-size: 16px;color: var(--col_second);}
.w03_bride .wrap .person .data .parent span {display: inline-block;font-family: 'Inter';font-size: 15px;font-weight: 500;color: var(--col_pettern_sup);}
.w03_bride .wrap .break {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;margin: 20px 0;}
.w03_bride .wrap .break span {display: block;position: relative;font-family: 'Briem Hand';font-size: 58px;font-weight: 500;padding: 0 20px;color: var(--col_second);z-index: 2;}
.w03_bride .wrap .break:before {content: '';position: absolute;top: 55%;left: 0;transform: translate(0, -50%);width: 40%;border-bottom: double 10px var(--col_primary);z-index: 1;}
.w03_bride .wrap .break:after {content: '';position: absolute;top: 55%;right: 0;transform: translate(0, -50%);width: 40%;border-bottom: double 10px var(--col_primary);z-index: 1;}
.w03_msg {display: block;position: relative;padding: 105px 20px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_primary);border-top: dashed 5px var(--col_primary_sup);border-bottom: dashed 5px var(--col_primary_sup);z-index: 2;}
.w03_msg .icon {display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 20px);font-size: 80px;color: var(--col_primary_text);opacity: 0.5;z-index: 1;}
.w03_msg span {display: block;position: relative;font-family: 'Inter';font-size: 17px;font-style: italic;line-height: 1.4;text-align: center;color: var(--col_primary_text);z-index: 2;}

/* MAPS STYLE */
.w03_maps {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_back);background-size: cover;background-position: top center;z-index: 2;}
.w03_maps .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--col_back);opacity: 0.3;z-index: 1;}
.w03_maps .content {display: flex;position: relative;flex-direction: column;margin: 30px 30px 30px;padding: 5px 20px 20px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_back);border: double 7px var(--col_pettern);border-radius: 50px;overflow: hidden;z-index: 2;}
.w03_maps .content .address {display: block;position: relative;overflow: hidden;}
.w03_maps .content .address:first-child {margin: 0 0 35px;padding: 0 0 35px;border-bottom: solid 1px var(--col_pettern_sup);}
.w03_maps .content .address h3 {display: block;margin: 0;padding: 0;font-family: 'Briem Hand';font-size: 38px;text-align: center;color: var(--col_pettern_sup);}
.w03_maps .content .address .date {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;margin: 20px 0 0;}
.w03_maps .content .address .date .dat {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;}
.w03_maps .content .address .date .dat:first-child {margin: 0 20px 0 0;padding: 0 20px 0 0;border-right: solid 1px var(--col_pettern_sup);}
.w03_maps .content .address .date .dat span.txt {display: block;font-size: 20px;color: var(--col_pettern_sup);}
.w03_maps .content .address .date .dat span.num {display: block;font-size: 40px;font-weight: 700;color: var(--col_primary);}
.w03_maps .content .address span.time {display: block;position: relative;margin: 15px 0;font-family: 'Inter';text-align: center;font-size: 15px;font-weight: 500;color: var(--col_second);}
.w03_maps .content .address span.addr {display: block;font-family: 'Inter';font-size: 16px;text-align: center;color: var(--col_pettern_sup);}
.w03_maps .content a.btn {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;padding: 10px 20px;margin: 30px auto;width: fit-content;font-family: 'Inter';text-decoration: none;background: var(--col_second);border-radius: 50vw;transition: .5s all;}
.w03_maps .content a.btn i {display: block;font-size: 20px;color: var(--col_second_text);}
.w03_maps .content a.btn span {display: block;font-size: 18px;font-weight: 500;color: var(--col_second_text);}
.w03_maps .content a.btn:hover {background: var(--col_second_sup);}

/* STORY STYLE */
.w03_story {display: block;position: relative;padding: 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_pettern);z-index: 2;}
.w03_story .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';}
.w03_story .head h3 {display: block;margin: 0;padding: 0;font-size: 36px;font-weight: 500;text-align: center;color: var(--col_pettern_sup);}
.w03_story .wrap {display: flex;position: relative;flex-direction: column;background: var(--col_back);border-radius: 2vw;overflow: hidden;}
.w03_story .wrap .thumb {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 60vw;max-height: 300px;overflow: hidden;}
.w03_story .wrap .thumb:after {content: '';display: block;position: absolute;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 1000px;background-image: linear-gradient(180deg, #00000000 75%, var(--col_back) 100%);z-index: 2;}
.w03_story .wrap .thumb img {display: block;position: absolute;top: 0;left: 0;transform: translate(0, -10%);width: -moz-fill-available;width: -webkit-fill-available;}
.w03_story .wrap .lists {display: flex;position: relative;flex-direction: column;padding: 20px;}
.w03_story .wrap .lists .item {display: flex;position: relative;flex-direction: column;padding: 0 0 20px;margin: 0 0 20px;border-bottom: solid 1px var(--col_pettern);}
.w03_story .wrap .lists .item:last-child {padding: 0;margin: 0;border-bottom: none;}
.w03_story .wrap .lists .item h4.title {display: block;margin: 0;font-size: 22px;text-align: center;color: var(--col_primary);}
.w03_story .wrap .lists .item label.date {display: block;margin: 5px 0 15px;font-family: 'Inter';font-size: 12px;text-align: center;color: var(--col_second);}
.w03_story .wrap .lists .item span.msg {display: block;font-family: 'Inter';font-size: 16px;text-align: center;line-height: 1.4;color: var(--col_pettern_sup);}

/* GALLERY STYLE */
.w03_gallery {display: block;position: relative;padding: 30px 20px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_primary);z-index: 2;}
.w03_gallery .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';}
.w03_gallery .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_primary_text);}
.w03_gallery .wrap {display: block;position: relative;}
.w03_gallery .wrap .lists {display: grid;grid-gap: 20px;grid-template-columns: 50fr 50fr;grid-auto-rows: 140px;grid-auto-flow: dense;}
.w03_gallery .wrap .lists > .item {display: flex;justify-content: center;align-items: center;border: solid 1px var(--col_primary_sup);border-radius: 10px;overflow: hidden;}
.w03_gallery .wrap .lists > .item img {display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s all;cursor: pointer;}
.w03_gallery .wrap .lists > .item img:hover {scale: 1.4;}

/* GALLERY MODAL STYLE */
.em_gallery_modal {display: none;position: fixed;top: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 100%;z-index: 2;}
.em_gallery_modal.active {display: block;}
.em_gallery_modal .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000;opacity: 0.7;z-index: 1;}
.em_gallery_modal .head {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: space-between;padding: 20px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 2;}
.em_gallery_modal .head h3.title {display: block;margin: 0;padding: 0;font-size: 24px;font-weight: 500;color: #ffffff;}
.em_gallery_modal .head .control {display: flex;position: relative;flex-direction: row;gap: 15px;}
.em_gallery_modal .head .control .btn {display: block;width: 30px;height: 30px;line-height: 32px;font-size: 20px;text-align: center;background: #ffffff;color: #000000;border-radius: 5px;transition: .5s all;cursor: pointer;}
.em_gallery_modal .head .control .btn:hover {opacity: 0.7;}
.em_gallery_modal .main {display: flex;position: relative;flex-direction: column;justify-content: center;padding: 30px 0;width: -moz-fill-available;width: -webkit-fill-available;height: calc(100% - 130px);overflow: hidden;z-index: 2;}
.em_gallery_modal .main .content {display: block;position: relative;padding: 0 20px;margin: 0 auto;width: -moz-fill-available;width: -webkit-fill-available;max-height: 500px;overflow: hidden;}
.em_gallery_modal .main .content .gal {display: none;margin: 0 auto;width: 100%;max-height: 500px;object-fit: contain;}
.em_gallery_modal .main .content .gal.active {display: block;}
.em_gallery_modal .main .btn {display: block;position: absolute;top: 50%;transform: translate(0, -50%);font-size: 38px;color: #ffffff;cursor: pointer;transition: .5s all;z-index: 2;}
.em_gallery_modal .main .btn.prev {left: 15px;} .em_gallery_modal .main .btn.next {right: 15px;} .em_gallery_modal .main .btn:hover {scale: 1.2;}

/* BANK STYLE */
.w03_bank {display: block;position: relative;padding: 30px 20px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_pettern);z-index: 2;}
.w03_bank .content {display: flex;position: relative;flex-direction: column;background: var(--col_back);border-radius: 2vw;overflow: hidden;}
.w03_bank .content .thumb {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 60vw;max-height: 300px;overflow: hidden;}
.w03_bank .content .thumb:after {content: '';display: block;position: absolute;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 1000px;background-image: linear-gradient(180deg, #00000000 75%, var(--col_back) 100%);z-index: 2;}
.w03_bank .content .thumb img {display: block;position: absolute;top: 0;left: 0;transform: translate(0, -10%);width: -moz-fill-available;width: -webkit-fill-available;}
.w03_bank .content .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';}
.w03_bank .content .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_pettern_sup);}
.w03_bank .content .btn {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 8px;margin: 0 auto;padding: 10px 20px;width: fit-content;background: var(--col_primary);border-radius: 5px;transition: .5s all;cursor: pointer;overflow: hidden;}
.w03_bank .content .btn:hover {opacity: 0.7;}
.w03_bank .content .btn i {display: block;font-size: 20px;color: var(--col_primary_text);}
.w03_bank .content .btn span {display: block;font-family: 'Inter';font-size: 18px;font-weight: 500;color: var(--col_primary_text);}
.w03_bank .content .lists {display: flex;visibility: hidden;position: relative;flex-direction: column;gap: 20px;padding: 0;transition: .5s all;max-height: 0;overflow: hidden;}
.w03_bank .content .lists.active {visibility: visible;padding: 20px;max-height: 2000px;}
.w03_bank .content .lists .item {display: block;position: relative;margin: 0 auto;width: -moz-fill-available;width: -webkit-fill-available;max-width: 280px;height: 160px;font-family: 'Inter';background-image: url('/em-assets/img/resource/card.jpg');background-size: cover;border-radius: 10px;overflow: hidden;}
.w03_bank .content .lists .item h4.bname {display: block;position: absolute;margin: 0;padding: 0;top: 11px;left: 17px;font-weight: 700;font-size: 22px;color: #000000;}
.w03_bank .content .lists .item span {display: block;position: absolute;bottom: 42px;left: 17px;font-size: 20px;font-weight: 500;color: #000000;}
.w03_bank .content .lists .item label.bacc {display: block;position: absolute;bottom: 20px;left: 17px;font-size: 14px;color: #000000;opacity: 0.8;}
.w03_bank .content .addr {display: flex;position: relative;flex-direction: column;gap: 4px;padding: 20px;text-align: center;color: var(--col_primary);filter: brightness(0.5);}
.w03_bank .content .addr label {display: block;font-family: 'Inter';font-size: 14px;font-weight: 500;}
.w03_bank .content .addr span {display: block;font-size: 18px;}

/* RSVP STYLE */
.w03_rsvp {display: flex;position: relative;flex-direction: column;gap: 15px;background: var(--col_back);z-index: 2;}
.w03_rsvp .thumb {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 60vw;max-height: 300px;overflow: hidden;}
.w03_rsvp .thumb:after {content: '';display: block;position: absolute;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 1000px;background-image: linear-gradient(180deg, #00000000 75%, var(--col_back) 100%);z-index: 2;}
.w03_rsvp .thumb img {display: block;position: absolute;top: 0;left: 0;transform: translate(0, -10%);width: -moz-fill-available;width: -webkit-fill-available;}
.w03_rsvp .content {display: flex;position: relative;flex-direction: column;padding: 20px;}
.w03_rsvp .content .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';}
.w03_rsvp .content .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_pettern_sup);}
.w03_rsvp .content .form {display: block;position: relative;overflow: hidden;}
.w03_rsvp .content .form .data {display: flex;position: relative;flex-direction: column;gap: 20px;}
.w03_rsvp .content .form .data .group {display: flex;position: relative;flex-direction: column;gap: 5px;}
.w03_rsvp .content .form .data .group label.title {display: block;font-family: 'Inter';font-size: 15px;font-weight: 500;color: var(--col_pettern_sup);}
.w03_rsvp .content .form .data .group input, .w03_rsvp .content .form .data .group textarea, .w03_rsvp .content .form .data .group select {display: block;padding: 8px;font-family: 'Inter';font-size: 16px;color: var(--col_pettern_sup);background: var(--col_back);border: solid 1px var(--col_pettern);border-radius: 5px;outline: none;overflow: hidden;}
.w03_rsvp .content .form .data .group input:read-only, .w03_rsvp .content .form .data .group textarea:read-only {background: var(--col_pettern);}
.w03_rsvp .content .form .data .group pre {display: block;position: absolute;top: 5px;right: 5px;margin: 0;padding: 0;font-family: 'Inter';font-size: 12px;font-weight: 500;color: var(--col_pettern_sup);}
.w03_rsvp .content .form .data .group button.btn {display: block;padding: 10px;font-family: 'Inter';font-size: 16px;font-weight: 500;text-transform: uppercase;background: var(--col_primary);color: var(--col_primary_text);border: none;border-radius: 5px;transition: .5s all;cursor: pointer;}
.w03_rsvp .content .form .data .group button.btn:hover {opacity: 0.7;}
.w03_rsvp .content .form .data .group button.btn:disabled {opacity: 0.7;cursor: default;}
.w03_rsvp .content .form .done {display: flex;position: relative;flex-direction: column;align-items: center;gap: 5px;}
.w03_rsvp .content .form .done .name {display: flex;position: relative;flex-direction: row;align-items: center;gap: 10px;font-family: 'Inter';}
.w03_rsvp .content .form .done .name span {display: block;font-size: 28px;font-weight: 500;color: var(--col_pettern_sup);}
.w03_rsvp .content .form .done .name label {display: block;font-size: 14px;margin: 0;padding: 3px 5px;height: fit-content;background: var(--col_back);border-radius: 3px;}
.w03_rsvp .content .form .done .name label.c1 {background: #3c9a13;color: #ffffff;}
.w03_rsvp .content .form .done .name label.c2 {background: #9a1313;color: #ffffff;}
.w03_rsvp .content .form .done .name label.c3 {background: #7c7c7c;color: #ffffff;}
.w03_rsvp .content .form .done span.txt {display: block;font-size: 16px;text-align: center;color: var(--col_pettern_sup);opacity: 0.6;}
.w03_rsvp .content .saying {display: block;position: relative;padding: 0;margin: 30px 0 0;background: var(--col_back);border: solid 3px var(--col_pettern);border-radius: 5px;}
.w03_rsvp .content .saying .title {display: block;position: absolute;top: -12px;left: 15px;padding: 0 8px;font-family: 'Inter';font-size: 15px;font-weight: 500;color: var(--col_pettern_sup);background: var(--col_back);z-index: 2;}
.w03_rsvp .content .saying .lists {display: flex;position: relative;flex-direction: column;gap: 20px;padding: 20px;max-height: 150px;overflow-y: auto;z-index: 1;}
.w03_rsvp .content .saying .lists .nothing {display: block;padding: 10px;background: var(--col_second);border-radius: 5px;}
.w03_rsvp .content .saying .lists .nothing span {display: block;text-align: center;font-size: 16px;color: var(--col_second_text);}
.w03_rsvp .content .saying .lists .item {display: flex;position: relative;flex-direction: column;padding: 10px;background: var(--col_pettern);border-radius: 5px;}
.w03_rsvp .content .saying .lists .item .name {display: flex;position: relative;flex-direction: row;gap: 10px;font-family: 'Inter';}
.w03_rsvp .content .saying .lists .item .name span {display: block;font-size: 16px;font-weight: 700;color: var(--col_primary);filter: brightness(0.7);}
.w03_rsvp .content .saying .lists .item .name label {display: block;font-size: 12px;margin: 0;padding: 2px 5px;height: fit-content;background: var(--col_primary);border-radius: 3px;}
.w03_rsvp .content .saying .lists .item .name label.c1 {background: #3c9a13;color: #ffffff;}
.w03_rsvp .content .saying .lists .item .name label.c2 {background: #9a1313;color: #ffffff;}
.w03_rsvp .content .saying .lists .item .name label.c3 {background: #7c7c7c;color: #ffffff;}
.w03_rsvp .content .saying .lists .item label.date {display: block;margin: 3px 0 0;font-family: 'Inter';font-size: 12px;color: var(--col_pettern_sup);opacity: 0.8;}
.w03_rsvp .content .saying .lists .item span.say {display: block;margin: 10px 0 0;font-size: 16px;line-height: 1.5;color: var(--col_pettern_sup);opacity: 0.9;}

/* FOOT STYLE */
.w03_foot {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;min-height: 600px;background: var(--col_back);overflow: hidden;z-index: 2;}
.w03_foot .bckg {display: block;position: absolute;left: 50%;width: 120%;transform: translate(-50%, 0);z-index: 1;}
.w03_foot .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w03_foot .content {display: flex;position: absolute;flex-direction: column;align-items: center;bottom: 0;padding: 10px 10px 20px;width: -moz-fill-available;width: -webkit-fill-available;z-index: 3;}
.w03_foot .content h2.bride {display: block;margin: 5px 0 15px;padding: 0;font-weight: 500;font-size: 30px;text-align: center;color: var(--col_pettern_sup);}
.w03_foot .content .msg {display: block;margin: 0 0 15px;font-family: 'Inter';font-size: 16px;font-style: italic;text-align: center;line-height: 1.5;color: var(--col_pettern_sup);}
.w03_foot .content .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Briem Hand';}
.w03_foot .content .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_pettern_sup);}
.w03_foot:before {content: '';display: block;position: absolute;top: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 300px;background-image: linear-gradient(0deg, #00000000 50%, var(--col_back) 90%);z-index: 2;}
.w03_foot:after {content: '';display: block;position: absolute;bottom: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 1000px;background-image: linear-gradient(180deg, #00000000 50%, var(--col_back) 85%);z-index: 2;}

/* CREDIT STYLE */
.w03_credit {display: block;padding: 20px;background: var(--col_primary);overflow: hidden;z-index: 2;}
.w03_credit span {display: block;font-family: 'Inter';font-size: 16px;text-align: center;color: var(--col_primary_text);}
.w03_credit span a {font-weight: 700;text-decoration: none;color: var(--col_primary_text);}