/** OM MANTRA YOGA ***/

/*+++++++++++++++++++++++++++++++++++++++++++++++
           [ WEB SITE V\CSS ]
+++++++++++++++++++++++++++++++++++++++

==> Own Carousel
==> Introduction Om Mantra Section
==> Timer Count Down
==> Slider Classes  Index Page
==> Services Card
==> Stats
==> Gallery
==> Quote
==> Partner Slider
==> Contact Form
==> Nav Bar Section



==> Service Page CSS Header
==> Service Page Classes Rate Chart



==> About Page About
==> Contact Page
==> Sidebar Menu
==> Breadcrum
==> Footer
==> OWL Carousel
==> Section Title
==> Flaticon
==> Banner
==> Marquee
==> Service Box
==> Client
==> Portfolio Styles
==> Timetable
==> BMI calculator
==> Video Popup
==> Pricebox
==> Testimonialbox
==> Image Box
==> Counter
==> Team
==> Quote From
==> Tabs
==> FAQ

++++++++++++++++++++++++++++++++++++
[ End table content ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
    [ Own Carousel Start ]
+++++++++++++++++++++++++++++++*/

.carousel-item {
    height: 100vh;
    min-height: 300px;
}

.bg-1 {
    background-image: url("../assets/images/banner/7.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.bg-2 {
    background-image: url("../assets/images/banner/5.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.bg-3 {
    background-image: url("../assets/images/banner/8.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.bg-1,
.bg-2,
.bg-3 {
    background-size: cover;
}

.carousel-caption {
    bottom: 20px;
    z-index: 2;
    text-align: left;
    left: 8%;
    color: #262626;
}

.carousel-caption h5 {
    font-size: 55px;
    text-transform: capitalize;
    margin: 25px;
    margin: auto;
    text-align: left;
}

.carousel-caption p {
    width: 45%;
    font-size: 18px;
    line-height: 1.9;
}

.carousel-caption .btn {
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 20px;
    display: inline-block;
     background:  #277223;
    font-weight: 600;
    margin-top: 15px;
    border-radius: 5px;
    color: #fff;
}

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators button {
    width: 100px !important;
}

/*++++++++++++++++++++++++++++++++++++
    [ Own Carousel End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
[ Introduction Om Mantra Section ]
+++++++++++++++++++++++++++++++*/

.section-padding-ad {
    padding: 60px 20px;
}

.section-header-ad {
    text-align: center;
    margin-bottom: 40px;
}

.section-header-ad h2 {
    color: #333333;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.section--ad h2 span {
    color: #4caf50;
    /* Green color */
}

.section-header-ad p {
    font-size: 1.2em;
    color: #000;
}

.about-image-ad {
    max-width: 800px;
    /* Adjust based on your layout */
    margin: 20px auto;
    /* Centers the image container */
    text-align: center;
    /* Centers the image */
}

.about-image-ad img {
    width: 100%;
    /* Adjust width as needed */
    height: auto;
    /* Maintain aspect ratio */
    border-radius: 10px;
    /* Rounded corners */
    border: 2px solid green;
}

.about-text-ad {
    text-align: left;
    max-width: 800px;
    /* Adjust this as needed */
    margin-left: 20px;
    /* Starts from the left */
}

.about-text-ad h4 {
    font-size: 1.5em;
    color: #4caf50;
}

.about-text-ad h2 {
    font-size: 2em;
    color: #333333;
    margin-top: 10px;
}

.about-text-ad p {
    font-size: 1em;
    color: #555555;
    line-height: 1.6;
}

.about-text-ad a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #4caf50;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.about-text-ad a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background: #6cae22;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.about-text-ad a:hover {
    background: #262626;
    color: white;
}

.book-session-button-ad {
    display: block;
    width: 300px;
    margin: 20px auto;
    padding: 1px;

    text-align: center;
    background:  #277223;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 1.2rem;
    transition: background-color 0.3s;
}

.book-session-button-ad:hover {
    background: #262626;
    color: white;
}

.about-ad {
    margin-top: 6vh;
}

.section-padding-ad span {
    color: #6cae22;
}

/*++++++++++++++++++++++++++++++++++++
[ Introduction Om Mantra Section End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
[ Timer Count Down Start ]
+++++++++++++++++++++++++++++++*/

.timer-container {
    margin-top: 50px;
    padding: 20px;
}

.timer-container h1 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bolder;
    animation: fadeIn 1s ease-in-out;
}

.headline {
    font-size: 25px;
    color: #76ba29;
    margin-bottom: 20px;
    animation: fadeIn 1.5s ease-in-out;
}

.countdown {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    animation: fadeIn 2s ease-in-out;
}

.countdown div {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    width: 80px;
    transition: transform 0.3s, background 0.3s;
}

.countdown div:hover {
    transform: scale(1.1);
}

.countdown div span {
    display: block;
    font-size: 32px;
    margin-top: 1px;
    font-weight: bold;
    color: #76ba29;
    animation: pulse 1.5s infinite;
    /* Pulsing effect for the numbers */
}

/* Animation keyframes */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

/* Responsive styling */
@media (max-width: 600px) {
    .countdown div {
        font-size: 18px;
        width: 60px;
    }

    .countdown div span {
        font-size: 14px;
    }

    .timer-container h1 {
        font-size: 20px;
    }
}

/*++++++++++++++++++++++++++++++++++++
[ Timer Count Down End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
[ Slider Classes  Index Page ]
+++++++++++++++++++++++++++++++*/

 
/* Slider Container */
.slider-container-omy {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    border-radius: 20px;
    border: 1.5px solid #444;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Slider */
.slider-omy {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

/* Individual Slide */
.slide-omy {
    min-width: 100%;
    overflow: hidden;
}

.slide-omy img {
    width: 100%;
    height: 80%;
    object-fit: cover;
    display: block;
}

/* Navigation Buttons */
button.prev-omy,
button.next-omy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    border: none;
    font-size: 24px;
    cursor: pointer;
    padding: 10px 14px;
    z-index: 10;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

button.prev-omy:hover,
button.next-omy:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

button.prev-omy {
    left: 15px;
}

button.next-omy {
    right: 15px;
}

/* Responsive Height Adjustments */
@media (min-width: 1024px) {
    .slider-container-omy {
        height: 550px;
    }
    .slide-omy img {
        height: 550px;
    }
}

@media (max-width: 1023px) and (min-width: 600px) {
    .slider-container-omy {
        height: 400px;
    }
    .slide-omy img {
        height: 400px;
    }
}

@media (max-width: 599px) {
    .slider-container-omy {
        height: 250px;
    }
    .slide-omy img {
        height: 250px;
    }

    button.prev-omy,
    button.next-omy {
        font-size: 18px;
        padding: 8px 10px;
    }
}

/*++++++++++++++++++++++++++++++++++++
[ Slider Classes  Index Page End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
    [ Services Card ]
+++++++++++++++++++++++++++++++*/

.single-services {
    padding: 30px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.single-services i {
    font-size: 50px;
    margin-bottom: 30px;
    color: #6cae22;
}

.single-services a {
    text-decoration: none;
    background: #6cae22;
    padding: 10px 30px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
}

.single-services:hover {
    background: #6cae22;
    color: #fff;
}

.single-services:hover i {
    color: #fff;
}

.single-services:hover a {
    background: #fff;
    color: #6cae22;
}

/* Services 2 */

.card-title,
.book-session-btn {
    text-align: center;

    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
}

.card-yoga {
   padding: 30px 25px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
     max-width: 540px; /* wider card max size */
        margin: 25px auto;
}

.card img {
    border: 1px solid black;
}

.card-yoga {
    margin: 20px;
}

.card-yoga:hover {
    background-color: #6cae22;
    color: #fff;
}

.card-title,
.card-desc {
    transition: color 0.3s ease, transform 0.3s ease;
}

.card-yoga:hover .card-title,
.card-yoga:hover .card-desc {
    color: #fff;
 
}

.card-yoga:hover .card-title {
    transform: scale(1.02);
    font-weight: 600;
}

.classes {
    background: #fff;
    margin-top: -40px;
}

.card-yoga a {
    background: #6cae22;
    color: #f0f1f8;
    padding: 10px 5px;
    border-radius: 5px;
    display: block;
}

.card-yoga:hover a {
    background: #fff;
    color: #6cae22;
}

.card-desc {
    font-size: 1rem;
    color: #555;
    text-align: center;
    line-height: 1.5;
    margin: 4px 0 12px;
    /* Top 4px, Bottom 12px */
}

.card-yoga p {
    margin: 0;
    padding: 0;
    line-height: 1.8;
}


.card-title {
    margin: 6px 0 4px;
    /* Top 6px, Bottom 4px */
    /* ⬅️ Changed this */
}



 

@media (max-width: 991px) {
    .card-img {
        height: 150px;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-desc {
        font-size: 0.85rem;
             text-align: center;
    }
}

@media (max-width: 575px) {
    .card-yoga {
        box-sizing: border-box;
        width: 100%;
        padding: 25px 20px;
        margin: 15px auto; /* center */
    }

    .card-img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .book-session-btn {
        width: 100%;
        padding: 12px;
        font-size: 1rem;
    }
}


/*++++++++++++++++++++++++++++++++++++
   [ Services Card End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Stats  ]
+++++++++++++++++++++++++++++++*/

.stats {
    background: #6cae22;
    color: #fff;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
        rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.single-number i {
    font-size: 45px;
    margin-bottom: 20px;
}

.single-number h2 {
    font-weight: 700;
}
/*++++++++++++++++++++++++++++++++++++
   [ Stats End  ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Gallery Start ]
+++++++++++++++++++++++++++++++*/

:root {
    --primary-color: #d291bc;
    --primary-color-dark: #f7ebf3;
    --text-dark: #1e293b;
    --text-light: #64748b;
    --extra-light: #fafafa;
    --white: #ffffff;
    --max-width: 1200px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.section__container {
    max-width: var(--max-width);
    margin: auto;
    padding: 5rem 1rem;
}

.section__header {
    font-size: 3rem;
    font-weight: 300;
    text-align: center;
    color: var(--text-dark);
}

.section__subheader {
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    color: var(--text-light);
    letter-spacing: 2px;
}

.photos__container img {
    width: 100%;
    display: flex;
    border-radius: 8px;
}

.View-More {
    text-align: center;
    margin-top: 2rem;
    text-decoration: none;
}

.View-More i {
    font-size: 35px;
    margin-bottom: 15px;
}

.View-More a {
    background-color: #6cae22;
    padding: 4px 10px;
    border-radius: 10px;
    color: white;
    display: inline-block;
    transition: background 0.3s ease-in-out;
}

.View-More a:hover {
    background: #262626;
}

a {
    text-decoration: none;
}

html,
body {
    scroll-behavior: smooth;
}

body {
    font-family: "Work Sans", sans-serif;
}

.photos__grid {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

@media (max-width: 900px) {
    .photos__grid {
        gap: 1rem;
    }
}

@media (max-width: 750px) {
    .photos__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.photos__card {
    overflow: hidden; /* Ensures the image does not overflow outside of the card */
    transition: transform 0.3s ease-in-out;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s forwards;
}

.photos__card img {
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.photos__card:hover img {
    transform: scale(1.1); /* Zooms in the image on hover */
}

.photos__card img.active {
    animation: zoomIn 0.5s ease-in-out forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1.1);
    }
}

/*++++++++++++++++++++++++++++++++++++
   [  Gallery End  ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [  Quote  ]
+++++++++++++++++++++++++++++++*/

.quote {
    background: #6cae22;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 15px;
}

.quote h5 {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
}

.quote p {
    font-family: "Times New Roman", Times, serif;
}

.single-quote i {
    font-size: 20px;
    padding: 0 15px;
}

/*++++++++++++++++++++++++++++++++++++
   [ Quote End  ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ FAQ  ]
+++++++++++++++++++++++++++++++*/

.faq-container {
    max-width: 800px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
        rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    padding: 20px;
    margin-top: 5vh;
}

h1 {
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: 800;
}

.faq-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.question {
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    background-color: #6cae22;
    border-radius: 5px;
    color: #fff;
    transition: background-color 0.3s ease;
}

.answer {
    padding: 10px;
    display: none;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    color: #333;
}
/*++++++++++++++++++++++++++++++++++++
   [ FAQ END  ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [  MAP ]
+++++++++++++++++++++++++++++++*/
.Map-h2 {
    text-align: center;
    margin-top: 5vh;
}

.google-map {
    border-top: 1px solid #efebeb;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
}

.google-map iframe {
    width: 100%;
}

.Map-h2 h2 {
    font-size: 35px;
    margin-top: 10px;
    font-weight: bold;
}

/*++++++++++++++++++++++++++++++++++++
   [ MAP END ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Partner Sliders ]
+++++++++++++++++++++++++++++++*/

/*  Code Inside / Page */

/*++++++++++++++++++++++++++++++++++++
   [ Partner Sliders End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
[ Contact Form]
+++++++++++++++++++++++++++++++*/

.container-form {
    width: 80%; /* Adjust to fit most screen sizes */
    background-color: #fff;
    text-align: left;
    border-radius: 5px;
    padding: 20px 40px; /* Simplified padding for consistency */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Reduced opacity for a softer shadow */
    margin: 15vh auto; /* Center the container horizontally and vertically */
    box-sizing: border-box; /* Ensures padding does not increase width */
}

.container-box-1 {
    margin-left: -65px;
    margin-bottom: 20px;
}

.container-form .content-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container-form .content-form .left-side {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.left-side::before {
    content: "";
    position: absolute;
    height: 70%;
    width: 2px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: #afafb6;
}

.content-form .left-side,
.details {
    margin: 14;
    text-align: center;
}

.content-form .left-side i {
    font-size: 30px;
    color: #30bf39;
}

.topic {
    font-size: 18px;
    font-weight: bold;
    color: black;
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    margin-bottom: 10px;
}

.text-one,
.text-two {
    font-size: 14px;
    color: #afafb6;
}

.content-form .right-side {
    width: 75%;
    margin-left: 75px;
}

.right-side .topic-text {
    font-size: 23px;
    font-weight: 600;
    color: #30bf39;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.right-side p {
    text-align: center;
}

.input-box-message-box {
    min-height: 110px;
    resize: none;
}

.button input {
    color: #ccc;
    font-size: 18px;
    outline: none;
    border: none;
    padding: 8px 10px;
    border-radius: 5px;

    cursor: pointer;
    transition: 1s;
}

.right-side .button input[type="submit"]:hover {
    background: #000;
}

.right-side .input-box {
    height: 5%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.right-side .input-box input,
.right-side .input-box textarea {
    height: 100%;
    width: 100%;
    border: 0.2px solid black;
    background: #f0f1f8;
    border-radius: 6px;
    padding: 15px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    resize: none;
}

.right-side .message-box {
    min-height: 100px;
}

.right-side .button input[type="submit"] {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: none;
    outline: none;
    background: #30bf39;
    border-radius: 6px;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.right-side .button input[type="button"]:hover {
    background: #262626;

    color: #fff;
}

/*++++++++++++++++++++++++++++++++++++
   [  Contact Form ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [  Nav Bar Section ]
+++++++++++++++++++++++++++++++*/

.section-padding {
    padding: 50px 0;
}

.section-header {
    margin-bottom: 55px;
    margin-top: 50px;
}

.section-header h2 {
    font-weight: 700;
    font-size: 2rem;
}

.section-header h2 span {
    color: #6cae22;
    font-family: "Times New Roman", Times, serif;
}

.section-header p {
    font-family: "Times New Roman", Times, serif;
}

.section-header img {
    width: 50px;
   
}

.navbar {
    background: #fff;
}

.navbar-nav {
    font-size: 15px;
    font-weight: 700;
}

.navbar-light .navbar-brand {
    color: #262626;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #262626;
}

.navbar-light .navbar-nav .nav-link {
    color: #262626;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #6cae22;
}

.navbar-toggler {
    padding: 1px;
    font-size: 18px;
    line-height: 0.3;
    background: #fff;
}

/*++++++++++++++++++++++++++++++++++++
   [ Nav Bar Section]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Service Page CSS Header]
+++++++++++++++++++++++++++++++*/

.top-section-adi {
    background-image: url("https://images3.alphacoders.com/997/997550.jpg");
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Adjust the height as needed */
    position: relative;
}

.overlay {
    background-color: rgba(255, 255, 255, 0.7);
    /* White with opacity */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.top-section-adi h1 {
    color: #006400;
    /* Use the same color as in your image */
    font-size: 3rem;
    /* Adjust font size as needed */
    margin: 0;
    font-weight: bolder;
}

.service-text h1 {
    font-weight: 600;
    color: #006400;
    font-size: 1.5rem;
}

.service-text p {
    font-size: 18px;
    width: 80%;
    margin-left: 125px;
}

.service-text {
    margin-top: px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;

    padding-top: 80px;
    padding-bottom: 10px;
    margin-bottom: -5vh;
}

/**********************************************************************************/

.top-section-adi-ab {
    background-image: url("../assets/images/slider/Classes-slider-2.jpg");
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Adjust the height as needed */
    position: relative;
}

.top-section-adi-ab h1 {
    color: #006400;
    /* Use the same color as in your image */
    font-size: 3rem;
    /* Adjust font size as needed */
    margin: 0;
    font-weight: bolder;
}

/******************************************************************************************/

.top-section-adi-abb {
    background-image: url("https://media.yogauonline.com/app/uploads/2023/02/27161758/5._how_to_practice_together_in_a_group_yoga_class.png");
    background-size: cover;
    background-position: center;
    height: 300px;
    /* Adjust the height as needed */
    position: relative;
}

.top-section-adi-abb h1 {
    color: #006400;
    /* Use the same color as in your image */
    font-size: 3rem;
    /* Adjust font size as needed */
    margin: 0;
    font-weight: bolder;
}

/*++++++++++++++++++++++++++++++++++++
   [ Service Page CSS Header End]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Service Page Classes Rate Chart]
+++++++++++++++++++++++++++++++*/



/* Container Styling */
.border-box-2 {
    border-radius: 15px;
    background: #6cae22;
    /* Green gradient */
    box-shadow: 0 8px 16px rgba(0, 128, 0, 0.3);
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
    color: #333;
    /* Dark gray text */
    font-family: 'Arial', sans-serif;
}

/* Inner Box Styling */
.bg-box-color {
    background-color: #fff;
    /* Light translucent white */
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

/* Image Styling */
.yoga-fee {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 3px solid #e0e0e0;
    /* Light gray border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Heading and Text Styling */
h3,
.home-class,
.online-classes {
    margin: 10px 0;
    color: #2e7d32;
    /* Dark green */
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}

h5,
.weight,
.classes-12,
.classes-16,
.special-weekend,
.diet-therapy {
    margin: 10px 0;
    color: #2e7d32;
    /* Dark green */
    font-size: 1.1rem;
    font-weight: normal;
}

h6,
.experience-yoga-teacher,
.group-yoga,
.personal-yoga {
    margin: 10px 0;
    color: #2e7d32;
    /* Dark green */
    font-size: 1.1rem;
    font-weight: normal;
}

/* Button Styling */
.book-session-btn-1,
.book-session-btn-2 {
    display: inline-block;
    background-color: #6cae22;
    /* Dark green */
    color: white;
    padding: 12px 25px;
    margin: 20px 10px;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
}

.book-session-btn-1:hover,
.book-session-btn-2:hover {
    background-color: #2e7d32;
    /* Slightly darker green */
}

/* Responsive Design */
@media (max-width: 768px) {
    .border-box-2 {
        padding: 15px;
    }

    h3,
    .home-class,
    .online-classes {
        font-size: 1.5rem;
    }

    h5,
    .weight,
    .classes-12,
    .classes-16,
    .special-weekend,
    .diet-therapy {
        font-size: 0.9rem;
    }

    h6,
    .experience-yoga-teacher,
    .group-yoga,
    .personal-yoga {
        font-size: 0.9rem;
    }

    .book-session-btn-1,
    .book-session-btn-2 {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {

    h3,
    .home-class,
    .online-classes {
        font-size: 1.3rem;
    }

    h5,
    .weight,
    .classes-12,
    .classes-16,
    .special-weekend,
    .diet-therapy {
        font-size: 0.8rem;
    }

    h6,
    .experience-yoga-teacher,
    .group-yoga,
    .personal-yoga {
        font-size: 0.8rem;
    }

    .book-session-btn-1,
    .book-session-btn-2 {
        padding: 8px 15px;
        font-size: 0.8rem;
    }
}


/*++++++++++++++++++++++++++++++++++++
   [ Classes Rate Chart End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [About Page About ]
+++++++++++++++++++++++++++++++*/
#autonomous-body {
    padding: 20px;
    background-color: #f9f9f9;
}

.container-adi1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.logo-adi1 img {
    width: 100px;
    /* Adjust as needed */
    margin-right: 20px;
    max-width: 100%;
    height: auto;
}

.content-adi1 {
    text-align: center;
}

.content-adi1 h2 {
    color: #000;
    /* Adjust color as needed */
    font-size: 1.5em;
}

.content-adi1 p {
    color: #000;
    /* Adjust color as needed */
    font-size: 1em;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container-adi1 {
        flex-direction: column;
        text-align: center;
    }

    .logo-adi1 img {
        margin: 0 auto 20px auto;
    }
}

.content-adi1 p {
    display: none;
}

.about-container-adi {
    display: flex;
    max-width: 1200px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.content-adi {
    flex: 2;
    padding: 40px;
}

.content-adi h1 {
    font-size: 30px;
    color: #6cae22;
    margin-bottom: 20px;
    font-weight: bold;
}

.content-adi p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 20px;
}

.content-adi .quote {
    border-left: 4px solid #6cae22;
    padding-left: 16px;
    margin: 20px 0;
    color: #555;
}

.content-adi button {
    padding: 10px 20px;
    background-color: #6cae22;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.content-adi button:hover {
    background-color: #262626;
}

.image-adi {
    flex: 1;
    overflow: hidden;
}

.image-adi img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .about-container-adi {
        flex-direction: column;
    }

    .image-adi {
        max-height: 300px;
    }
}

.experience {
    padding: 60px 20px;
    text-align: center;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.experience h2 {
    margin-bottom: 20px;
    font-size: 2em;
    color: #6cae22;
    font-weight: 400;
}

.experience-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.experience-item {
    padding: 15px;
    border-radius: 10px;
    max-width: 200px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: bold;
}

.section-padding-1 {
    padding: 100px 0;
}

.section-header h2 {
    font-weight: 700;
    font-size: 40px;
}

.section-header h2 span {
    color: #6cae22;
    font-family: "Times New Roman", Times, serif;
}

.left-contact {
    background: #6cae22;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    padding: 0 25px 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
        rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
        rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    padding-bottom: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 0.5px solid black;
}

.left-contact img {
    width: 50px;
}

.left-contact h2 {
    font-weight: 600;
}

/*++++++++++++++++++++++++++++++++++++
   [About Page About End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Contact Page ]
+++++++++++++++++++++++++++++++*/

.container-img-logo {
    width: 50px;
    margin-top: -10vh;
    /*border-radius:;*/
}

.service-text-contact {
    margin-top: 50px;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
}

.service-text-contact {
    font-family: "Times New Roman", Times, serif;

    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 25px;
}

.service-text-contact h1 {
    font-weight: 600;
    font-size: 20.5px;
}

/*++++++++++++++++++++++++++++++++++++
   [ Contact Page End ]
+++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++
   [ Form Desgine Enquiry + Teacher Registration + Book Demo Session  ]
+++++++++++++++++++++++++++++++*/

/* Book Demo Session  */

.demo-btn {
    padding: 15px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease;
}

.demo-btn:hover {
    background-color: #76ba29;
}

.demo-form {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: none;
    /* Hidden by default */
    opacity: 0;
    transition: opacity 0.5s ease, max-height 0.5s ease;
    max-height: 0;
    /* Collapsed initially */
    overflow: hidden;
}

.demo-form.show {
    display: block;
    opacity: 1;
    max-height: 1000px;
    /* Large enough value for expansion */
}

.demo-form h2 {
    text-align: center;
    color: #2f9e44;
    margin-bottom: 20px;
    font-size: 24px;
}

.demo-form input,
.demo-form select,
.demo-form textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.demo-form textarea {
    height: 80px;
}

.demo-form button {
    width: 100%;
    padding: 12px;
    background-color: #2f9e44;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
}

.demo-form button:hover {
    background-color: #279d3b;
}

.demo-form .message {
    margin-top: 20px;
    text-align: center;
    color: #666;
}

#other-purpose {
    display: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .demo-form {
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    .demo-form {
        max-width: 100%;
        padding: 15px;
    }

    .demo-form h2 {
        font-size: 20px;
    }

    .demo-form button {
        font-size: 14px;
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}*/

.form-container {
    display: flex;
    width: 92%;
    max-width: 1200px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 15vh auto 10vh auto; /* Center horizontally and vertically */
}

.form-content-teacherRegistration,
.image-content {
    flex: 1;
    padding: 20px;
}

.form-container h4 {
    text-align: center;
    margin-bottom: 20px;
    color: #2f9e44;
    font-weight: bold;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.input-row {
    display: flex;
    gap: 10px;
}

.form-container button {
    width: 100%;
    padding: 12px;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

.form-container button:hover {
    background-color: #218838;
}

.image-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-container {
        flex-direction: column;
    }

    .input-row {
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    .form-container {
        margin-left: 16px;
    }
}

.demo-form-teacherRegistration input,
.demo-form-teacherRegistration select,
.demo-form-teacherRegistration textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.demo-form-teacherRegistration textarea {
    height: 80px;
}

.demo-form-teacherRegistration button {
    width: 100%;
    padding: 12px;
    background-color: #2f9e44;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
}

.demo-form-teacherRegistration button:hover {
    background-color: #279d3b;
}

.demo-form-teacherRegistration .message {
    margin-top: 10px;
    text-align: center;
    color: #666;
}

#other-purpose {
    display: none;
}

/*++++++++++++++++++++++++++++++++++++
   [ Form Desgine Enquiry + Teacher Registration + Book Demo Session +  End  ]
+++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++
   [ Policy All PAges  ]
+++++++++++++++++++++++++++++++*/

.disclaimer-header {
    background: linear-gradient(to right, #a8e063, #56ab2f);
    color: #000;
    text-align: left;
    padding: 20px 15px;
    margin-top: 2.5vh;
     text-align: center;
    border-radius: 8px;
    margin: 10px;
}



/* Breadcrumb Styling */
.breadcrumb-container {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    gap: 10px;
    flex-wrap: wrap;
}

/* Breadcrumb Link Styling */
.breadcrumb-container a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.breadcrumb-container a:hover {
    color: #56ab2f;
    text-decoration: underline;
}

/* Icon Styling */
.breadcrumb-container i {
    color: #000;
    font-size: 14px;
}

/* Breadcrumb Separator */
.breadcrumb-icon {
    color: #222;
    font-weight: bold;
    margin: 0 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .header-title {
        font-size: 20px;
    }
    .breadcrumb-container {
        font-size: 12px;
        gap: 5px;
    }
}
/* Title Styling */
.header-title {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
}
.disclaimer-header nav {
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.disclaimer-header nav a {
    color: #000;
    text-decoration: none;
}

.disclaimer-header nav a:hover {
    text-decoration: underline;
}

.disclaimer-content {
    padding: 30px 1px;

    margin: 18px;


    font-size: 1.2em;
    line-height: 1.6em;
}

.disclaimer-header i {

    letter-spacing: 6px;
}

.span{
    font-weight: bold;

}

span  {
    color:  green;
    font-weight: bold;
}


.disclaimer-content h2{

    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;

}

span {
    color:  green;
    font-weight: bold;
}

.disclaimer-content p {
font-size: 16px;

    margin-bottom: 2vh;
    color: #333;


}

ul {
    font-size: 16px;

}


/*++++++++++++++++++++++++++++++++++++
   [ Policy All PAges End  ]
+++++++++++++++++++++++++++++++*/




/*++++++++++++++++++++++++++++++++++++
   [ Partner Slider ]
+++++++++++++++++++++++++++++++*/







/*++++++++++++++++++++++++++++++++++++
   [ Partner Slider End ]
+++++++++++++++++++++++++++++++*/











































































































































/* Form */

@media (max-width: 950px) {
    .container-form {
        width: 90%;
        padding: 30px 35px 40px 35px;
    }



    .classes {
        background: #fff;
        margin-top: -15vh;
    }


}

@media (max-width: 600px) {
    .text-t {
        margin-top: 30vh;
    }


}

@media (max-width: 700px) {
    .text-t {
        margin-top: 3 0vh;
    }


}

@media (max-width: 440px) {
    .text-t {
        margin-top: -20px;
    }


}

@media (max-width: 820px) {
    .container-form {
        margin: 50px 0;
        height: 100%;
        margin-left: auto;
    }

    .container-form .content-form {
        flex-direction: column;
    }

    .container-form .content-form .left-side {
        width: 100%;
        flex: row;
        margin-top: 40px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .container-form .content-form .left-side::before {
        display: none;
    }

    .container-form .content-form .right-side {
        width: 100%;
        margin-left: 0;
    }
}

/*  Responsive */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav {
        text-align: center;
    }

    .navbar-collapse {
        background: #fff;
    }

    .navbar-collapse .nav-item .nav-link {
        color: #000;
    }

    .carousel-caption {
        bottom: 450px;
    }

    .carousel-caption h5 {
        font-size: 45px;
    }

    .carousel-caption p {
        font-size: 18px;
        width: 100%;
    }

    .bg-1,
    .bg-2,
    .bg-3 {
        background-position: 36%;
    }

    .ab-img img {
        width: 100%;
    }

    .about-text {
        margin-top: 30px;
    }

    .single-services,
    .single-trainer,
    .single-blog,
    .single-contact,
    .single-number {
        margin-bottom: 30px;
    }

    .card {
        margin-bottom: 25vh;
    }
}

@media (max-width: 767px) {
    .navbar-collapse .nav-item .nav-link {
        color: #000;
    }

    .carousel-caption {
        bottom: 165px;
    }

    .carousel-caption h5 {
        font-size: 20px;
    }

    .carousel-caption p {
        font-size: 12px;
        width: 100%;
    }

    .carousel-caption a {
        padding: 10px 15px;
        font-size: 15px;
    }

    .navbar-collapse {
        background-color: #fff;
    }

    .bg-1,
    .bg-2,
    .bg-3 {
        background-position: 50%;
    }

    .bg-1,
    .bg-2,
    .bg-3 {
        margin-bottom: -10vh;
    }

    .section-header h2 {
        font-size: 25px;
    }

    .about img {
        width: 100%;
    }

    .about-text {
        margin-top: 30px;
    }

    .single-services,
    .single-trainer,
    .single-blog,
    .single-contact,
    .single-number {
        margin-bottom: 30px;
    }

    .single-quote p {
        font-size: 18px;
    }

    .single-quote i {
        font-size: 25px;
        padding: 0 5px;
    }

    .testimonial .carousel-caption {
        bottom: -30px;
    }

    .left-contact {
        text-align: center;
    }

    .contact label {
        font-size: 16px;
        font-weight: 600;
    }

    .card {
        margin-bottom: 25px;
    }
}

@media (max-width: 500px) {
    .alert-protected {
        width: 80%;
        text-align: center;
        font-size: 12px;
    }
}

/*Aout-Responsive*/

@media (max-width: 940px) {
    .Ab-Img-2,
    .Ab-Img-3 {
        display: none;
    }
}

/*Alert Message*/

body {
    /*font-family: montserrta;*/
    user-select: none;
    /* Disable text selection */
    -webkit-user-select: none;
    /* Disable text selection for Safari */
}

.alert-protected {
    display: none;
    position: fixed;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffe6e6;
    /* Light pink background */
    color: #000;
    /* Red text */
    padding: 10px;
    border: 1px solid #fc0019;
    box-shadow: 0 0 10px rgba(255, 77, 77, 0.8);
    /* Red shadow on all sides */
    font-weight: bold;
    border-radius: 5px;
    z-index: 1000;
    font-family: Arial, sans-serif;
}

.alert-protected.show {
    display: block;
}

@media (max-width: 500px) {
    .alert-protected {
        width: 80%;
        text-align: center;
        font-size: 12px;
    }
}

/*Response Msg*/

.response-message {
    display: none;
    /* Hidden by default */
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
    text-align: center;
}

.response-message.success {
    background-color: #d4edda;
    /* Light green background */
    color: #155724;
    /* Dark green text */
    border: 1px solid #c3e6cb;
    /* Green border */
}

.response-message.error {
    background-color: #f8d7da;
    /* Light red background */
    color: #721c24;
    /* Dark red text */
    border: 1px solid #f5c6cb;
    /* Red border */
}