/* FONT IMPORT */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

/* Local Font */
@font-face {
    font-family: "orpheuspro";
    src: url("../fonts/orpheuspro-medium.otf");
}

:root {
    --white: #fff;
    --black: #000;
    --primary: #BA7802;
    --secondary: #333333;

    /* Font Variable */
    --font-text: "Poppins", sans-serif;
    --font-heading: "Poppins", sans-serif;
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    position: relative;
    background: #fff;
    overflow-x: hidden;
    height: 100%;
    font-family: var(--font-text);
}

section {
    position: relative;
    padding: 3rem 0;
}

p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    color: #828282;
}

h1,
h2,
h3,
h4 {
    font-family: "orpheuspro";
}

h4 h5,
h6 {
    color: #000;
    font-family: var(--font-heading);
}

.img-auto {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover,
button:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

figure {
    margin: 0;
}


/* Cursor Start */

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}

.cursor-inner {
    margin-left: 2px;
    margin-top: 2px;
    width: 7px;
    height: 7px;
    z-index: 10000001;
    background-color: var(--primary);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
    margin-left: -10px;
    margin-top: -10px;
    width: 30px;
    height: 30px;
    background-color: var(--primary);
    opacity: 0.3;
}


/* Cursor End */


/* PRELOADER */

.preLoader {
    width: 100%;
    height: 100%;
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.preLoader.black {
    background-color: var(--black);
    z-index: 11113;
}

.preLoader.white {
    z-index: 11112;
    background-color: var(--black);
}


/* PRELOADER */


/* GLOBAL CSS */


.themeBtn {
    background: transparent;
    font-size: 0.875rem;
    color: #000;
    border: 1px solid #000000;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 0.9em 1.96em;
    border-radius: 27px;
    line-height: normal;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
}


.themeBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    aspect-ratio: 1;
    background: linear-gradient(180deg, #fff 50%, var(--black) 50%);
    transition: 0.5s ease;
    z-index: -1;
}

.themeBtn:hover {
    color: var(--white);
}

.themeBtn:hover::before {
    top: -100px;
}

.themeBtn.borderBtn {
    background: transparent;
    border: 1px solid #fff;
}

.themeBtn.borderBtn::before {
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--white);
    border-radius: 50%;
}

.themeBtn.borderBtn:hover {
    color: var(--primary);
}

.themeBtn.borderBtn:hover::before {
    top: -80px;
}

/* !GLOBAL CSS */



/* NAV header CSS */

.header {            
    position: fixed;
    top: 7rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: block;
    transition: top 0.3s;
    transition: 0.5s ease;
    z-index: 999;
}

.header.active {
    top: 0;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.header.fixed {
    top: 0;    
    transition: 0.5s ease-in-out;
    padding: 2.25vw 0 0;
    background: var(--white);
}

.header.fixed .navbar {
    width: calc(100% - 2.5vw);
    background: #F6F6F6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(4px);
    border-radius: 12px 12px 0 0;
    padding: 0.75rem 0 !important;
    margin: 0 auto;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.navbar-nav .nav-item .nav-link {
    font-size: 1rem;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 0;
    display: inline-block;
}

.header.fixed .navbar-nav .nav-item .nav-link {
    color: var(--black);
}

.navbar-nav .nav-item .nav-link:hover {
    color: var(--primary);
}

a.nav-link.centerLogo {
    margin: 0 13rem;
}

.header .nav-item .centerLogo:last-child,
.header.fixed .nav-item .centerLogo:first-child {
    display: none;
}
.header.fixed .nav-item .centerLogo:last-child{
    display: block;
}

.top {
    background: #EEEEEE;
    border-radius: 10px;
    margin: 19px 32px;
}

.top p {
    padding: 5px 0;
    text-align: center;
    font-size: 18px;
    color: #000;
}

/* !NAV header CSS */


/* MAIN HERO SLIDER CSS */

.main-slider {
    height: 954px;
    width: 1856px;
    margin: auto;
}

.homeSlider.swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}

.homeSlider.swiper-container .swiper-slide {
    overflow: hidden;
}

.homeSlider .swiper-pagination {
    bottom: 8rem;
    width: fit-content;
    left: 18rem;
}

.homeSlider .swiper-button-prev,
.homeSlider .swiper-button-next {
    width: 4.35rem;
    height: 4.35rem;
    font-size: 1rem;
    color: #fff;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.28);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.homeSlider .swiper-button-next {
    right: 1rem;
}

.homeSlider .swiper-button-prev {
    left: 1rem;
}

.homeSlider .swiper-button-next:hover,
.homeSlider .swiper-button-prev:hover {
    background: var(--white);
    color: var(--black);
}

.homeSlider .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin: 0 0.5rem !important;
    opacity: 1;
    border: 1px solid var(--white);
    background: transparent;
}

.homeSlider .swiper-pagination-bullet-active {
    background: var(--white);
    position: relative;
}

.homeSlider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: end;
    border-radius: 0px;
    /*border-radius: 27px;*/
}

.main-slider h1 {
    margin: 0 0 1rem 0;
    color: var(--white);
    font-size: 4.0625rem;
    line-height: 1;
    font-weight: 400;
    text-transform: capitalize;
}

.main-slider p {
    color: var(--white);
    font-weight: 500;
    line-height: 1.2;
    margin-top: 1rem;
    font-size: 1.5625rem;
}

.slideOne {
    padding-left: 2rem;
    padding-bottom: 4rem;
}

.slideOne .themeBtn {
    border-color: #fff;
    color: #fff;
}

/* !MAIN HERO SLIDER CSS */


.mainHead {
    font-size: 4.375rem;
    font-weight: 400;
    color: #282828;
}

/* fingsec csss start */
.findmore h3 {
    font-size: 2.3125rem;
    color: #282828;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.findmore {
    padding: 5.5rem 0;
}

/* fingsec csss end  */

/* visionsec csss start */
.visioncntnt h2 {
    font-size: 4.0625rem;
    color: #282828;
}

.visioncntnt p {
    font-size: 1.125rem;
    color: #000;
    width: 67%;
}

.visioncntnt h3 {
    font-size: 2.3125rem;
    color: #282828;
    margin-top: 3rem;
}

.visioncntnt {
  background: #F6F6F6;
  padding-left: 2.375rem;
  padding-bottom: 62.5px;
  border-radius: 27px 0 0 27px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.visionSection {
    padding: 3rem 0;
}

.visionSection figure img {
    width: 100%;
}


/* visionsec csss end  */

/* exculivesec csss start */
.exculivecntnt p {
    font-size: 1.125rem;
    color: #000000;
    width: 101%;
}

.exculivecntnt {
    padding-bottom: 4rem;
}

/* exculivesec csss end  */

/*videosection csss start*/
.imgwrap {
    position: relative;
}

.videowrap {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 49px;
}

.imgwrap figure img {
    width: 100%;
}

.videowrap .themeBtn {
    border-color: #fff;
    color: #fff;
}

a.videobtn {
    color: #707070;
    background: #fff;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

/*videosection csss end  */

/*productionsection csss start */
.productwrap figure {
    background: #F6F6F6;
    text-align: center;
    border-radius: 2.125rem;
    padding-top: 75px;
    padding-bottom: 105px;
}

.productwrap figure {
    position: relative;

}

.productwrap figure img {
    transition: 0.5s ease;

    height: 478px;
}

.productwrap figure:hover img {
    transform: scale(1.1);
    opacity: 0.75;

}


ul.star {
    gap: 6px;
    display: flex;
    justify-content: center;
    margin-top: 34px;
    margin-bottom: 10px;
}

.productcntnt p {
    font-size: 0.875rem;
    margin: 0;
    font-family: 'Montserrat';
    color: #000000;
    font-weight: 500;
}

.productwrap {
    text-align: center;
}

.productcntnt h3 {
    font-size: 2.0625rem;
    font-weight: 400;
    color: #191919;
    margin-bottom: 10px;
}

/*productionsection csss end  */

/*servicesection csss start*/
.servwrap {
    position: relative;
}
.servwrap figure {
    position: relative;
}

.servwrap figure img {
    border-radius: 27px;
    width: 100%;
}

.servicecntnt {
    position: absolute;
    bottom: 6.5rem;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servicecntnt .themeBtn {
    border-color: #fff;
    color: #fff;
}

.serviceSlider .swiper-button-next {
    top: 45%;
    right: 10px;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.serviceSlider .swiper-button-prev {
    display: flex;
    left: 10px;
    top: 45%;
    width: 50px;
    height: 50px;
    background: #ffffff80;
    border-radius: 50%;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.serviceSlider .swiper-button-next:hover,
.serviceSlider .swiper-button-prev:hover{
    background: #67645e;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.serviceSlider .swiper-button-next:hover:after,
.serviceSlider .swiper-button-prev:hover:after {
    color: #fff;
}

.serviceSlider .swiper-button-next:after, .serviceSlider .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 700;
    color: #67645e;
}

/*servicesection csss end*/

/* INSTA SECTION */
.insta-section {
    background: #F6F6F6;
}

.insta-section {
    padding: 3rem 0 1.5rem 0;
}

.insta-section .instaSlider figure {
    position: relative;

}

.insta-section .instaSlider figure img {
    transition: 0.5s ease;
    width: 100%;
    border-radius: 10px;
}

.insta-section .instaSlider figure:hover img {
    transform: scale(1.1);
    opacity: 0.75;
    border-radius: 10px;
}

/* !INSTA SECTION */



/* FOOTER */
footer {
    background-color: #000000;
    padding: 4.6rem 4.7rem 0 4.7rem;
}

.footertext {
    font-size: 1.125rem;
    margin-top: 20px;
    line-height: 1.8;
    color: var(--white);

}




footer .quicklist li {
    margin-bottom: 10px;
}

footer .quicklist a {
    font-size: 1.125rem;
    color: var(--white);
    text-transform: uppercase;
}

footer .quicklist a:hover {
    color: var(--primary);
}

footer .newlettertext {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: var(--white);
    line-break: normal;
    margin-top: -0.75rem;
}

footer .newsletter {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #707070;
    overflow: hidden;
    width: 581px;
}

footer .newsletter input {
    background-color: transparent;
    border: 0;
}

footer .newsletter input:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
}

footer .newsletter .btn {
    color: #707070;
    font-size: 2rem;
}

footer .newsletter .btn:hover {
    background-color: transparent;
    color: var(--white);
}

footer .social-link {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
}

footer .social-link a {
    font-size: 1.75rem;
    color: var(--white);
}

footer .social-link a:hover {

    color: var(--primary);
}

.copyRight {
    padding: 1.375rem 0;
    margin-top: 2.75rem;
    border-top: 1px solid #707070;
}

.copyRight p {
    margin: 0;
    color: var(--white);
    font-size: 1.125rem;
}

ul.bottomline {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: end;
}

ul.bottomline li {
    color: #fff;
}

ul.bottomline li:hover {
    color: var(--primary);
}

ul.contactList li span {
    display: flex;
}

ul.contactList li a {
    font-size: 1rem;
    color: #fff;
    font-family: 'orpheuspro';
}

ul.contactList li a:hover {
    color: var(--primary);
}

ul.contactList li a span {
    font-family: 'Poppins';
}

ul.contactList li {
    margin-bottom: 55px;
}

footer h3 {
    font-size: 18px;
    color: #fff;
}

footer .mainHead {
    font-size: 3.125rem;
}

/* !@FOOTER */



/* innerpages Start */

.innerBan .overlay {
    position: absolute;
    bottom: 0;
    display: flex;
}

.innerBan img {
    /*border-radius: 27px;*/
    border-radius: 0px;
}

.innerBan h2 {
    font-size: 65px;
    color: var(--white);
    text-transform: capitalize;
    font-weight: 400;
    margin: 0 0 50px 30px;
}

.innerBan {
    position: relative;
    width: 1856px;
    margin: auto;
}

.productSection.innerproduct .productwrap {
    margin-bottom: 3.2rem;
}

ul.pagination.shoppagination {
    justify-content: center;
    margin-bottom: 4rem;
}


ul.pagination.shoppagination li a.page-link {
    color: #CECECE;
    font-size: 27px;
    font-family: 'Montserrat';
    font-weight: 500;
    margin-right: 20px;
    border-radius: 8px;
    width: 69px;
    height: 69px;
    display: grid;
    place-items: center;
}

.exculivecntnt.spaexculive {
    background: #F6F6F6;
    padding: 3rem 7rem 3rem 5rem;
    border-radius: 27px;
    margin-left: -6rem;
}

.exculivecntnt.spaexculive p {
    width: 93%;
}

.exculivecntnt.spaexculive.spacntntright {
    margin-left: 0;
    margin-right: -6rem;
}

.exculiveSection.innerexculive {
    padding: 5rem 0;
}

.gallerySection figure img {
    width: 100%;
    border-radius: 27px;
}

.gallerySection figure+figure {
    margin-top: 30px;
}

.gallerySection .row {
    gap: 30px 0;
}

.contactInformss h2 {
    font-size: 65px;
    font-weight: 400;
    margin: 0;
}

.contactForm .form-group .form-control {
    border-radius: 10px;
    height: 75px;
    border: 1px solid #fff;
    background: #fff;
    margin-bottom: 31px;
}

.contactForm .form-group textarea {
    min-height: 210px;
}

.sermonsInner.contactInner {
    padding: 5rem 0;
}

.contactbg {
    background: #F6F6F6;
    padding-left: 2.375rem;
    padding-right: 3rem;
    padding-bottom: 62.5px;
    border-radius: 0 27px 27px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}


.visionSection.contactsection {
    padding: 5rem 0;
}




.contactBox {
    text-align: center;
}

.contactBox figure {
    width: 144px;
    height: 144px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    margin: auto;
    transition: 0.5s ease-in-out;
    background-color: #F6F6F6;
}


.contactText {
    padding-top: 1.5rem;
}

.contactText p {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
}

.contactText a {
    font-size: 18px;
    color: #101C2A;
    font-weight: 400;
    transition: 0.5s ease;
    font-family: 'Poppins';
}

.contactText h3 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
    font-family: 'Montserrat';
    color: #101C2A;
}

.contactBox figure:hover {
    background: #000;
}

.contactBox figure:hover img {
    filter: brightness(0) invert(1);
}

section.mapsec iframe {
    border-radius: 27px;
}

section.mapsec {
    padding-bottom: 6rem;
}

.mainlogo {
    width: fit-content;
    margin: auto;
    text-align: center;
    margin-bottom: 3rem;
}

.mainlogo img {
    max-width: 250px;
    /* mix-blend-mode: darken; */
}

.exculiveSection.innerexculive .img-fluid {
    border-radius: 30px;
}



.rewards .exculivecntnt.spaexculive {
    background: unset;
    margin-left: 0;
    padding: 0 0 0 3rem;
}

.rewards .exculivecntnt.spaexculive p {
    width: 100%;
}

.eventcntnt h4 {
    font-size: 1.125rem;
    font-family: 'Poppins';
    color: #707070;
}

.eventcntnt h2 {
    font-size: 37px;
    font-weight: 400;
    color: #282828;
}

.eventcntnt p {
    color: #000;
    font-size: 1.125rem;
    margin: 0;
}

.eventcntnt {
    background: #F6F6F6;
    border-radius: 0 0 25px 25px;
    padding: 30px 20px 30px 20px;
}

.eventwrap figure img {
    border-radius: 25px 25px 0 0;
}

.eventwrap {
    margin-bottom: 35px;
}

section.eventsSection {
    padding: 5rem 5rem;
}

ul.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

ul.pagination li.page-item a {
    color: #ced1d3;
}

.contactForm .themeBtn {
  margin-left: 0.75rem;
}

.service-heading h3 {
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    margin: 2rem 0 0;
}

.service-heading .themeBtn {
    color: #000000;
    border-color: #282828;
    margin: 0.75rem auto 0;
    display: block;
    width: fit-content;
}