/*******************************************************************************
Create by Emerel.xyz
Dev URL       : https://emerel.xyz/
Dev Telegram  : @rizkilutfhi15
*******************************************************************************/
@import url('/em-assets/fonts/Oranienbaum.css'); @import url('/em-assets/fonts/Pacifico.css'); @import url('/em-assets/fonts/Inter.css');
body {margin: 0;padding: 0;background: var(--col_back);} body, input, textarea, select, button {font-family: 'Oranienbaum', sans-serif;}
.w02_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 */
.w02_screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--col_primary);transition: 2s all;overflow: hidden;z-index: 3;}
.w02_screen .bckg {display: block;position: absolute;left: 50%;width: 130%;transform: translate(-50%, 0);z-index: 1;}
.w02_screen .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w02_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;}
.w02_screen .content h2.title {display: block;margin: 0;padding: 0;font-family: 'Pacifico';font-size: 30px;font-weight: 500;letter-spacing: 4px;color: var(--col_primary_text);}
.w02_screen .content h2.bride {display: block;margin: 5px 0 25px; padding: 0;font-size: 32px;color: var(--col_primary_text);}
.w02_screen .content span.for {display: block;margin: 0;font-family: 'Inter';font-size: 16px;color: var(--col_primary_text);opacity: 0.6;}
.w02_screen .content span.guest {display: block;margin: 5px 0 30px;font-family: 'Inter';font-size: 24px;font-weight: 500;color: var(--col_primary_text);}
.w02_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;}
.w02_screen .content button.open:hover {opacity: 0.7;}
.w02_screen .content button.open i {display: block;font-size: 20px;color: var(--col_pettern_sup);}
.w02_screen .content button.open span {display: block;font-size: 18px;font-weight: 500;color: var(--col_second_text);}
.w02_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 */
.w02_music {position: fixed;bottom: 20px;right: 20px;transition: .5s all;overflow: hidden;z-index: 2;}
.w02_music .control {display: flex;position: relative;flex-direction: column;overflow: hidden;}
.w02_music .control .play, .w02_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;}
.w02_music .control .play:hover, .w02_music .control .stop:hover {opacity: 1;}
.w02_music .control .play.active, .w02_music .control .stop.active {display: block;}

/* HEAD STYLE */
.w02_head {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 600px;background: var(--col_back);overflow: hidden;z-index: 2;}
.w02_head .bckg {display: block;position: absolute;top: -5%;left: 50%;width: 100%;max-width: 500px;transform: translate(-50%, -5%);z-index: 1;}
.w02_head .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w02_head .em_parti {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.w02_head .content {display: flex;position: absolute;flex-direction: column;align-items: center;bottom: 0;padding: 10px;width: -moz-fill-available;width: -webkit-fill-available;height: 300px;z-index: 3;}
.w02_head .content .layer {display: block;position: absolute;top: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;height: -moz-fill-available;height: -webkit-fill-available;z-index: 1;}
.w02_head .content .layer .l1 {display: block;position: absolute;top: 0;width: -moz-fill-available;width: -webkit-fill-available;color: var(--col_pettern);z-index: 1;}
.w02_head .content .layer .l2 {display: block;position: absolute;top: 0;width: -moz-fill-available;width: -webkit-fill-available;color: var(--col_pettern);z-index: 2;}
.w02_head .content .layer .l3 {display: block;position: absolute;top: 0;width: -moz-fill-available;width: -webkit-fill-available;color: var(--col_back);z-index: 3;}
.w02_head .content .layer .l1 svg.path, .w02_head .content .layer .l2 svg.path, .w02_head .content .layer .l3 svg.path {width: 100%;}
.w02_head .content .layer .leaf {display: block;position: absolute;color: var(--col_primary);z-index: 4;}
.w02_head .content .layer .leaf.p1 {top: 40px;left: 50px;font-size: 90px;rotate: -50deg;opacity: 0.5;}
.w02_head .content .layer .leaf.p2 {bottom: 45px;right: 50px;font-size: 70px;rotate: 20deg;opacity: 0.5;}
.w02_head .content .layer .handler {display: block;position: absolute;bottom: 0;left: 0;width: -moz-fill-available;width: -webkit-fill-available;height: 170px;background: var(--col_back);z-index: 0;}
.w02_head .content .here {display: block;position: absolute;top: 130px;left: 25px;z-index: 2;}
.w02_head .content .here h2.title {display: block;margin: 0;padding: 0;font-family: 'Pacifico';font-size: 22px;font-weight: 500;color: var(--col_primary);filter: brightness(0.7);}
.w02_head .content .here h1.bride {display: block;margin: 15px 0 8px;padding: 0;font-size: 38px;color: var(--col_primary);filter: brightness(0.7);}
.w02_head .content .here span.date {display: block;margin: 0;padding: 0;font-family: 'Inter';font-size: 16px;font-weight: 500;color: var(--col_primary);filter: brightness(0.85);}

/* COUNTDOWN STYLE */
.w02_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;}
.w02_countdown .icon {display: block;position: absolute;top: 0;left: 50%;transform: translate(50%, -35px);font-size: 70px;color: var(--col_primary_sup);rotate: 50deg;}
.w02_countdown h2.title {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Pacifico';font-size: 22px;font-weight: 500;text-align: center;color: var(--col_primary_text);}
.w02_countdown .count {display: block;position: relative;overflow: hidden;}
.w02_countdown .count .time {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 25px;}
.w02_countdown .count .time >* {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;gap: 2px;width: 60px;}
.w02_countdown .count .time >* span {display: block;font-family: 'Inter';font-size: 24px;font-weight: 700;color: var(--col_primary_text);}
.w02_countdown .count .time >* label {text-transform: uppercase;font-size: 14px;font-weight: 500;color: var(--col_primary_text);opacity: 0.6;}

/* BRIDE STYLE */
.w02_bride {display: block;position: relative;padding: 60px 20px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_second);z-index: 2;}
.w02_bride .em_parti {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.w02_bride .wrap {display: flex;position: relative;flex-direction: column;z-index: 2;}
.w02_bride .wrap .person {display: flex;position: relative;flex-direction: column;}
.w02_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;}
.w02_bride .wrap .person .foto img {display: block;width: 100%;}
.w02_bride .wrap .person .data {display: flex;position: relative;flex-direction: column;}
.w02_bride .wrap .person .data .name {display: flex;position: relative;flex-direction: row;justify-content: center;align-items: baseline;margin: 20px 0 5px;}
.w02_bride .wrap .person .data .name span.fname {display: block;font-size: 26px;font-weight: 700;color: var(--col_second_text);filter: brightness(0.6);}
.w02_bride .wrap .person .data .name span.lname {display: block;margin: 0 0 0 6px;font-size: 26px;font-weight: 700;color: var(--col_second_text);}
.w02_bride .wrap .person .data .name label {display: block;font-family: 'Pacifico';font-size: 24px;font-weight: 500;color: var(--col_primary);filter: brightness(0.7);}
.w02_bride .wrap .person .data .name label.front {margin: 0 10px 0 0;}
.w02_bride .wrap .person .data .name label.back {margin: 0 0 0 10px;}
.w02_bride .wrap .person .data .parent {display: block;position: relative;text-align: center;overflow: hidden;}
.w02_bride .wrap .person .data .parent label {display: block;margin: 0 0 6px;text-align: center;font-size: 16px;color: var(--col_second_text);}
.w02_bride .wrap .person .data .parent span {display: inline-block;font-family: 'Inter';font-size: 15px;font-weight: 500;color: var(--col_second_text);}
.w02_bride .wrap .break {display: block;margin: 20px 0;font-family: 'Pacifico';font-size: 42px;text-align: center;color: var(--col_pettern_sup);filter: brightness(0.8);}
.w02_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;}
.w02_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;}
.w02_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 */
.w02_maps {display: block;position: relative;padding: 60px 20px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_second);background-size: cover;background-position: top center;z-index: 2;}
.w02_maps .overlay {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--col_back);opacity: 0.3;z-index: 1;}
.w02_maps .content {display: flex;position: relative;flex-direction: column;padding: 20px;background: var(--col_back);border-top-left-radius: 50vw;border-top-right-radius: 50vw;border: double 6px var(--col_primary);z-index: 2;}
.w02_maps .content .break {display: block;width: -moz-fill-available;width: -webkit-fill-available;height: 35px;overflow: hidden;}
.w02_maps .content .address {display: flex;position: relative;flex-direction: column;padding: 0 0 40px;margin: 0 0 20px;border-bottom: solid 1px var(--col_primary);}
.w02_maps .content .address h3 {display: block;margin: 0;padding: 0;font-family: 'Pacifico';font-size: 45px;font-weight: 500;text-align: center;color: var(--col_primary);filter: brightness(0.5);}
.w02_maps .content .address .date {display: flex;position: relative;flex-direction: row;align-items: center;justify-content: center;gap: 20px;margin: 20px 0 20px;}
.w02_maps .content .address .date span.day, .w02_maps .content .address .date span.year {display: block;font-size: 28px;color: var(--col_primary);filter: brightness(0.7);}
.w02_maps .content .address .date .month {display: flex;position: relative;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 5px 20px;border-left: solid 1px var(--col_primary);border-right: solid 1px var(--col_primary);}
.w02_maps .content .address .date .month span.num {display: block;font-size: 50px;font-weight: 700;color: var(--col_pettern_sup);filter: brightness(0.8);}
.w02_maps .content .address .date .month span.txt {display: block;font-size: 22px;font-weight: 600;color: var(--col_primary);filter: brightness(0.7);}
.w02_maps .content .address span.time {display: block;margin: 0 0 15px;font-family: 'Inter';font-size: 12px;text-align: center;letter-spacing: 0.5px;color: var(--col_primary);filter: brightness(0.7);}
.w02_maps .content .address span.addr {display: block;font-family: 'Inter';font-size: 15px;text-align: center;color: var(--col_primary);filter: brightness(0.7);}
.w02_maps .content .address span.addr strong {filter: brightness(0.6);}
.w02_maps .content .address:last-child {padding: 0;margin: 0;border-bottom: none;}
.w02_maps .content .address 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_pettern_sup);border-radius: 50vw;transition: .5s all;}
.w02_maps .content .address a.btn i {display: block;font-size: 20px;color: var(--col_back);}
.w02_maps .content .address a.btn span {display: block;font-size: 18px;font-weight: 500;color: var(--col_back);}
.w02_maps .content .address a.btn:hover {opacity: 0.7;}

/* STORY STYLE */
.w02_story {display: block;position: relative;padding: 40px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_second);z-index: 2;}
.w02_story .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Pacifico';}
.w02_story .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_primary);}
.w02_story .wrap {display: flex;position: relative;flex-direction: column;background: var(--col_primary);border-radius: 2vw;overflow: hidden;}
.w02_story .wrap .thumb {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 60vw;max-height: 300px;overflow: hidden;}
.w02_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_primary) 100%);z-index: 2;}
.w02_story .wrap .thumb img {display: block;position: absolute;top: 0;left: 0;transform: translate(0, -10%);width: -moz-fill-available;width: -webkit-fill-available;}
.w02_story .wrap .lists {display: flex;position: relative;flex-direction: column;padding: 20px;}
.w02_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_primary_text);}
.w02_story .wrap .lists .item:last-child {padding: 0;margin: 0;border-bottom: none;}
.w02_story .wrap .lists .item h4.title {display: block;margin: 0;font-family: 'Oranienbaum';font-size: 22px;text-align: center;color: var(--col_primary_text);}
.w02_story .wrap .lists .item label.date {display: block;margin: 5px 0 15px;font-family: 'Inter';font-size: 12px;text-align: center;color: var(--col_primary_text);}
.w02_story .wrap .lists .item span.msg {display: block;font-family: 'Inter';font-size: 16px;text-align: center;line-height: 1.4;color: var(--col_primary_text);}

/* GALLERY STYLE */
.w02_gallery {display: block;position: relative;padding: 30px 20px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_primary);z-index: 2;}
.w02_gallery .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Pacifico';}
.w02_gallery .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_primary_text);}
.w02_gallery .wrap {display: block;position: relative;}
.w02_gallery .wrap .lists {display: grid;grid-gap: 20px;grid-template-columns: 50fr 50fr;grid-auto-rows: 140px;grid-auto-flow: dense;}
.w02_gallery .wrap .lists > .item {display: flex;justify-content: center;align-items: center;border: solid 1px var(--col_primary_sup);border-radius: 10px;overflow: hidden;}
.w02_gallery .wrap .lists > .item img {display: block;width: 100%;height: 100%;object-fit: cover;transition: .5s all;cursor: pointer;}
.w02_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 */
.w02_bank {display: block;position: relative;padding: 30px 20px 30px;width: -moz-fill-available;width: -webkit-fill-available;background: var(--col_second);z-index: 2;}
.w02_bank .content {display: flex;position: relative;flex-direction: column;background: var(--col_back);border-radius: 2vw;overflow: hidden;}
.w02_bank .content .thumb {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;height: 60vw;max-height: 300px;overflow: hidden;}
.w02_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;}
.w02_bank .content .thumb img {display: block;position: absolute;top: 0;left: 0;transform: translate(0, -10%);width: -moz-fill-available;width: -webkit-fill-available;}
.w02_bank .content .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Pacifico';}
.w02_bank .content .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_second_text);}
.w02_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;}
.w02_bank .content .btn:hover {opacity: 0.7;}
.w02_bank .content .btn i {display: block;font-size: 20px;color: var(--col_primary_text);}
.w02_bank .content .btn span {display: block;font-family: 'Inter';font-size: 18px;font-weight: 500;color: var(--col_primary_text);}
.w02_bank .content .lists {display: flex;visibility: hidden;position: relative;flex-direction: column;gap: 20px;padding: 0;transition: .5s all;max-height: 0;overflow: hidden;}
.w02_bank .content .lists.active {visibility: visible;padding: 20px;max-height: 2000px;}
.w02_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;}
.w02_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;}
.w02_bank .content .lists .item span {display: block;position: absolute;bottom: 42px;left: 17px;font-size: 20px;font-weight: 500;color: #000000;}
.w02_bank .content .lists .item label.bacc {display: block;position: absolute;bottom: 20px;left: 17px;font-size: 14px;color: #000000;opacity: 0.8;}
.w02_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);}
.w02_bank .content .addr label {display: block;font-family: 'Inter';font-size: 14px;font-weight: 500;}
.w02_bank .content .addr span {display: block;font-size: 18px;}

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

/* FOOT STYLE */
.w02_foot {display: block;position: relative;width: -moz-fill-available;width: -webkit-fill-available;min-height: 600px;background: var(--col_primary);overflow: hidden;z-index: 2;}
.w02_foot .bckg {display: block;position: absolute;left: 50%;width: 120%;transform: translate(-50%, 0);z-index: 1;}
.w02_foot .bckg img {display: block;width: -moz-fill-available;width: -webkit-fill-available;}
.w02_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;}
.w02_foot .content h2.bride {display: block;margin: 5px 0 15px;padding: 0;font-weight: 500;font-size: 30px;text-align: center;color: var(--col_primary_text);}
.w02_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_primary_text);}
.w02_foot .content .head {display: block;position: relative;margin: 0 0 25px;padding: 0;font-family: 'Pacifico';}
.w02_foot .content .head h3 {display: block;margin: 0;padding: 0;font-size: 30px;font-weight: 500;text-align: center;color: var(--col_primary_text);}
.w02_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_primary) 90%);z-index: 2;}
.w02_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_primary) 85%);z-index: 2;}

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