@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');







* {

    padding: 0;

    margin: 0;

}



a {

    text-decoration: none !important;

}



a:hover {

    text-decoration: none !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Roboto', sans-serif !important;

}



p {

    font-family: 'Roboto', sans-serif !important;

}





/* Top-bar Start */



#top-bar {

    width: 100%;

    height: 180px;

    background-image: url(../images/top-header-back.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: left;

}



#header .social img{

    width: 19px !important;

    height: 18px !important;

}



#header .social {

 margin-left: 300px;

}





/* Top-bar End */



/* Navbar Section Start */



#header {

    background-image: url(../images/menu-back.jpg);

    background-repeat: repeat-x;

    background-size: contain;

    width: 100%;

    display: block;

    transition: top 0.3s;

    padding-left: 306px;

}



#navbarNav .nav-link {

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 22px;

    text-transform: uppercase;

    color: #fff;

    padding: 5px 10px;

}



#navbarNav .nav-link:hover {

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 22px;

    text-transform: uppercase;

    color: #2da4db;

    background-color: #422817a6;

}



.dropdown-menu {

    position: absolute;

    top: 40px !important;

    z-index: 1000;

    display: none;

    min-width: 10rem;

    padding: 0.2rem 0 !important;

    margin: 0;

    font-size: 1rem;

    color: #ffffff;

    text-align: left;

    list-style: none;

    background-color: #CE9604 !important;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 0px !important;

}







.dropdown-item {

    display: block;

    width: 100%;

    padding: 0.25rem 1rem;

    clear: both;

    font-size: 0.9em;

    font-weight: 700;

    color: #ffffff !important;

    font-family: 'Roboto', sans-serif !important;

    text-align: inherit;

    text-decoration: none;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}



.dropdown-menu .dropdown-item:hover {

    background-color: #422817a6;

    color: #2da4db !important;



}



.dropdown-divider {

    height: 0;

    margin: var(--bs-dropdown-divider-margin-y) 0;

    overflow: hidden;

    border: 2px solid #1c1c1c;

    opacity: 0.1 !important;

}



#marquee-line {

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



/* Navbar Section End */



/* Intro-slider Start */



#intro-slider {

    background-image: url(../images/content-back.jpg);

    background-repeat: repeat;

    background-size: contain;

    padding: 30px 40px;

}



#intro-slider h4 {

    font-size: 1.2em;

    color: #fff;

    font-weight: 700;

    font-family: 'Roboto', sans-serif !important;

    text-transform: uppercase;

    margin-top: -40px;

    margin-bottom: 40px;

}





#intro-slider .logo-slider {

    padding-top: 10px;

    padding-bottom: 10px;

}



#intro-slider img {

    width: 100%;

    height: 346px;

}



#slider-container {

    width: 65%;

}



#intro-slider-right .slick-dots li.slick-active button:before {

    color: #43200d !important;

}



.slick-dots li button:before {

    font-size: 20px !important;

}



#intro-slider .slick-prev {

    display: none !important;

}



#intro-slider .slick-next:before {

    display: none !important;

}





#marquee-con {

    width: 61%;

}



/* Intro-slider End */



/* Home-Hero Start */



#home-hero {

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: contain;

    padding: 10px 0px;

}



#home-hero h6 {

    font-size: 1em;

    font-weight: 500;

    color: #40210e;

    font-style: italic;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#home-hero p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 24px;

    color: #40210e;

}



#home-hero .back-img {

    background-image: url(../images/home-bg.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position-x: 150px;

}



/* Home-Hero End */



/* Pre-foot Start */



#pre-foot h6 {

    font-size: 0.9em;

    font-weight: 500;

    color: #40210e;

    font-style: normal;

    text-align: center;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#pre-foot h4 {

    font-size: 1.4em;

    font-weight: 300;

    color: #40210e;

    font-style: normal;

    text-align: center;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

}



#pre-foot td {

    font-size: 0.8em;

    font-weight: 400;

    color: #40210e;

    font-style: normal;

    font-family: 'Roboto', sans-serif !important;

}



/* Pre-foot End */









/* Contact Us Start */



#contact {

    padding: 20px 200px;

    background-image: url(../images/content-back.jpg);

    background-repeat: repeat;

    background-size: contain;

}



#contact h6 {

    background-image: url(../images/line-h-rope-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}



#contact h6 {

    font-size: 1.4em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#contact label {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    text-align: left !important;

    font-weight: 400;

    font-size: 0.6em;

    margin-bottom: 0px;

    color: #40210e;

}



#contact .form-control {

    display: block;

    width: 100%;

    margin-top: -10px;

    padding: 5px 10px;

    font-weight: 400;

    line-height: 1;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.375rem;

}



#contact .btn-contactus {

    color: #fff;

    font-size: 0.6em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    background-color: #40210e;

    border-color: #40210e;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 20px 0px;

}



#contact p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #40210e;



}



#contact h5 {

    font-size: 0.8em;

    font-weight: 600;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

}



/* Contact Us End */



/* Our-community Start */



#our-community {

    padding: 20px 200px;

    background-image: url(../images/content-back.jpg);

    background-repeat: repeat;

    background-size: contain;

}



#our-community h6 {

    background-image: url(../images/line-h-rope-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}



#our-community h6 {

    font-size: 1em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#our-community p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.8em;

    line-height: 24px;

    color: #40210e;

    margin-bottom: 0px;



}





#our-community .form-control {

    display: block;

    width: 100%;

    padding: 5px 10px;

    font-weight: 400;

    line-height: 1;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.375rem;

}



#our-community .btn-sub {

    color: #fff;

    font-size: 0.6em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    background-color: #40210e;

    border-color: #40210e;

    border-radius: 4px;

    padding: 4px 12px;

    margin: 20px 0px;

}





#our-community label {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    margin-bottom: 0px;

    color: #40210e;

}



/* Our-community End */



/* List of donors Start  */



#list-donors {

    padding: 20px 200px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



#list-donors h6 {

    background-image: url(../images/line-h-rope-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}





#list-donors h6 {

    font-size: 1.4em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#list-donors p {

    font-size: 0.7em;

    font-weight: 500;

    color: #40210e;

    font-style: normal;

    text-align: left;

    font-family: 'Roboto', sans-serif !important;

}



#list-donors td {

    font-size: 0.7em;

    line-height: 22px;

    font-weight: 400;

    color: #40210e;

    font-style: normal;

    font-family: 'Roboto', sans-serif !important;

}



/* List of donors End  */



/* News-event update Start  */



#events {

    padding: 20px 140px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



#events h5 {

    font-size: 1em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-bottom: 10px;

}



#events h5 {



    background-image: url(../images/line-h-dashed-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}



#events p a {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 500;

    font-size: 1em;

    color: #a65600;

}



#events h6 {

    font-size: 1em;

    font-weight: 600;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 20px;

}



#events .btn-events {

    color: #fff;

    font-size: 0.6em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 500;

    background-image: url(../images/btn-1-m-bg.png);

    background-repeat: repeat;

    background-size: auto;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 10px 0px;

}



#events .card {

    padding: 15px;

    background-color: #D4D1C8;

    border: 1px solid #fff;

    border-radius: 4px;

    margin-bottom: 25px;

}



#events h4 {

    font-size: 1em;

    font-weight: 400;

    color: #382519;

    font-family: 'Roboto', sans-serif !important;

    margin-bottom: 0px;

}



#events p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 24px;

    color: #43200d;

    margin-bottom: 0px !important;

}



#events-left {

    background: url(../images/content-left-side-bg.png) top right repeat-y;

    padding: 0px 20px;

}



#events-right {

    padding: 0px 30px !important;

}



/* News-event update End */



/* Our-5-priorities start */



#our-5-prior {



    padding: 20px 220px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;



}





#our-5-prior img {

    width: 100%;

    height: 100%;

}



#our-5-prior h6 {

    background-image: url(../images/line-h-rope-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}



#our-5-prior h6 {

    font-size: 1.4em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#our-5-prior h4 {

    font-size: 0.9em;

    font-weight: 400;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



#our-5-prior p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #4f3205;

}



#our-5-prior .box1 {

    background-color: #e8d196;

    background-image: url(../images/our-5-priorities/box1.png);

    background-size: cover;

    background-repeat: no-repeat;

}



#our-5-prior .box2 {

    background-color: #e1a817;

    background-image: url(../images/our-5-priorities/box1.png);

    background-size: cover;

    background-repeat: no-repeat;

}





#our-5-prior .box2 h4 {

    font-size: 0.9em;

    font-weight: 400;

    color: #fff;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



#our-5-prior .box2 p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #fff;

}



#our-5-prior .box3 {

    background-color: #927604;

    background-image: url(../images/our-5-priorities/box1.png);

    background-size: cover;

    background-repeat: no-repeat;

}





#our-5-prior .box3 h4 {

    font-size: 0.9em;

    font-weight: 400;

    color: #fff;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



#our-5-prior .box3 p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #fff;

}



#our-5-prior .box4 {

    background-color: #251702;

    background-image: url(../images/our-5-priorities/box1.png);

    background-size: cover;

    background-repeat: no-repeat;

}





#our-5-prior .box4 h4 {

    font-size: 1em;

    font-weight: 400;

    color: #fff;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



#our-5-prior .box4 p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #fff;

}





#our-5-prior .box5 {

    background-color: #464803;

    background-image: url(../images/our-5-priorities/box1.png);

    background-size: cover;

    background-repeat: no-repeat;

}





#our-5-prior .box5 h4 {

    font-size: 0.9em;

    font-weight: 400;

    color: #fff;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 10px;

    margin-bottom: 10px;

}



#our-5-prior .box5 p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.7em;

    line-height: 24px;

    color: #fff;

}



/* Our-5-priorities end */



/* Vocations Start  */



#vocations {

    padding: 20px 140px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



#vocations h5 {

    font-size: 1em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

  

}



#vocations h5:hover {

    font-size: 1em;

    font-weight: 800;

    color: #a65600;

    font-family: 'Roboto', sans-serif !important;

   



}



#vocations .time {

    padding: 0 10px 0 20px;

    background: url(../images/vocations/ico-time-1.png) 0 0 no-repeat;

}



#vocations .section {

    padding: 0 20px 0 20px;

    background: url(../images/vocations/ico-section-1.png) 0 1px no-repeat;

}



#vocations .comments {

    padding: 0 0 0 20px;

    background: url(../images/vocations/ico-comments-2.png) 0 1px no-repeat;

}



#vocations h3 {

    font-size: 0.9em;

    font-weight: 400;

    color: #a65600;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 15px;

    margin-bottom: 20px;

}





#vocations p a {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 500;

    font-size: 1em;

    color: #a65600;

}



#vocations h6 {

    font-size: 1em;

    font-weight: 600;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 20px;

}



#vocations .btn-events {

    color: #fff;

    font-size: 0.8em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 500;

    background-image: url(../images/btn-1-m-bg.png);

    background-repeat: repeat;

    background-size: auto;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 10px 0px;

}



#vocations .card {

    padding: 15px;

    background-color: #D4D1C8;

    border: 1px solid #fff;

    border-radius: 4px;

    margin-bottom: 25px;

}



#vocations h4 {

    font-size: 1em;

    font-weight: 400;

    color: #382519;

    font-family: 'Roboto', sans-serif !important;

    margin-bottom: 0px;

}



#vocations p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 24px;

    color: #43200d;

    margin-bottom: 0px !important;

}



#vocations-left {

    background: url(../images/content-left-side-bg.png) top right repeat-y;

    padding: 0px 40px;

}



#vocations .btn-vocations {

    color: #fff;

    font-size: 0.7em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    background-color: #40210e;

    border-color: #40210e;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 20px 0px;

}



#vocations img{

    float: left;

    margin: 10px 25px 10px 0px;

}



#vocations-right {

    padding: 0px 40px !important;

}



/* Vocations End */



/* Who We are Start  */



#who-we-are {

    padding: 20px 140px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



#who-we-are h5 {

    font-size: 1em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

  

}



#who-we-are h5:hover {

    font-size: 1em;

    font-weight: 800;

    color: #a65600;

    font-family: 'Roboto', sans-serif !important;

   



}



#who-we-are .time {

    padding: 0 10px 0 20px;

    background: url(../images/vocations/ico-time-1.png) 0 0 no-repeat;

}



#who-we-are .section {

    padding: 0 20px 0 20px;

    background: url(../images/vocations/ico-section-1.png) 0 1px no-repeat;

}



#who-we-are .comments {

    padding: 0 0 0 20px;

    background: url(../images/vocations/ico-comments-2.png) 0 1px no-repeat;

}



#who-we-are h3 {

    font-size: 0.8em;

    font-weight: 400;

    color: #a65600;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 15px;

    margin-bottom: 20px;

}





#who-we-are p a {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 500;

    font-size: 0.9em;

    color: #a65600;

}



#who-we-are h6 {

    font-size: 1em;

    font-weight: 600;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 20px;

}



#who-we-are .btn-events {

    color: #fff;

    font-size: 0.8em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 500;

    background-image: url(../images/btn-1-m-bg.png);

    background-repeat: repeat;

    background-size: auto;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 10px 0px;

}



#who-we-are .card {

    padding: 15px;

    background-color: #D4D1C8;

    border: 1px solid #fff;

    border-radius: 4px;

    margin-bottom: 25px;

}



#who-we-are h4 {

    font-size: 1em;

    font-weight: 400;

    color: #382519;

    font-family: 'Roboto', sans-serif !important;

    margin-bottom: 0px;

}



#who-we-are p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.9em;

    line-height: 24px;

    color: #43200d;

    margin-bottom: 0px !important;

}



#who-we-are-left {

/*    background: url(../images/content-left-side-bg.png) top right repeat-y;*/

    padding: 0px 40px;

}



#who-we-are .btn-vocations {

    color: #fff;

    font-size: 0.6em;

    font-family: 'Roboto', sans-serif !important;

    font-weight: 400;

    background-color: #40210e;

    border-color: #40210e;

    border-radius: 4px;

    padding: 6px 12px;

    margin: 20px 0px;

}



#who-we-are img{

    float: left;

    margin: 10px 25px 10px 0px;

}



#who-we-are-right {

    padding: 0px 40px;

}



/* Who We are End  */











/* Gallery Start */



#gallery {

    overflow: hidden;

    padding: 20px 150px;

    background-image: url(../images/body-bg.jpg);

    background-repeat: repeat;

    background-size: auto;

}



#gallery h6 {

    background-image: url(../images/line-h-rope-1.png);

    background-repeat: repeat-x;

    background-position: bottom;

    line-height: 60px;

}



#gallery h6 {

    font-size: 1.4em;

    font-weight: 800;

    color: #40210e;

    font-family: 'Roboto', sans-serif !important;

    margin-top: 30px;

    margin-bottom: 10px;

}



#gallery p {

    font-size: 0.7em;

    font-weight: 600;

    color: #40210e;

    font-style: normal;

    text-align: left;

    margin-bottom: 0px;

    font-family: 'Roboto', sans-serif !important;

}



.l-gallery {

    margin: 0px 4px;

    padding: 0px;

}



.l-gallery img {

    width: 200px !important;

    height: 140px !important;

    margin: 10px 5px;

}



#full-gallery {

    overflow: hidden;

}



/* Gallery End */



/* Booking Start */



#booking-right p {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 1em;

    line-height: 24px;

    color: #797979;

}



#booking-right h4 {

    font-size: 1.5em;

    color: #0e2a4e;

    font-weight: 700;

    font-family: 'Playfair Display', serif !important;

    margin-top: 0px;



}



.list-group-item {

    padding: 0px 0px !important;

}



/* Booking End */







/* Footer Section Start */



#foot {

    padding: 40px 0px;

    background-image: url(../images/footer-back.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: bottom;

}



#foot .nav-link {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.8em;

    line-height: 24px;

    color: #fff;

    padding: 2px 0px 2px 0px;

}



#foot h5 {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 400;

    font-size: 0.9em;

    text-align: center;

    line-height: 24px;

    letter-spacing: 0.14em;

    color: #ffffff !important;

    margin-bottom: 25px;

}









#footer-bottom {

    padding: 15px 0px;

    background-color: #b37c66;

}



#footer-bottom h6 {

    font-family: 'Roboto', sans-serif !important;

    font-style: normal;

    font-weight: 300;

    font-size: 0.7em;

    line-height: 22px;

    letter-spacing: 0.09em;

    color: #FFFFFF;

    margin-bottom: 0px;

}



/* Footer Serction End */