#welcome .wrapper .wrap-overlay{
background-color: transparent !Important;
}

#welcome .wrapper .text-wrapper img{
border-radius: 0 !important;
}

#widget {
    width: 65%;
    margin: 1rem auto;
    position: relative;
}

.instagram-profil{
background:#f2963a;
padding: 5px 15px;
width: fit-content;
margin: 1rem auto !important;
border-radius: 50rem;
}

#widget .box-separator{
position: relative;
padding-bottom: 100%;
}
#widget .box-separator img{
width: 100%;
height: 100%;
position: absolute;
inset: 0;
-o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}

.quotes{
font-weight: 500 !important;
font-style: inherit !important;
padding: 15px !important;
max-width: 300px;
margin: auto;
}
#coupleProfile{
padding: 20px 0 !Important;
}

#coupleProfile h1{
display: none;
}

#quote, #countdown, .rundown{
overflow: hidden;
padding: 5rem 0 !important;
position: relative;
background-image: url('https://images.ctfassets.net/q40z6pfqje6o/2etc4bFnMoOXqsU7n1YlpM/f843bf0dc40171fd651147bb85f58ae2/mitos__17_.jpg');
background-size: cover;
}

#coupleProfile{
background-color: transparent;
}

.decorWrap{
position: absolute;
top: 0;
left: 0;
width: 130px;
height: 130px;
}

.decorWrapBottom{
position: absolute;
bottom: 0;
right: 0;
width: 130px;
height: 130px;
transform: rotate(180deg);
}

.triangleBig{
position: relative;
 border-top: 130px solid #2f4b4d;
      border-right: 130px solid transparent;
}
.dcrLong1{
width: 200px;
height: 25px;
transform: rotate(135deg) skew(-46deg) ;
background-color: #ca6d68;
position: absolute;
bottom: -10px;
left: -97px;
display: flex;
}
.dcrLong2{
width: 0;
      height: 0;
      border-top: 70px solid #ca6d68;
      border-right: 70px solid transparent;
position: absolute;
top: -130px;
left: 89px;
}

.decorWrap .line, .decorWrapBottom .line{
width: 90%;
    height: 1px;
    background: #ffffff;
    margin: auto;
}
.dcrLong2::before{
content: "";
position: absolute;
width: 100px;
height: 1px;
background: #ffffff;
transform: rotate(-45deg);
    right: -90px;
    bottom: 70px;
}

.dcrLong1::before{
content:"";
position: absolute;
width: 70px;
height: 13px;
background: #f2963a;
top: -13px;
    left: 60px;
}

#quote .container .row .text-center{
display: none;
}

#quote  #coupleProfile .container .row .text-center{
display: block!important;
padding: 0 15px;
}

#coupleProfile .container .row .text-center h4 b{
font-family: bebas_neu;
}

#story, #galleries{
background-color: #2f4b4d;
}
#story p, #galleries p{
color: #ffffff;
}

.circleSvg{
width: 70px;
position: absolute;
}

.circleSvg .strokes{
fill: #f2963a;
}

.dots{
padding: 0;
width: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
position: absolute;
list-style-type: none;
grid-gap: 10px;
}

.dots li {
width: 5px;
height: 5px;
border-radius: 50%;
background: #f2963a;
}

#quote .circleSvg, #galleries  .circleSvg{
right: 0;
top: 0;
}

#quote .dots, #story .dots{
bottom: 30%;
left: 30px;
}

#galleries {
position: relative;
}

.galleriSection{
padding: 3rem 2rem;
}

.quoteGalleries p {
margin-bottom: 0 !Important;
}

#weddingDetail{
padding: 0;
}

#wishes{
background-color: #2f4b4d;
}

#countdown .countdown-section ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
max-width: 300px;
margin: auto;
margin-bottom: 2rem;
}

#countdown ul li span b, #countdown li#days span {
    font-size: 26px !important;
    font-weight: 500;
    font-family: bebas_neu;
    line-height: 1;
color: #ffffff;
}

#countdown ul li b {
    text-transform: capitalize;
    line-height: 1;
font-family: josefin_sans;
color: #ffffff;
}

#countdown li#days {
    font-size: 1em !important;
}

#countdown h1{
max-width: 300px;
margin: 0 auto 3rem auto;
padding: 1rem;
}
#countdown p{
margin: 2rem 0;
}

#countdown .countdown-section li{
background: #ca6d68;
line-height: 1;
padding: 0 !important;
width: 60px;
height: 60px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.btn-calendar, .wrapBtn .btn-info{
background-color:  transparent;
border-color: #2f4b4d;
color: #2f4b4d;
}

.wrapBtn .btn-info{
margin-bottom: 2rem;
}

#rsvp{
position: relative;
width: 80%;
margin: 2rem auto;
}

#rsvp .btn-success{
background-color: #f2963a;
color: #2f4b4d;
border-color: #f2963a;
}

#rsvp .btn-success b{
font-family: josefin_sans;
}

#rsvp .dots{
top: 0px;
left: -20px;
}

#maps{
padding: 0 !Important;
}

#adressWrapper{
padding: 4rem 2rem;
background-color: #2f4b4d;
position: relative;
}

#adressWrapper p {
color: #ffffff;
}
#adressWrapper .btn-lokasi{
background-color: #f2963a;
color: #2f4b4d;
min-width: 150px;
text-transform: capitalize;
}

#adressWrapper .circleSvg{
bottom: 39px;
    right: 5px;
}

.item-rundown{
text-align: start;
padding-left: 3rem;
margin: 1rem 0 !important;
}

#list-rundown{
margin: 2rem 0;
}

.item-rundown h1{
font-size: 26px !important;
margin-bottom: 1rem !important;
}

#bottom-rundown p {
text-align: start;
}

.rundown .dots{
right: 10px;
top: 10%;
}

#layout-64ce39f3709bf926e8062c88{
padding: 4rem 2rem 1rem 2rem;
}

#layout-64ce39f3709bf926e8062c88 h1{
margin-bottom: 2.5rem;
}

#speaker1photo{
position: relative;
padding-bottom: 100%;
margin: auto;
margin-bottom: 1rem;
}

#speaker1photo img{
position: absolute;
inset: 0;
object-fit: cover;
height: 100%;
width: 100%;
}

#layout-64ce3b92709bf926e80653db{
padding: 1rem 2.5rem;
}

#contactperson1 a{
padding: 10px 1rem;
border-radius: 50px;
}

#layout-64ce44ac709bf926e80721d9 a{
display: none;
}

#layout-64ce44ac709bf926e80721d9{
padding: 4rem 2rem;
}

#footer{
background-color: #2f4b4d;
}