.elementor-828 .elementor-element.elementor-element-abd8123{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-828 .elementor-element.elementor-element-2579014{--display:flex;}.elementor-828 .elementor-element.elementor-element-0be7be2{--display:flex;}.elementor-828 .elementor-element.elementor-element-3066323{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-31f5e2e */.bee-coming-soon{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

margin-bottom:120px;

}



.coming-image{

position:relative;

}



.coming-image img{

    width:100%;

    height:620px;

    object-fit:contain;

    background:white;

    border-radius:40px;

    padding:30px;

    box-shadow:

    0 30px 70px rgba(255,150,190,.25);

}



.coming-content{

background:

linear-gradient(
145deg,
#fff7fb,
#ffe7f1
);

padding:60px;

border-radius:45px;

box-shadow:

0 25px 60px rgba(255,170,200,.18);

}



.coming-label{

display:block;

letter-spacing:5px;

font-size:13px;

text-transform:uppercase;

color:#ff8fb7;

margin-bottom:20px;

}



.coming-content h2{

font-size:52px;

line-height:1.15;

font-family:Arial;

font-weight:500;

color:#333;

margin-bottom:30px;

}



.coming-pill{

display:inline-block;

padding:12px 26px;

background:

linear-gradient(
135deg,
#ff9fc8,
#ffbdd8
);

color:white;

border-radius:50px;

font-size:14px;

letter-spacing:3px;

margin-bottom:35px;

font-weight:bold;

}


.coming-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    max-width:450px;

}



.coming-content a{

display:inline-block;

margin-top:35px;

padding:16px 36px;

background:#FFA4B9;

color:white;

text-decoration:none;

border-radius:50px;

transition:.3s;

}



.coming-content a:hover{

background:#d6879d;

}



@media(max-width:768px){

.bee-coming-soon{

grid-template-columns:1fr;

gap:40px;

}



.coming-image img{

height:420px;

}



.coming-content{

padding:35px;

}



.coming-content h2{

font-size:34px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-336f17c *//* =====================================
   BAPTISM SHOWCASE
===================================== */


.baptism-showcase{

    padding:100px 0;

}



/* =====================================
   MAIN SECTION
===================================== */


.baptism-main{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}



/* IMAGE */


.baptism-image img{

    width:100%;

    height:650px;

    object-fit:cover;

    border-radius:45px;


    box-shadow:

    0 30px 70px rgba(255,130,180,.25);

}



/* CONTENT */


.baptism-content{

    padding:40px;

}



.baptism-content span{

    font-size:13px;

    letter-spacing:5px;

    text-transform:uppercase;

    color:#ff91b9;

}



.baptism-content h2{

    font-family:Georgia,serif;

    font-size:50px;

    font-weight:500;

    line-height:1.15;

    color:#d45c94;

    margin:25px 0;

}



.baptism-content p{

    font-size:19px;

    line-height:1.8;

    color:#666;

}



.baptism-content a{

    display:inline-block;

    margin-top:30px;

    padding:16px 40px;

    background:#FFA4B9;

    color:white!important;

    border-radius:50px;

    text-decoration:none!important;

    transition:.3s ease;

}



.baptism-content a:hover{

    background:#d45c94;

    transform:translateY(-3px);

}




/* =====================================
   PREMIUM IMAGE SLIDER
===================================== */


.baptism-slider{

    margin-top:80px;

    overflow:hidden;

    padding:40px 0;

    position:relative;

}



.slider-track{

    display:flex;

    gap:30px;

    width:max-content;

    animation:

    baptismMove 18s linear infinite;

}



.slider-track:hover{

    animation-play-state:paused;

}



/* SLIDER IMAGES */


.slider-track img{

    width:300px;

    height:400px;

    object-fit:cover;


    border-radius:35px;


    background:white;


    padding:12px;


    border:

    1px solid rgba(255,150,190,.35);


    box-shadow:


    0 25px 60px rgba(220,100,160,.20);


    transition:.5s ease;

}



.slider-track img:hover{


    transform:

    translateY(-12px)

    scale(1.03);


}



/* =====================================
   ANIMATION
===================================== */


@keyframes baptismMove{


    from{

        transform:translateX(0);

    }


    to{

        transform:translateX(-50%);

    }


}




/* =====================================
   MOBILE
===================================== */


@media(max-width:768px){


.baptism-main{

    grid-template-columns:1fr;

}



.baptism-image img{

    height:450px;

}



.baptism-content{

    padding:20px;

}



.baptism-content h2{

    font-size:35px;

}



.slider-track img{

    width:230px;

    height:300px;

}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d0eb6a */.events-showcase{

padding:120px 0;


background:

linear-gradient(
135deg,
#fff7fb,
#ffe8f2
);


border-radius:60px;

}



.events-main{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

padding:0 40px;

}




.events-content span{

font-size:13px;

letter-spacing:5px;

text-transform:uppercase;

color:#ff91b9;

}



.events-content h2{


font-family:Georgia,serif;

font-size:52px;

font-weight:500;

line-height:1.15;

color:#d45c94;

margin:25px 0;


}



.events-content p{


font-size:19px;

line-height:1.9;

color:#666;

max-width:480px;


}



.events-content a{


display:inline-block;


margin-top:35px;


padding:16px 40px;


background:

linear-gradient(
135deg,
#ff9fc8,
#ffc5df
);


color:white!important;


border-radius:50px;


text-decoration:none!important;


box-shadow:

0 15px 35px rgba(255,120,170,.25);


}





.events-image img{


width:100%;


height:650px;


object-fit:cover;


border-radius:45px;


box-shadow:

0 30px 70px rgba(255,130,180,.25);


}






/* CAROUSEL */


.events-slider{


margin-top:100px;

overflow:hidden;

padding:30px 0;


}



.events-track{


display:flex;

gap:30px;

width:max-content;




animation: eventsMove 20s linear infinite;


}



.events-slider:hover .events-track{


animation-play-state:paused;


}



.event-card{


width:330px;

height:430px;


background:white;


padding:12px;


border-radius:45px;


box-shadow:

0 25px 60px rgba(255,140,190,.22);


transition:.5s;


}



.event-card:hover{


transform:

translateY(-15px)
scale(1.03);


}



.event-card img{


width:100%;


height:100%;


object-fit:cover;


border-radius:35px;


}





@keyframes eventsMove{


from{

transform:translateX(0);

}


to{

transform:translateX(-50%);

}


}





@media(max-width:768px){


.events-main{

grid-template-columns:1fr;

padding:20px;

}


.events-content h2{

font-size:35px;

}


.events-image img{

height:450px;

}


.event-card{

width:240px;

height:320px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-360be38 *//* =====================================
   BAPTISM PRICE SECTION
===================================== */


.baptism-price-section{

padding:100px 40px;


background:

linear-gradient(
135deg,
#fff5fa,
#ffe6f1
);


border-radius:60px;


text-align:center;


}



/* HEADER */

.price-header{

max-width:750px;

margin:auto;

}



.price-header span{

font-size:13px;

letter-spacing:5px;

text-transform:uppercase;

color:#ff8db8;

}



.price-header h2{

font-family:Georgia,serif;

font-size:52px;

font-weight:500;

line-height:1.2;

color:#d45c94;

margin:25px 0;


}



.price-header p{

font-size:18px;

line-height:1.8;

color:#777;

max-width:550px;

margin:0 auto;

}



/* BUTTON */


.price-button{


display:inline-block;


margin-top:40px;


padding:18px 45px;


background:


linear-gradient(
135deg,
#ff9fc8,
#ffc5df
);



color:white!important;


font-size:17px;


font-family:Georgia,serif;


border-radius:50px;


text-decoration:none!important;


box-shadow:


0 15px 35px rgba(255,120,170,.25);



transition:.3s ease;


}



.price-button:hover{


transform:translateY(-5px);


background:#d45c94;


}





/* MOBILE */


@media(max-width:768px){


.baptism-price-section{


padding:70px 20px;


}



.price-header h2{


font-size:36px;


}



.price-header p{


font-size:16px;


}



.price-button{


padding:16px 35px;


font-size:15px;


}


}

.price-popup{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.65);

display:flex;

justify-content:center;
align-items:center;

opacity:0;
visibility:hidden;

transition:.35s;

z-index:999999;

backdrop-filter:blur(6px);

}

.price-popup.active{

opacity:1;
visibility:visible;

}

.price-popup-box{

width:90%;
max-width:1100px;

height:90vh;

background:white;

border-radius:35px;

overflow:hidden;

position:relative;

box-shadow:
0 40px 90px rgba(0,0,0,.35);

animation:popupShow .35s ease;

}

.price-popup iframe{

width:100%;
height:100%;

border:none;

}

.price-close{

position:absolute;

top:18px;
right:18px;

width:50px;
height:50px;

border:none;

border-radius:50%;

background:#ff9fc8;

color:white;

font-size:34px;

cursor:pointer;

z-index:50;

transition:.3s;

}

.price-close:hover{

background:#d45c94;

transform:rotate(90deg);

}

@keyframes popupShow{

from{

transform:translateY(40px) scale(.95);

opacity:0;

}

to{

transform:translateY(0) scale(1);

opacity:1;

}

}

@media(max-width:768px){

.price-popup-box{

width:96%;
height:85vh;

border-radius:20px;

}

.price-close{

width:42px;
height:42px;

font-size:28px;

}

}/* End custom CSS */