:root {

    --primary-color: #ff9900;

    --secondary-color: #ffffff;

    --text-dark: #000000;



}





@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');





* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Cardo', serif;

    text-decoration: none !important;

}



.bg-primary {

    background-color: var(--primary-color) !important;

}



.primary-color {

    color: var(--primary-color);

}



body {

    font-family: Arial, sans-serif;

    background-color: var(--primary-color);

    color: var(--text-dark);

    scroll-behavior: smooth;

}



.owl-carousel .item {

    text-align: center;

    background-color: var(--secondary-color);

    padding: 32px 0px 0px 0px;

}



.owl-carousel .item img {

    max-width: 100%;

    height: auto;

 

}



.owl-theme .owl-dots, .owl-theme .owl-nav {

    background: #e15500;

}



.owl-theme .owl-nav {

    display: none !important;

}



.membership-form {

    background-color: var(--secondary-color);

    padding: 50px 20px;



}



.membership-form form {

    box-shadow: rgba(255, 153, 0, 0.4) -5px 5px,

        rgba(255, 153, 0, 0.3) -10px 10px,

        rgba(255, 153, 0, 0.2) -15px 15px,

        rgba(255, 153, 0, 0.1) -20px 20px,

        rgba(255, 153, 0, 0.05) -25px 25px,

        rgba(255, 153, 0, 0.4) 5px 5px,

        rgba(255, 153, 0, 0.3) 10px 10px,

        rgba(255, 153, 0, 0.2) 15px 15px,

        rgba(255, 153, 0, 0.1) 20px 20px,

        rgba(255, 153, 0, 0.05) 25px 25px;

}





/* FAQ Section */

#faqs {

    background-color: #f9f9f9;

}



#faqs h2 {

    color: #333;

}



.accordion-button {

    background-color: #ff9800;

    color: white;

    font-weight: bold;

}



.accordion-button:not(.collapsed) {

    background-color: #f57c00;

}



.accordion-button:focus {

    box-shadow: none;

}



.accordion-body {

    background-color: #fff;

    border-top: 1px solid #ddd;

    font-size: 15px;

    line-height: 1.6;

}



.get-in-touch {

    padding: 50px 20px;

}



.form-control {

    margin-bottom: 15px;

}



footer {

    text-align: center;

    padding: 20px;

    background-color: var(--text-dark);

    color: var(--secondary-color);

}



.navbar {

    background-color: white !important;

    background-image: url(../assets/img/navbg.jpg);

    background-position: left;

    background-repeat: no-repeat;

    background-size: contain;

}



.navbar a:hover {

    color: var(--primary-color) !important;

}



.nav-link {

    color: rgb(0 0 0) !important;

}



.navbar-toggler {

    background-color: #ff9900 !important;

}



/* Modal Css  */



.modal-content {

    border-radius: 10px;

}



.modal-header {

    background-color: #f8f9fa;

    border-bottom: 1px solid #ddd;

}



.modal-body {

    font-size: 16px;

}



.btn-warning {

    background-color: #f39c12;

    border-color: #f39c12;

}



.btn-warning:hover {

    background-color: #e67e22;

    border-color: #e67e22;

}



/* Footer css  */



footer a {

    color: white;

}



footer ul li :hover {

    color: #ff9900;

}



footer a :hover {

    color: #ff9900;

}





/* Modal Css Ends  */





/* Media queries for responsiveness */

@media (max-width: 768px) {



    .navbar {

        background-image: none !important;



    }

}