.elementor-7045 .elementor-element.elementor-element-831515c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:-118px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-7045 .elementor-element.elementor-element-831515c:not(.elementor-motion-effects-element-type-background), .elementor-7045 .elementor-element.elementor-element-831515c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://stjohnschurch.in/wp-content/uploads/2025/09/12-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7045 .elementor-element.elementor-element-831515c::before, .elementor-7045 .elementor-element.elementor-element-831515c > .elementor-background-video-container::before, .elementor-7045 .elementor-element.elementor-element-831515c > .e-con-inner > .elementor-background-video-container::before, .elementor-7045 .elementor-element.elementor-element-831515c > .elementor-background-slideshow::before, .elementor-7045 .elementor-element.elementor-element-831515c > .e-con-inner > .elementor-background-slideshow::before, .elementor-7045 .elementor-element.elementor-element-831515c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-7045 .elementor-element.elementor-element-53d23f6{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7045 .elementor-element.elementor-element-7850899{text-align:center;color:#FE6035;}.elementor-7045 .elementor-element.elementor-element-bda791d > .elementor-widget-container{background-color:var( --e-global-color-white );padding:10px 20px 10px 20px;border-radius:0px 0px 20px 0px;}.elementor-7045 .elementor-element.elementor-element-bda791d.elementor-element{--align-self:center;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li:not(.brd_sep){color:var( --e-global-color-accent );padding:0px 8px 0px 0px;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li > a{color:var( --e-global-color-primary );}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li > span.ekit_home_icon{color:var( --e-global-color-primary );}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li > span.ekit_home_icon svg{fill:var( --e-global-color-primary );}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );justify-content:center;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li:is(.brd_sep){padding:2px 8px 0px 0px;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb > li:is(.brd_sep) .separate_icon {font-size:16px;}.elementor-7045 .elementor-element.elementor-element-2cce6d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-7045 .elementor-element.elementor-element-3bfc41d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:50px;overflow:visible;}.elementor-7045 .elementor-element.elementor-element-3bfc41d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7045 .elementor-element.elementor-element-e568adc{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-7045 .elementor-element.elementor-element-e568adc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7045 .elementor-element.elementor-element-cfb72df{--e-image-carousel-slides-to-show:1;}.elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-swiper-button.elementor-swiper-button-prev, .elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-swiper-button.elementor-swiper-button-next{font-size:18px;color:var( --e-global-color-white );}.elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-white );}.elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 100px 0px;}.elementor-7045 .elementor-element.elementor-element-044d882{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-darkdivider );--border-color:var( --e-global-color-darkdivider );--margin-top:0px;--margin-bottom:20px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-7045 .elementor-element.elementor-element-20eff1e{text-align:justify;}@media(max-width:1024px){.elementor-7045 .elementor-element.elementor-element-831515c{--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7045 .elementor-element.elementor-element-bda791d > .elementor-widget-container{padding:8px 15px 8px 15px;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7045 .elementor-element.elementor-element-2cce6d1{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-7045 .elementor-element.elementor-element-3bfc41d{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-7045 .elementor-element.elementor-element-e568adc{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-7045 .elementor-element.elementor-element-044d882{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-7045 .elementor-element.elementor-element-831515c{--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:117px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7045 .elementor-element.elementor-element-bda791d > .elementor-widget-container{padding:6px 10px 6px 10px;}.elementor-7045 .elementor-element.elementor-element-bda791d .ekit-breadcrumb{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-7045 .elementor-element.elementor-element-cfb72df .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 50px 0px;}}@media(min-width:768px){.elementor-7045 .elementor-element.elementor-element-3bfc41d{--width:95.474%;}.elementor-7045 .elementor-element.elementor-element-e568adc{--width:63.642%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7045 .elementor-element.elementor-element-3bfc41d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2cce6d1 *//* General Page Background */
body {
    background-color: #f4f4f4; /* Soft light background */
    font-family: 'Arial', sans-serif; /* Clean, modern font for readability */
    color: #333333; /* Dark gray text for readability */
}

/* Container for Text */
.page-content {
    max-width: 1200px;
    margin: 50px auto;
    padding: 30px;
    background-color: #ffffff; /* White background for text block */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    animation: fadeIn 1s ease-out; /* Fade-in animation */
}

/* Heading Styling */
.page-content h1, .page-content h2, .page-content h3 {
    color: #FE6035; /* Brand color for headings */
    font-size: 36px; /* Large font size for headings */
    text-align: center;
    margin-bottom: 20px;
    animation: slideUp 1s ease-out; /* Slide-up effect */
}

/* Section Styling */
.page-content p {
    font-size: 18px; /* Larger font size for better readability */
    line-height: 1.8; /* Increased line height for text spacing */
    color: #555555; /* Lighter gray for text */
    margin-bottom: 20px; /* Space between paragraphs */
    animation: fadeIn 2s ease-out; /* Fade-in animation */
}

/* Custom Animation for Headings */
@keyframes slideUp {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Custom Fade-in Animation */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Button Styling */
.page-content .btn {
    display: inline-block;
    background-color: #FE6035; /* Brand color */
    color: #fff;
    padding: 12px 30px;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease;
    animation: bounceIn 1s ease-out; /* Bounce-in animation for buttons */
}

.page-content .btn:hover {
    background-color: #D04E2F; /* Darker shade of brand color */
}

/* Button Hover Effect */
.page-content .btn:hover {
    background-color: #D04E2F;
    cursor: pointer;
}

/* Footer Styling */
.page-content footer {
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    color: #777777; /* Light gray text */
}

/* Custom Bounce-in Animation */
@keyframes bounceIn {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .page-content {
        padding: 15px;
    }
    .page-content h1 {
        font-size: 28px; /* Adjust heading size for mobile */
    }
    .page-content p {
        font-size: 16px; /* Adjust text size for mobile */
    }
    .page-content .btn {
        font-size: 16px; /* Adjust button size for mobile */
        padding: 10px 25px;
    }
}
/* General Page Background */
body {
    background-color: #f4f4f4; /* Soft light background */
    font-family: 'Arial', sans-serif; /* Clean, modern font for readability */
    color: #333333; /* Dark gray text for readability */
}

/* Container for Text */
.page-content {
    max-width: 1200px;
    margin: 50px auto;
    padding: 30px;
    background-color: #ffffff; /* White background for text block */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    animation: fadeIn 1s ease-out, zoomIn 1s ease-out; /* Zoom in + fade-in effect */
}

/* Heading Styling */
.page-content h1, .page-content h2, .page-content h3 {
    color: #FE6035; /* Brand color for headings */
    font-size: 36px; /* Large font size for headings */
    text-align: center;
    margin-bottom: 20px;
    animation: slideUp 1s ease-out, bounceInUp 1s ease-out; /* Slide-up + bounce-in effect */
}

/* Section Styling */
.page-content p {
    font-size: 18px; /* Larger font size for better readability */
    line-height: 1.8; /* Increased line height for text spacing */
    color: #555555; /* Lighter gray for text */
    margin-bottom: 20px; /* Space between paragraphs */
    animation: fadeIn 2s ease-out, slideInLeft 1s ease-out; /* Fade-in + slide-in effect */
}

/* Custom Animation for Headings */
@keyframes slideUp {
    0% { transform: translateY(20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Custom Fade-in Animation */
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Custom Bounce-in Animation */
@keyframes bounceInUp {
    0% { transform: translateY(30px); opacity: 0; }
    60% { transform: translateY(-10px); opacity: 1; }
    100% { transform: translateY(0); }
}

/* Custom Slide-in from Left */
@keyframes slideInLeft {
    0% { transform: translateX(-100%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

/* Zoom-in Effect */
@keyframes zoomIn {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

/* Custom Rotate-in Effect */
@keyframes rotateIn {
    0% { transform: rotate(-200deg); opacity: 0; }
    100% { transform: rotate(0deg); opacity: 1; }
}

/* Button Styling */
.page-content .btn {
    display: inline-block;
    background-color: #FE6035; /* Brand color */
    color: #fff;
    padding: 12px 30px;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
    animation: bounceIn 1s ease-out; /* Bounce-in animation for buttons */
}

.page-content .btn:hover {
    background-color: #D04E2F; /* Darker shade of brand color */
    cursor: pointer;
    transform: scale(1.05); /* Slight scale-up effect on hover */
}

/* Footer Styling */
.page-content footer {
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    color: #777777; /* Light gray text */
    animation: rotateIn 2s ease-out; /* Rotate-in effect for footer */
}

/* Custom Bounce-in Animation for Buttons */
@keyframes bounceIn {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

/* Hover effects for paragraph links */
.page-content p a {
    color: #FE6035;
    transition: color 0.3s ease;
}

.page-content p a:hover {
    color: #D04E2F; /* Darker shade on hover */
    text-decoration: underline;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .page-content {
        padding: 15px;
    }
    .page-content h1 {
        font-size: 28px; /* Adjust heading size for mobile */
    }
    .page-content p {
        font-size: 16px; /* Adjust text size for mobile */
    }
    .page-content .btn {
        font-size: 16px; /* Adjust button size for mobile */
        padding: 10px 25px;
    }
}/* End custom CSS */