/* Basic Styling */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5e48b; /* Solid fallback color */
    background-image: radial-gradient(circle at center, #fbf89c 39%, #f5e48b);
    background-size: cover;
    background-attachment: scroll; /* Prevents flickering */
}

/* Ensure no horizontal scrolling */
html, body {
      scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Ensures smooth scrolling on iOS */
    overflow-x: hidden; /* Prevents horizontal scroll */
    overflow-y: auto; /* Allows smooth vertical scrolling */
    width: 100%;
     height: 100%;
    margin: 0;
    padding: 0;

}


header {
    background: #b21100;
    padding: 10px 20px;
   
}

/* Navbar Styles */
.custom-navbar {
    
    padding: 10px 0;
    text-align: center;
    position: relative;
}

/* Hide the menu toggle button by default */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: white;
    position: absolute;
    top: rem;
    right:-20rem
}

/* Navigation Menu */
.custom-navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.custom-navbar li {
    display: inline-block;
    font-size: 14px;
}

.custom-navbar a {
    text-decoration: none;
    background-color:  #ffffd4;
    color: #a01200;
    padding: 8px 12px;
    
    font-weight: bold;
    display: inline-block;
 
    transition: all 0.3s ease;
}

@media (width: 720px) {
    .menu-toggle {
        position: absolute;
        left: 17rem; /* Adjust as needed */
       
    }
}
@media (width: 344px) {
    .menu-toggle {
        position: absolute;
        right: -14rem; /* Adjust as needed */
       
    }
    .logo img {
        margin-left: -7px;
    }
}

@media (width: 768px) {
    .menu-toggle {
        position: absolute;
        left: 17rem; /* Adjust as needed */
       
    }
    /* .sl{
        
        margin-right: 30rem;
    } */

}


/* Banner Container */
.comman-bg-body {
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 20px 0; */
}

/* Banner Styling */
.container-banner {
    width: 100%;
    height: 282px;
    background: radial-gradient(circle at center, #fbf89c 39%, #d8a335);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}




/* Responsive Design */
@media screen and (max-width: 1024px) {
    .container-banner {
        width: 90%;
        height: auto;
        padding: 20px;
    }

    .logo img {
        max-width: 120px;
    }

    .banner .title {
        font-size: 22px;
    }
}
.set-containt{
    color: white;
    font-size: 17px;
    line-height: 1.5; /* Improve readability */
    padding: 0 20px;  /* 0 for top and bottom, 20px for left and right */
    text-align: justify;

}

/* @media screen and (max-width: 768px) {
    .set-containt{
        font-size: 18px; 
        line-height: 1.6; 
    }
} */
.footer {
    width: 100%;
    height: 200px;
    background-color: #b21100;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    padding: 20px;
    flex-direction: column;
    border-top: 6px solid;
    border-image: linear-gradient(to right, #daa83b, #fbf89c, #d8a335, #fbf89c) 1;
    
}

.footer a {
    color: #ffcc00; /* Light yellow color for links */
    text-decoration: none;
    font-weight: bold;
}

.footer a:hover {
    text-decoration: underline;
}



/* Responsive Design */
@media (max-width: 768px) {
    .footer {
        height: auto;
        padding: 15px;
        font-size: 16px;
    }
    .social-icons a {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .footer {
        height: auto;
        font-size: 14px;
        padding: 10px;
    }
    .social-icons a {
        font-size: 18px;
    }
}



/* Default: Hide close button on desktop */
.close-menu {
    display: none;
}
.menu-logo{
    display: none;
}


.menu-toggle, .close-menu {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

#nav-menu {
    list-style: none;
    padding: 0;
}

#nav-menu li {
    display: inline-block;
    margin: 0 10px;
}

#nav-menu a {
    color: #780f02;
    text-decoration: none;
    /* padding: 10px; */
}



p {
    color: black;
}

.row-banner {
    display: flex;
    align-items: center; /* Aligns items vertically */
    justify-content: center; /* Centers everything */
    width: 100%;
    position: relative;
}

.banner {
    text-align: center;
    flex-grow: 1; /* Ensures H1 stays centered */
}

.title {
    font-size: 40px;
    font-weight: bold;
    /*margin: 0 auto;*/
    margin-right:-40px;
}

.logo {
    position: absolute;
    left: 0; /* Moves logo to the left */
    max-width: 150px;
    height: auto;
    margin-left: 20rem; /* Adjust spacing if needed */
    flex-shrink: 0;
}

/* .logo img {
    max-width: 150px; 
    height: auto;
} */

@media screen and (max-width: 768px) {
    .logo {
        display: flex;
        justify-content: flex-start; /* Align to the left */
        margin-left: 5px; /* Adjust spacing from the left */
    }

    .logo img {
        max-width: 50px; /* Adjust size for mobile */
        height: auto;
    }
}
.color-text{
    font-size: 10px;
}
.pp{
    font-size: 10px;
    margin-left:6rem;
}
.language-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* Center items horizontally */
    background-color: transparent;
    flex-wrap: wrap;
    /* gap: 2px; */
    margin-bottom: 20px; /* Optional spacing between language and icons */
}

.language-list li {
    display: flex; /* Allow flexbox on li to adjust content if needed */
    margin: 0;
}


.language-list a {
    text-decoration: none;
    color: white; /* Text color */
    font-size: 16px;
    padding: 5px ;
    display: block; /* Ensure the link takes up space within its parent */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
    text-decoration: underline; /* Apply underline */
    
}
.list li:not(:last-child)::after {
    content: " | "; /* Adds a vertical separator */
    /*margin-left: 10px;*/
    color: white; /* Set color of separator */
}

.language-list a.active {
    background-color: maroon; /* Active tab background */
    color: white; /* Active tab text color */
}

.sidebar-logo {
    display: none;
}


@media screen and (max-width: 375px) {
    .logo {
        display: flex;
        justify-content: flex-start; /* Align to the left */
        margin-left: 1px; /* Adjust spacing from the left */
    }

    .logo img {
        max-width: 50px; /* Adjust size for mobile */
        height: auto;
    }
}
@media screen and (max-width: 360px) {
    .logo {
        display: flex;
        justify-content: flex-start; /* Align to the left */
        margin-left: -8px; /* Adjust spacing from the left */
    }

    .logo img {
        max-width: 50px; /* Adjust size for mobile */
        height: auto;
    }
}

@media screen and (max-width: 1180px) {
    .logo {
        display: flex;
        justify-content: flex-start; /* Align to the left */
        margin-left: -5px; /* Adjust spacing from the left */
    }

    .logo img {
        max-width: 50px; /* Adjust size for mobile */
        height: auto;
    }
}

.text{
    color: #f5f5f5;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    width: 200px;
    z-index: 1;
    padding: 3px; 
    margin-left: -0.2rem;
    margin-top: -0.2rem;
   
}

.dropdown-content a {
    color: white;
    text-decoration: none;
    display: block;
    margin: 2px 0; /* Adds vertical space between links */
    text-align: left;
    background-color: #a01200;
}


.dropdown:hover .dropdown-content {
    display: block;
}

   /* Show list in horizontal row on mobile screens */
@media (max-width: 768px) {
    .list {
        display: flex !important; /* Ensures the list is visible */
        flex-direction: row; /* Keeps items in a horizontal row */
        justify-content: center; /* Centers items horizontally */
        align-items: center; /* Aligns items in the middle */
       
        list-style: none; /* Removes default bullet points */
        padding: 0;
        margin: 0;
        white-space: nowrap; /* Prevents breaking into new lines */
    }

    .list li {
        display: inline-block; /* Ensures items are inline */
    }

    .list li a {
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-size: 16px; /* Adjust font size */
        display: inline-block;
        text-decoration: underline; /* Apply underline */
    }

    .list li:not(:last-child)::after {
        content: " | "; /* Adds a vertical separator */
        
        color: white; /* Set color of separator */
        font-weight: bold;
        display: inline-block;
    }
}


@media (width: 1280px), 
       (width: 1024px), 
       (width: 820px),
       (width: 912px),
       (width: 853px),
       (width: 912px)  {
    .language-list {
        margin-right: -10px !important;
    }
}

/* /////for laptop */
@media (max-width: 1605px)
       
        {
    .language-list {
        margin-right: -7px !important;
    }
}

@media (max-width: 1366px),
(max-width: 1440px),
        (max-width: 1080px),
        (max-width: 1920px)
       
        {
    .language-list {
        margin-right: -7px !important;
    }
}
@media (max-width: 1808px)
       
        {
    .language-list {
        margin-right: -8px !important;
    }
}

.no-style-link {
    color: white;  /* Keeps the text color unchanged */
    text-decoration: none;  /* Removes underline */
}
.banner .title {
    text-shadow: none !important;
}


/* === MOBILE SIDEBAR STYLES === */
@media screen and (max-width: 768px) {
    /* Toggle Button */
    .menu-toggle {
        display: block;
        font-size: 24px;
        background: none;
        border: none;
        color: white;
        cursor: pointer;
        position: absolute;
        top: -5px;
        left: 15px;
        z-index: 1001;
        transition: opacity 0.3s ease-in-out;
    }
    .custom-navbar a {
        background-color: transparent !important; /* Removes background */
    }

    /* Hide toggle button when sidebar is open */
    .menu-toggle.hidden {
        display: none;
    }

    #nav-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100vw;
        height: 100vh;
        background-color: #a43400;
        display: flex;
        flex-direction: column;
        align-items: center; /* Center menu items */
        justify-content: start;
        padding-top: 60px;
        z-index: 1002;
        transition: left 0.3s ease-in-out;
        overflow-y: auto; /* Allow vertical scrolling if content exceeds the viewport */
    }

    /* Ensure menu shows when active */
    #nav-menu.active {
        left: 0;
    }

    .sidebar-logo {
        width: 10%;
        height: auto;
        display: block !important;
      
    }
    #nav-menu li {
        list-style: none;
        width: 80%;
        text-align: left;
        position: relative;
        margin-left:-1rem;
    }

    #nav-menu li a {
        color: white;
        text-decoration: none;
        font-size: 14px;
        display: block;
        border-bottom: 1px solid white;
 
    }

    /* Dropdown */
    .dropdown-content {
        display: none; /* Initially hidden */
        position: relative;
        width: 100%;
        text-align: left;
        /* background-color: #a01200; */
        margin-top: 5px; /* Space between dropdown and link */
        box-sizing: border-box;
        padding: 5px 0;
    }

    .dropdown-content a {
        display: block;
        text-decoration: none;
        /* background-color: #9f2a00; */
        color: white;
        padding: 10px;
        width: 100%; /* Ensure the dropdown items take full width */
    }

    /* Toggle dropdown visibility */
    .dropdown.active .dropdown-content {
        display: block;
    }

    /* Hide dropdown button */
    .dropbtn {
        display: none !important;
    }

    /* Close Button (X) */
    .close-menu {
        position: absolute;
        top: 15px;
        right: 20px;
        background: none;
        border: none;
        color: white;
        font-size: 24px;
        cursor: pointer;
        display: block; /* Ensure visibility */
        z-index: 1003;
    }

    /* Sidebar should show the close button when active */
    #nav-menu.active .close-menu {
        display: block !important;
    }

    #nav-menu li::after,
    .dropdown-content a::after {
        content: none !important;
    }
}




.h2text{
    font-size: 25px;
    color: black;
    margin-bottom: -15px;
}
.ultext{
    color: black;
}
.h3text{
    font-size: 22px;
    color: black;
    font-weight: bold;
    /* margin-bottom: 2px; */
}
.h4text{
    font-size: 20px;
    color: black;
    font-weight: bold;
    /* margin-bottom: 2px; */
}
  

.dektopimg{
    margin-top: -3rem;
}

@media (max-width: 768px) {
    .set-containt {
        display: flex;
        flex-direction: column;
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
        
    }
    /* .setmargin{
       
    } */
    .set-containt img {
        order: 2; /* Image will appear below text */
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .set-containt p {
        order: 1; /* Text will appear first */
    }
}
@media screen and (max-width: 768px) {
    .desktop-break {
        display: none;
    }
    .dektopimg {
        margin-top: 0 !important; /* Reset margin in mobile view */
    }
    .ultext{
        margin-left: -2rem;
    }
    
}

@media (width: 820px), 
       (width: 853px), 
       (width: 912px),
       (width: 1024px),
       (width: 1280px){
    .dektopimg {
        margin-bottom: -3rem !important;
    }
}
@media (width: 375px), 
       (width: 390px), 
       (width: 344px){
    .dektopimg {
        margin-right: -0.6rem !important;
    }
}


@media  (width: 1280px){
    .logo {
        margin-left: 6rem !important;
    }
}
@media (width: 360px){
    .dektopimg {
        margin-right: -1rem !important;
    }
}

@media (max-width: 768px) {
    .h2text {
        font-size: 17px; /* Adjust h2 font size for mobile */
    }
    
     .h3text {
        font-size: 16px; 
    }
    .h4text{
        font-size: 14px; 
    }
}


/* 31-03-25 */

@media (max-width: 768px) { /* Mobile screen adjustment */
    .set-containt {
        display: flex;
        flex-direction: column; /* Default column layout */
    }

    .ultext {
        order: 2; /* Push the <ul> list after the <p> */
    }

    .set-containt p {
        order: 1; /* Ensures the <p> appears before the <ul> */
    }
}

@media (max-width: 768px) { /* Mobile screen adjustment */
    .set-containt p, .set-containt ul {
        display: block !important;  /* Ensures visibility */
        visibility: visible !important;
    }
}

@media (max-width: 768px) { /* Mobile screen adjustment */
    .textup {
        margin-top: 2px;
    }
   

    .textpuja {
        margin-top: -4rem;
    }

    .textp {
        margin-top: -3rem;
    }
    .text_pset {
        margin-top: -2.5rem;
    }
     .text_new {
            margin-top:-0.5rem;
     }
    
}

@media (max-width: 768px) { /* Mobile screen adjustment */
    .tp {
       margin-left: 2rem;
    }
    .lp{
        margin-left: -1rem;
    }
    
}

@media (max-width: 1366px),
        (max-width: 1440px),
        (max-width: 1080px)
        {
            .lp {
                margin-left: -5px !important;
            }
}

@media (max-width: 1366px),
(max-width: 1440px),
        (max-width: 1080px)
        {
            .dektopimg{
                margin-top: -3rem;
            }
}

@media (max-width: 1366px),
(max-width: 1440px),
        (max-width: 1080px)
        {
            .laptop-break {
                display: inline;
            }
            .desktop-break{
                display: none !important;
            }
        
}
/* @media screen and (max-width: 768px) {
    .set-containt {
        font-size: 16px;
    }
} */


.laptop-break{
    display: none !important;
}

@media (max-width: 768px) { /* Mobile screen adjustment */
    .set-containt{
        font-size: 15px;
    
    }
    
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

.social-icons li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    border-radius: 50%;
    transition: transform 0.3s ease;
    text-decoration: none;
}

/* .social-icons li a:hover {
    transform: scale(1.1);
} */

/* Brand Background Colors */
.social-icons .facebook {
    background-color: #3b5998;
}

.social-icons .whatsapp {
    background-color: #25D366;
}

.social-icons .instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-icons .youtube {
    background-color: #FF0000;
}

/* Responsive */
@media (max-width: 600px) {
    .social-icons li a {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
}
.footer .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* .language-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   
    padding: 0;
    margin: 15px 0;
    list-style: none;
} */
/* Hide language selector by default */
.language-selector {
    display: none !important;
    padding: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .language-selector {
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 10rem;
        border-bottom: none !important;
    }

    .language-selector li {
        list-style: none;
        margin: 0 0.5rem;
        padding: 0 0.5rem;
        color: white;
        font-weight: bold;
        border-left: 1px solid white; /* vertical line */
        border-bottom: none !important;
    }

    .language-selector li:first-child {
        border-left: none; /* remove left border from the first item */
    }

    .language-selector li a {
        color: white;
        text-decoration: none;
        border-bottom: none !important;
    }
}


@media only screen and (max-width: 768px) {
    .cc {
        margin-left:2rem; /* Adjust the value as needed */
    }
}

#online-puja-dropdown .dropdown-content {
    display: none;
}
#online-puja-dropdown.active .dropdown-content {
    display: block;
}


.container-banner {
    text-align: center;
    margin-bottom: 20px;
}

.row-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.logo.lp {
    margin-bottom: 20px;
}

.banner .title.tp {
    font-weight: bold;
    color: #333;
    margin: 0;
}

.contact-form {
  
    padding: 20px;
    border-radius: 8px;

    max-width: 600px;
    margin: 0 auto;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.contact-form .form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 16px;
}



.contact-form .btn {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
}

.set-containt-lp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}

.set-containt-lp .text-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
  max-width: calc(100% - 370px); /* Ensures it fits beside the image */
}

.set-containt-lp .image-container {
  flex: 0 0 350px;
  height: auto;
}

.set-containt-lp img {
  width: 350px;         /* Set fixed width */
  height: 250px;        /* Set fixed height */
  object-fit: cover;    /* Ensures image fills the box and maintains aspect ratio */
  border-radius: 8px;
  display: block;       /* Removes default inline spacing */
}

/* MOBILE: Stack image below text */
@media screen and (max-width: 768px) {
  .set-containt-lp {
    flex-direction: column;
  }

  .set-containt-lp .image-container {
    width: 100%;
    margin-top: 15px;
  }

  .set-containt-lp .text-content {
    max-width: 100%;
  }

  .set-containt-lp .image-after-first-p {
    display: block;
  }

  .set-containt-lp .image-desktop {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .set-containt-lp .text-content {
    max-width: calc(100% - 320px); /* Slightly more flexible */
  }

  .set-containt-lp .image-container {
    flex: 0 0 300px; /* Slightly reduce image width */
  }
}

/* DESKTOP: hide mobile image */
@media screen and (min-width: 769px) {
  .set-containt-lp .image-after-first-p {
    display: none;
  }

  .set-containt-lp .image-desktop {
    display: block;
  }
}

.pandit-container {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        justify-content: center;
        margin-top: 2rem;
    }
    /* ///addded 25-06-2025 */
@media screen and (min-width: 992px) {
    .pandit-container {
        grid-template-columns: repeat(4, 1fr); /* Show 4 in one row on laptop and above */
    }
}

.pandit-card-wrapper {
    display: flex;
    justify-content: center;
}
    .pandit-card {
        background-color: white;
        border: 2px solid #fd7e14;
        border-radius: 15px;
        width: 262px;
        padding: 1.5rem;
        text-align: center;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        position: relative;
    }

    .id-code {
        position: absolute;
        top: 8px;
        font-weight: bold;
        color: #cc0000;
    }

    .pandit-card img {
        width: 5rem;
        height: 5rem;
        border-radius: 10%;
        object-fit: cover;
        border: 2px solid #fd7e14;
        margin-right: 1rem;
        margin-top:1rem;
    }

    .pandit-card h4 {
        color: #cc3300;
        margin-bottom: 0.5rem;
    }

    
    .pandit-card .pandit-info {
        display: flex;
        align-items: center;
        justify-content: flex-start; 
    }

    .pandit-card p {
        font-size: 0.95rem;
        display: inline-block;
        margin: 0;
    }

    .pandit-card .text-info {
        display: flex;
        flex-direction: column;
        margin-left: 1rem;
    }

    .con_btn {
        display: inline-block;
        padding: 4px 14px;
        margin: -2px 6px;
        border-radius: 8px;
        background-color: #ffe0b3;
        border: 1px solid #fd7e14;
        color: #000;
        font-weight: bold;
        text-decoration: none;
        margin-left: -5rem;
    }

    .con_btn:hover {
        background-color: #ffe0b3;
        color: #000;
    }

    .whatsapp-icon {
        font-size: 24px;
        color: green;
    }

    .comment-box {
        text-align: center;
        margin-top: 0.5rem;
        font-size: 0.85rem;
        color: #999;
  
    }
    .gp{
        text-align: center;
    }

    .pagination {
    display: flex;
    justify-content: center; 
    margin-top: 2rem;
}

.pagination .page-item {
    margin: 0 5px; 
}

.pagination .page-item a {
    text-decoration: none;
    padding: 8px 16px;
    background-color: #ffe0b3;
    border: 1px solid #fd7e14;
    color: #000;
    font-weight: bold;
    border-radius: 8px;
    transition: background-color 0.3s;
}

.pagination .page-item a:hover {
    background-color: #fd7e14;
    color: #fff;
}

.pagination .page-item.active a {
    background-color: #fd7e14;
    color: #fff;
}

.review-form-container {
    max-width: 700px;
    margin: 0 auto; /* Horizontally center */
    padding: 15px;  /* Padding for mobile spacing */
}
/* upde te this 25-06-2025 */
@media screen and (max-width: 768px) {
    .pandit-card {
        flex-direction: column;
        width: 304px;
        height: 134px;
        max-width: 98vw;    
        overflow: hidden;   /* Prevents content from pushing size */
        display: flex;
        padding: 1rem;
        box-sizing: border-box;
    }

    .card-left, .card-right {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .phone-btn {
        margin: 10px auto;
        display: block;
    }

    .whatsapp-icon {
        font-size: 2rem;
    }
}
/* upde te this 25-06-2025 */
@media (max-width: 767px) {
  .pandit-info img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
    max-height: 80px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0; /* Prevent image from shrinking */
  }

  .pandit-info {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    width: 100%;
  }

  .text-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width: 100%;
  }
}


.after-content {
    margin-top: 30px;
    padding: 20px;
 
    border-radius: 8px;
}

.info-container {
  display: flex;
  align-items: flex-start; /* Or center */
  gap: 15px; /* Space between image and text */
  margin-top: 10px;
}

.additional-img {
  width: 150px;
  height: 150px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.info-text {
  flex: 1; /* Allow text to take remaining space */
}