/*------------------------------------------------------------------
    Version: 1.0
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,900');

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(css/animate.css);
@import url(css/flaticon.css);
@import url(css/icomoon.css);
@import url(css/prettyPhoto.css);
@import url(css/owl.carousel.css);
@import url(css/font-awesome.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/

.dmtop {
    background-color: #3C3D41;
    z-index: 100;
    width: 50px;
    height: 50px;
    line-height: 47px;
    position: fixed;
    bottom: -100px;
    border-radius: 3px;
    right: 20px;
    text-align: center;
    font-size: 28px;
    color: #ffffff !important;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.dmtop:hover {
	background-color: #fd6802;
}


/* =========================
   GENERAL STYLING
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}

body{
    overflow-x:hidden;
}


/* =========================
   NAVBAR
========================= */
.navbar{
    width:100%;
    height:95px;
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 70px;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
}

/* LOGO */
.logo-section{
    display:flex;
    align-items:center;
    gap:15px;
}

.logo-section img{
    width:150px;
}


/* NAV LINKS */
.nav-links{
    position: relative;
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    top: 8px;
}

.nav-links li{
    position:relative;
}

.nav-links a,
.drop-btn{
    text-decoration:none;
    color:#111;
    font-size:15px;
    font-weight:700;
    background:none;
    border:none;
    cursor:pointer;
}

/* ACTIVE HOME */
.active{
    position:relative;
}

.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:100%;
    height:3px;
    background: #d79a22;
}

/* OFFER BUTTON */
.offer-btn{
    background:#082567;
    color:#fff;
    padding:18px 35px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
}

/* =========================
   DROPDOWN
========================= */
.dropdown-menu{
    position:absolute;
    top:30px;
    left:0;
    width:185px;
    background:#eeeded;
    padding:10px 0;
    display:none;
    border-radius: 0px;
    border-top: #082567 5px solid;
    /* box-shadow:0 10px 30px rgba(0,0,0,0.15); */
}

.dropdown-menu li{
    width:100%;
}

.dropdown-menu li a{
    display:block;
    padding:5px 20px;
    font-size:17px;
    transition:0.3s;
}

.dropdown-menu li a:hover{
    background:#443f74;
    color: #ffffff;
}

/* SHOW DROPDOWN */
.dropdown.active-dropdown .dropdown-menu{
    display:block;
}

.arrow{
    font-size:12px;
    margin-left:5px;
}

/* =========================
   HERO SECTION
========================= */
.hero{
    width:100%;
    height:83vh;
    background-image:url(/images/ChatGPT\ Image\ Jun\ 1\,\ 2026\,\ 08_38_40\ PM.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:0 20px;
    border-top: #fd6802 2px solid;
    top: 100px;
}

/* DARK OVERLAY */
.overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.904);
    top:0;
    left:0;
}

/* HERO CONTENT */
.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    width: 100%;
}

/* WELCOME TEXT */
.welcome-text{
    color: #d79a22;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:25px;
}

/* MAIN TITLE */
.hero-content h1{
    font-size:65px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:25px;
}

/* DESCRIPTION */
.hero-description{
    font-size:20px;
    line-height:1.4;
    color:#ddd;
    margin-bottom:45px;
}

/* BUTTONS */
.hero-buttons{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.btn{
    padding:12px 20px;
    border-radius:10px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    transition:0.3s;
}

.blue-btn{
    background:#4d8df5;
    color:#fff;
}

.white-btn{
    background:#fff;
    color:#111;
}

.green-btn{
    background:#d79a22;
    color:#111;
}

/* =========================
   MOBILE MENU
========================= */
.menu-toggle{
    display:none;
    font-size:32px;
    cursor:pointer;
}


/* CSS */



/*------ SECTION -------*/
.about-section{
    position: relative;
    margin-top: 100px;
    width:100%;
    padding:30px 7px;
    background:#f5f5f5;
}

/* CONTAINER */
.about-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 60px;
}

/* LEFT SIDE */
.about-image{
    position:relative;
    flex:1;
}

.about-image img{
    width:100%;
    height: 430px;
    border-radius: 10px;
    display:block;
    object-fit:cover;
}

/* YEARS BOX */
.years-box{
    position:absolute;
    bottom:-25px;
    right:-30px;
    background:#d79a22;
    padding: 3px 12px;
    border-radius:18px;
    width:150px;
    height: 90px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.years-box h2{
    font-size:20px;
    color:#111;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0px;
}

.years-box p{
    font-size: 15px;
    color:#111;
    font-weight:500;
    line-height:1.3;
}

/* RIGHT SIDE */
.about-content{
    flex:1;
}

/* SMALL TAG */
.about-tag{
    color:#d79a22;
    font-size:15px;
    font-weight:700;
    letter-spacing:3px;
    display:inline-block;
    margin-bottom: 0px;
}

/* TITLE */
.about-content h1{
    font-size: 45px;
    line-height:1.05;
    color:#0f172a;
    font-weight:700;
    margin-bottom: -1px;
    font-family: "Playfair Display", serif;
}

/* TEXT */
.about-text{
    color:#6b7280;
    font-size:14px;
    line-height:1.5;
    margin-bottom: 5px;
}

/* FEATURE BOX */
.feature-box{
    display:flex;
    gap: 20px;
    margin-bottom: -7px;
}

/* ICON BOX */
.icon-box{
    min-width:45px;
    height:45px;
    background:#bec1c5;
    border-radius: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    color:#183b75;
    font-size:20px;
}

/* FEATURE TITLE */
.feature-box h3{
    font-size: 25px;
    color:#111827;
    margin-bottom: 0px;
    font-family: "Playfair Display", serif;
}

/* FEATURE TEXT */
.feature-box p{
    color:#6b7280;
    font-size: 14px;
    line-height:1.4;
}
.feature-box .in-between{
    position: relative;
    bottom: 20px;
}


/* ================= FOUNDATION SECTION 220 START ================= */

.foundation220{
    position:relative;
    padding: 70px 0;
    background: #082567;
    overflow:hidden;
}

.foundation220::before{
    content:"";
    position: absolute;
    width: 900px;
    height: 900px;
    border-radius: 50%;
    background: rgba(255,255,255,.03);
    top: -300px;
    right: -250px;
}

.foundation220::after{
    content:"";
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background:rgba(255,255,255,.02);
    bottom: -350px;
    left: -250px;
}

.foundation-container220{
    width: 92%;
    max-width: 1700px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.foundation-subtitle220{
    display:block;
    text-align:center;
    color:#D4A017;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 0px;
}

.foundation-title220{
    text-align:center;
    color:#fff;
    font-size: 52px;
    line-height:1.2;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: Playfair Display,Georgia, serif;
}

.foundation-grid220{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap: 40px;
}

.foundation-card220{
    background:rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 28px;
    padding: 25px;
    backdrop-filter: blur(10px);
    min-height: 150px;
}

.foundation-icon220{
    width: 64px;
    height: 64px;
    background:rgba(255,170,0,.15);
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom: 15px;
}

.foundation-card220 h3{
    color:#fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: Georgia, serif;
}

.foundation-card220 p{
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.2;
}

/* ================= MOBILE ================= */

@media(max-width:991px){

    .foundation220{
        padding:80px 0;
    }

    .foundation-grid220{
        grid-template-columns:1fr;
    }

    .foundation-title220{
        font-size:42px;
        margin-bottom:50px;
    }

    .foundation-card220{
        min-height:auto;
        padding:30px;
    }

    .foundation-card220 h3{
        font-size:30px;
    }

    .foundation-card220 p{
        font-size:18px;
    }

}

/* ================= FOUNDATION SECTION 220 END ================= */

/* ================= MINISTRIES SECTION 220 START ================= */

.ministries220{
    background: #f7f8fa;
    padding: 60px 0;
    font-family:'Inter', sans-serif;
}

.ministries-container220{
    width: 92%;
    max-width: 1700px;
    margin: auto;
}

.ministries-tag220{
    display: block;
    text-align: center;
    color: #d4a017;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 10px;
}

.ministries-title220{
    text-align: center;
    font-size: 72px;
    color: #0f172a;
    margin-bottom: 5px;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
}

.ministries-desc220{
    max-width: 900px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 18px;
    line-height: 1.1;
    color: #6b7280;
}

.ministries-grid220{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
}

.ministry-card220{
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.ministry-image220{
    position: relative;
    height: 270px;
}

.ministry-image220 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ministry-overlay220{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding: 30px 25px;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );
}

.ministry-overlay220 h3{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin:0;
    font-family:Georgia, serif;
}

.ministry-content220{
    padding: 20px;
}

.ministry-content220 p{
    color:#6b7280;
    font-size: 18px;
    line-height: 1.1;
    margin:0;
}

/* ================= MOBILE ================= */

@media(max-width:1200px){

    .ministries-grid220{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .ministries-grid220{
        grid-template-columns:1fr;
    }

    .ministries-title220{
        font-size:42px;
    }

    .ministries-desc220{
        font-size:18px;
    }

    .ministry-content220 p{
        font-size:17px;
    }

}

/* ================= MINISTRIES SECTION 220 END ================= */
/* =========================
   COMMUNITY SECTION
========================= */

.community-section{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* BOXES */

.community-box{
    padding: 50px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* LEFT */

.community-left{
    background: #031f69;
    color: #fff;
}

/* RIGHT */

.community-right{
    background: #e8e8d8;
    color: #08112f;
}

/* ICONS */

.community-icon{
    font-size: 35px;
    margin-bottom: 5px;
}

.community-left .community-icon{
    color: #d4a017;
}

.community-right .community-icon{
    color: #d4a017;
}

/* TITLE */

.community-box h2{
    font-size: 45px;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 10px;
    max-width: 600px;
}

/* TEXT */

.community-box p{
    font-size: 18px;
    line-height: 1.2;
    max-width: 700px;
    margin-bottom: 45px;
}

/* BUTTON */

.community-btn{
    display: inline-block;
    width: fit-content;
    padding: 15px 30px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    border-radius: 8px;
    transition: 0.3s;
}

/* GREEN BUTTON */

.green-btn{
    background: #d4a017;
    color:#111;
}

.green-btn:hover{
    transform:translateY(-5px);
}

/* BLUE BUTTON */

.blue-btn{
    background:#031f69;
    color:#fff;
}

.blue-btn:hover{
    transform:translateY(-5px);
}

/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .community-section{
        grid-template-columns:1fr;
    }

    .community-box{
        padding:50px 30px;
        min-height:auto;
    }

    .community-box h2{
        font-size:48px;
    }

    .community-box p{
        font-size:18px;
        line-height:1.8;
    }

    .community-btn{
        font-size:18px;
        padding:16px 35px;
    }

}
/* ================= COMMUNITY SECTION END ================= */
/* =========================
   SERVICE TIMES
========================= */

.service-times{
    width:100%;
    padding:70px 5%;
    background:#f3f4f6;
}

/* TITLE */

.service-times-title{
    text-align:center;
    max-width:650px;
    margin:0 auto 45px;
}

.service-times-title span{
    display:block;
    color:#d9a43c;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:10px;
}

.service-times-title h2{
    font-size:58px;
    line-height:1.1;
    color:#111827;
    margin-bottom:12px;
    font-family:Georgia, serif;
}

.service-times-title p{
    font-size:18px;
    color:#6b7280;
    line-height:1.6;
}

/* CARDS */

.service-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    max-width:1150px;
    margin:auto;
}

/* CARD */

.service-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
}

/* TOP */

.service-card-top{
    background:#1f3b82;
    color:#fff;
    display:flex;
    align-items:center;
    gap:20px;
    padding:25px 30px;
}

.country-code{
    font-size:32px;
    font-weight:500;
}

.service-card-top h3{
    font-size:22px;
    margin-bottom:3px;
}

.service-card-top p{
    font-size:15px;
    opacity:.85;
}

/* ITEMS */

.service-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:20px 30px;
    border-bottom:1px solid #e5e7eb;
}

.service-item:last-child{
    border-bottom:none;
}

.service-item i{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#faf3e6;
    color:#d9a43c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.service-item h4{
    font-size:17px;
    color:#111827;
    margin-bottom:4px;
}

.service-item span{
    color:#6b7280;
    font-size:15px;
}

/* MOBILE */

@media(max-width:768px){

    .service-cards{
        grid-template-columns:1fr;
    }

    .service-times-title h2{
        font-size:38px;
    }

    .service-item{
        padding:18px 20px;
    }

    .service-card-top{
        padding:20px;
    }

}
/* ================= SERVICE TIMES SECTION END ================= */

/* =========================
   CONTACT SECTION 200
========================= */

.contact-section200{
    width:100%;
    padding: 50px 6%;
    background:#f7f7f7;
}

.contact-section200 h1{
    text-align: center;
    font-weight: 700;
    color: #d79a22;
}

.contact-section200 p{
    text-align: center;
}

.contact-wrapper200{
    display:flex;
    justify-content:space-between;
    gap:35px;
    align-items:flex-start;
}

.contact-box200{
    width:50%;
}

.contact-title200{
    margin-bottom:25px;
}

.contact-title200 h2{
    font-size: 42px;
    font-weight:700;
    color: #082567;
    line-height:1;
}

.contact-title200 span{
    display:block;
    width:85px;
    height:10px;
    background: #082567;
    margin-top:12px;
}

/* FORM */

.contact-box200 form{
    display:flex;
    flex-direction:column;
}

.contact-box200 input,
.contact-box200 select,
.contact-box200 textarea{

    width:100%;
    border:1px solid #d7d7d7;
    outline:none;
    font-size:17px;
    color:#333;
    background:#fff;
    margin-bottom:22px;
    transition:.3s;
}

.contact-box200 input,
.contact-box200 select{
    height:68px;
    padding:0 18px;
}

.contact-box200 textarea{
    height:170px;
    resize:none;
    padding:18px;
}

/* SELECT */

.contact-box200 select{
    cursor:pointer;
}

/* FOCUS */

.contact-box200 input:focus,
.contact-box200 select:focus,
.contact-box200 textarea:focus{

    border-color:#000;
}

/* BUTTON */

.contact-box200 button{

    width:260px;
    height:62px;
    border:none;
    background: #082567;
    color:#fff;
    font-size:15px;
    letter-spacing:2px;
    cursor:pointer;
    transition:.35s;
}

.contact-box200 button:hover{

    background:#d4a017;
}

/* MOBILE */

@media(max-width:991px){

    .contact-wrapper200{
        flex-direction:column;
    }

    .contact-box200{
        width:100%;
    }

    .contact-title200 h2{
        font-size:40px;
    }

    .contact-box200 button{
        width:100%;
    }

}

/* =========================
   PAGE BANNER- about page
========================= */

.page-banner{
    width: 100%;
    height: 35vh;
    position: relative;
    background: url("/images/ChatGPT\ Image\ Jun\ 1\,\ 2026\,\ 08_38_40\ PM.png") center/cover no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
    top: 0px;
}

/* DARK OVERLAY */

.banner-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.897);
}

/* CONTENT */

.banner-content{
    width:100%;
    position:relative;
    z-index:2;
    padding:0 6%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top: 80px;
}

/* TITLE */

.banner-content h1{
    color:#fff;
    font-size:55px;
    font-weight:500;
}

/* BREADCRUMB */

.banner-path{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}

.banner-path a{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    transition:0.4s ease;
}

.banner-path a:hover{
    color: #f4a000;
}

.banner-path span{
    font-size:14px;
    color:#fff;
}

.banner-path p{
    font-size:20px;
    margin:0;
}

/* =========================
   MEDIA QUERY about-page
========================= */

@media(max-width:768px){

    .page-banner{
        height: 300px;
    }

    .banner-content{
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
        gap:10px;
    }

    .banner-content h1{
        font-size:38px;
    }

    .banner-path p{
        font-size:16px;
    }

}
/* =========================
   MEDIA QUERY about-page end
========================= */

.accommodation {
	padding: 80px 0;
  }
  
  .container3 {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
  }
  
  /* LEFT SIDE */
  
  .left-content3 {
	width: 50%;
  }
  
  .left-content3 h2 {
	font-size: 47px;
	font-weight: 300;
	margin-bottom: 20px;
	color: #b7410e;
  }
  
  .left-content3 h2 span {
	font-weight: 700;
	color: #131e3a;
  }
  
  .left-content3 p {
	line-height: 1.8;
	color: #555;
	margin-bottom: 30px;
	max-width: 500px;
  }
  
  .btn-dark {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 14px 40px;
	border-radius: 12px;
	text-decoration: none;
	transition: 0.3s ease;
  }
  
  .btn-dark:hover {
	background: #333;
  }
  
  /* RIGHT SIDE */
  
  .right-images {
	width: 50%;
  }
  
  .top-img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	margin-bottom: 25px;
  }
  
  .bottom-imgs {
	display: flex;
	gap: 25px;
  }
  
  .bottom-imgs img {
	width: 50%;
	height: 220px;
	object-fit: cover;
  }

  /* Popup Styles */
.profile-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 1000;
  }
  
  .popup-content {
	background-color: #333;
	padding: 30px;
	border-radius: 8px;
	width: 60%;
	max-width: 600px;
	max-height: 80vh; /* Ensures the popup doesn't exceed 80% of the viewport height */
	overflow-y: auto; /* Enables vertical scrolling if content exceeds max-height */
	text-align: left;
	position: relative;
  }

  .popup-content h2{
    color: #ffffff;
  }
  
  .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	font-weight: 900;
	cursor: pointer;
	color: #d4a017;
  }
  .container1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #333;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .section1 {
	margin-bottom: 20px;
  }
  
  .section1 h3 {
	background-color: #d4a017;
	padding: 14px 15px;
	color: #ffffff;
	height: 50px;
	font-size: 20px;
  }

  .popup-content .h2{
	color: #ffffff;
	position: relative;
	left: 22px;
  }
  
  .section1 p {
	text-align: justify;
	line-height: 1.6;
	margin: 10px 0;
	color: #ffffff;
	padding: 10px;
	border: 2px solid #ffffff;
	border-radius: 4px;
	background-color: #333;
  }
  .popup-content .section1  div{
	list-style: none;
	text-decoration: none;
	color: #ffffff;
	border: 2px solid #ffffff;
	background-color: #333;
	padding: 10px;
	margin: 10px 0;
	text-align: justify;
	line-height: 1.6;
	border-radius: 4px;
  }

  .custom-btn {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	border: 2px solid #808000;
	/* border-radius: 40px; */
	overflow: hidden;
	font-family: Arial, sans-serif;
	transition: 0.3s ease;
  }
  
  /* Transparent text side */
  .btn-text {
	padding: 5px 12px;
	color: #000000;
	background: transparent;
	text-transform: lowercase;
	font-weight: 500;
	transition: 0.3s ease;
  }
  
  /* Yellow arrow side */
  .btn-arrow {
	padding: 5px 19px;
	background: #808000;
	color: #000;
	font-size: 25 px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease;
  }
  
  /* Hover effect */
  .custom-btn:hover {
	background: transparent;
  }
  
  .custom-btn:hover .btn-text {
	color: #000;
	background: transparent;
  }
  /* HOVER EFFECT */
  .custom-btn:hover .btn-arrow {
	color: #ffffff; /* arrow turns yellow */
  }

  
/*--------------------------------------------- start of about body -----------------------------*/
.about-section1 {
	background: #131e3a;
	padding: 30px 0;
  }
  
  .about-container1 {
	width: 90%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
  }
  
  /* IMAGE SIDE */
  .about-images1 {
	position: relative;
	width: 50%;
	min-height: 450px;
  }
  
  .circle1 {
	border-radius: 50%;
	overflow: hidden;
	border: 18px solid #d4a017;
	position: absolute;
  }
  
  .circle1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  /* Large Circle */
  .circle1.large {
	width: 420px;
	height: 420px;
	right: 0;
	top: 0;
	z-index: 2;
  }
  
  /* Small Circle */
  .circle1.small {
	width: 260px;
	height: 260px;
	left: -25px;
	bottom: 0;
	z-index: 1;
  }
  
  /* CONTENT SIDE */
  .about-content1 {
	width: 50%;
  }
  
  .about-content1 h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
    color: #ffffff;
  }
  
  .line {
	display: block;
	width: 60px;
	height: 4px;
	background: #d4a017;
	margin-bottom: 25px;
  }
  
  .about-content1 p {
	color: #ffffff;
	line-height: 1.8;
	margin-bottom: 30px;
  }

  /* ================= HISTORY SECTION START ================= */

.history-section {
	background: #f0f0f0;
	padding: 30px 0;
  }
  
  .history-container {
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
  }
  
  /* LEFT CONTENT */
  .history-content {
	width: 60%;
  }
  
  .history-title {
	display: flex;
	align-items: center;
	background: #d4a017;
	padding: 15px 20px;
	margin-bottom: 25px;
	position: relative;
  }
  
  .title-bar {
	width: 6px;
	height: 35px;
	background: #131e3a;
	margin-right: 15px;
  }
  
  .history-title h2 {
	font-size: 26px;
	margin: 0;
	font-weight: 700;
	color: #131e3a;
  }
  
  .history-content p {
	margin-bottom: 18px;
	line-height: 1.5;
	color: #000;
  }
  
  /* RIGHT IMAGE */
  .history-image {
	width: 40%;
  }
  
  .history-image img {
	width: 100%;
	height: auto;
	display: block;
  }
  
  /* ================= HISTORY SECTION END ================= */


  /*-------------  Church  brief HISTORY SECTION----------------- */
  
  .hero-section12 {
	padding: 80px 0;
	position: relative;
	overflow: hidden;
  }
  
  .container12 {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
  }
  
  .hero-content12 {
	width: 50%;
	position: relative;
  }
  
  .bg-number12 {
	position: absolute;
	font-size: 200px;
	font-weight: bold;
	color: rgba(0,0,0,0.05);
	top: -60px;
	left: -20px;
	z-index: 0;
  }
  
  .hero-content12 h1 {
	font-size: 42px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
    color: #131e3a;
  }
  
  .underline12 {
	position: relative;
	width: 70px;
	height: 6px;
	background: #d4a017;
	margin-bottom: 20px;
  }
  
  .hero-content12 p {
	color: #555;
	line-height: 1.7;
	margin-bottom: 30px;
	max-width: 500px;
  }

  
  
  .hero-image12 {
	width: 50%;
	position: relative;
	display: flex;
	justify-content: center;
  }
  
  .circle12 {
	width: 380px;
	height: 380px;
	overflow: hidden;
	position: relative;
	z-index: 2;
  }
  .ring12 {
	position: absolute;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	border: 25px solid #131e3a;
	top: -20px;
	/* left: 55px; */
	z-index: 2;
  }
  
  .circle12 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
  }
  
  /* Decorative shapes */
  
  .shape12 {
	position: absolute;
	border-radius: 30px;
  }
  
  .shape-orange-top12 {
	width: 120px;
	height: 35px;
	border: 4px solid #ff6b2c;
	background: transparent;
	top: 80px;
	right: 40px;
  }
  
  .shape-orange-bottom12 {
	width: 130px;
	height: 30px;
	background: #ff6b2c;
	bottom: 60px;
	right: 40px;
  }
  
  .shape-black12 {
	width: 120px;
	height: 40px;
	border: 4px solid #222;
	bottom: 20px;
	left: 60px;
	background: transparent;
  }
  
  .shape-blue12 {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: 12px solid #131e3a;
	bottom: 0;
	right: 60px;
  }


  /* ================= CONTACT SECTION 220 START ================= */

.contact-section220{
    position:relative;
    overflow:hidden;
}

/* TOP */

.contact-top220{
    background: #d4a017;
    padding: 70px 0;
}

.contact-container220{
    width: 90%;
    max-width:1400px;
    margin:auto;
}

.contact-info-grid220{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap: 60px;
}

.contact-info-box220{
    display:flex;
    gap:20px;
}

.contact-icon220{
    width:80px;
    height:80px;
    background: #000000;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size: 35px;
    flex-shrink: 0;
}

.contact-info-content220 h3{
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 6px;
}

.contact-info-content220 p{
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.contact-info-content220 a{
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.1;
    text-decoration: none;
}

/* WHITE SECTION */

.contact-content220{
    background:#fff;
    padding: 50px 0 60px;
}

.contact-left220{
    width:45%;
}

.contact-left220 h2{
    font-size:60px;
    margin-bottom:20px;
}

.contact-left220 h2 span{
    color: #d4a017;
}

.contact-left220 p{
    color:#666;
    font-size:20px;
    line-height:1.9;
}

/* FORM */

.contact-form220{

    position:absolute;
    right:7%;
    top:230px;
    width:620px;
    z-index:100;
    padding:50px;
    background:
    linear-gradient(
   rgba(212, 158, 23, 0.863),
   rgba(212, 158, 23, 0.904)
    ),
    url('/images/background7.webp');

    background-size:cover;
    background-position:center;
}

.form-row220{
    display:flex;
    gap:15px;
    margin-bottom:15px;
}

.form-row220 input{
    width:100%;
}

.contact-form220 input,
.contact-form220 textarea{
    border:none;
    width:100%;
    padding:18px;
}

.contact-form220 textarea{
    height:180px;
    margin-bottom:20px;
}

.contact-form220 button{
    border:none;
    background:#111;
    color:#fff;
    padding:18px 40px;
    cursor:pointer;
}

/* MAP */

.contact-map220{
    height:700px;
}

.contact-map220 iframe{
    width:100%;
    height:100%;
    border:none;
}

/* MOBILE */

@media(max-width:991px){

    .contact-info-grid220{
        grid-template-columns:1fr;
    }

    .contact-left220{
        width:100%;
    }

    .contact-form220{

        position:relative;

        width:90%;

        right:auto;

        top:auto;

        margin:40px auto;
    }

    .form-row220{
        flex-direction:column;
    }

    .contact-left220 h2{
        font-size:38px;
    }

}

/* ================= CONTACT SECTION 220 END ================= */



/* =========================================
   FOOTER 41
========================================= */

.footer41{
    background: #1f3b7a;
    padding: 55px 4% 20px;
    color: #fff;
}

/* CONTAINER */

.footer41-container{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1.2fr;
    gap:45px;
    padding-bottom:35px;
    border-bottom:1px solid rgba(255,255,255,0.15);
}

/* LOGO */

.footer41-logo img{
    width: 100px;
    margin-bottom: 15px;
}

/* COLUMN */

.footer41-col h3{
    font-size:28px;
    margin-bottom:18px;
    color:#fff;
    font-family:Georgia, serif;
}

.footer41-col p{
    font-size:15px;
    line-height:1.8;
    color:rgba(255,255,255,0.85);
}

/* LINKS */

.footer41-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer41-col ul li{
    margin-bottom:12px;
    color:rgba(255,255,255,0.85);
    font-size:15px;
}

.footer41-col ul li a{
    color:rgba(255,255,255,0.85);
    text-decoration:none;
    transition:0.3s;
}

.footer41-col ul li a:hover{
    color:#d4a017;
}

/* FORM */

.footer41-form{
    display:flex;
    margin-top:15px;
}

.footer41-form input{
    flex:1;
    height:52px;
    border:none;
    outline:none;
    padding:0 18px;
    border-radius:12px 0 0 12px;
    background:rgba(255,255,255,0.12);
    color:#fff;
    font-size:14px;
}

.footer41-form input::placeholder{
    color:rgba(255,255,255,0.6);
}

.footer41-form button{
    border:none;
    width:90px;
    background:#d4a017;
    color:#111;
    font-weight:700;
    cursor:pointer;
    border-radius:0 12px 12px 0;
    transition:0.3s;
}

.footer41-form button:hover{
    opacity:0.9;
}

/* BOTTOM */

.footer41-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:20px;
}

.footer41-bottom p{
    font-size:14px;
    color:rgba(255,255,255,0.8);
}

/* =========================================
   TABLET
========================================= */

/* =========================================
   media
========================================= */

@media (max-width:991px){

    .footer41{
        padding:45px 5% 20px;
    }

    .footer41-container{
        grid-template-columns:repeat(2,1fr);
        gap:35px;
    }

    .footer41-col h3{
        font-size:24px;
    }

    .footer41-col p,
    .footer41-col ul li{
        font-size:14px;
    }

    .footer41-form{
        flex-direction:column;
        gap:12px;
    }

    .footer41-form input{
        width:100%;
        border-radius:8px;
    }

    .footer41-form button{
        width:100%;
        height:50px;
        border-radius:8px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:768px){

    .footer41{
        padding:40px 20px 20px;
    }

    .footer41-container{
        grid-template-columns:1fr;
        gap:30px;
        text-align:center;
    }

    .footer41-logo{
        display:flex;
        justify-content:center;
    }

    .footer41-logo img{
        width:90px;
        margin-bottom:15px;
    }

    .footer41-col h3{
        font-size:22px;
        margin-bottom:15px;
    }

    .footer41-col p{
        font-size:14px;
        line-height:1.7;
    }

    .footer41-col ul li{
        margin-bottom:10px;
        font-size:14px;
    }

    .footer41-form{
        flex-direction:column;
        gap:10px;
    }

    .footer41-form input{
        width:100%;
        height:48px;
        border-radius:8px;
    }

    .footer41-form button{
        width:100%;
        height:48px;
        border-radius:8px;
    }

    .footer41-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center;
    }

    .footer41-bottom p{
        font-size:13px;
    }

}