body {
    background: linear-gradient(to bottom, white, #ffafcc); /* Smooth transition from white to pale hot pink */
    font-family: Arial, sans-serif;
    scroll-behavior: smooth;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

.para1 {
    font-size: 18px;
}
.display-text {
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}
.para1{
    font-size: 18px;
}
.video-container {
    width: 80%; /* Adjust width to be responsive */
    max-width: 1200px; /* Ensures it doesn't exceed 1050px */
    height: 450px; /* Keeps fixed height */
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto; /* Centers the container */
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the container properly */
}


/* Main container styling */
.service-container {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #E5B4B4;
padding: 40px;
border-radius: 15px;
max-width: 1100px;
margin: 50px auto;
flex-wrap: wrap; /* Allows content to wrap on smaller screens */
gap: 20px;
}

/* Text section styling */
.text-section {
flex: 1; /* Takes equal space */
max-width: 600px;
}

/* Heading */
.text-section h1 {
font-size: 28px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}

/* Features container */
.Services-features {
display: flex;
flex-direction: column;
gap: 15px;
}

/* Individual feature */
.Services-feature {
display: flex;
align-items: center;
gap: 10px;
background: #fff;
padding: 12px;
border-radius: 8px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Icon styling */
.Services-feature i {
font-size: 20px;
color: #28a745;
}

/* Image section */
.Services-image-section {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}

.Services-image-section img {
max-width: 100%;
border-radius: 10px;
}

/* 🌍 Responsive Styles */

/* Tablet view (768px and below) */
@media (max-width: 768px) {
.service-container {
flex-direction: column;
text-align: center;
padding: 30px;
}

.text-section {
max-width: 100%;
}

.Services-feature {
justify-content: center;
}
}

/* Mobile view (480px and below) */
@media (max-width: 480px) {
/* Main container styling */
.service-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #E5B4B4;
    padding: 40px;
    border-radius: 15px;
    max-width: 1100px;
    margin: 50px auto;
    flex-wrap: wrap; /* Allows content to wrap on smaller screens */
    gap: 20px;
}

/* Text section styling */
.text-section {
    flex: 1; /* Takes equal space */
    max-width: 600px;
}

/* Heading */
.text-section h1 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

/* Features container */
.Services-features {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Individual feature */
.Services-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* Icon styling */
.Services-feature i {
    font-size: 20px;
    color: #28a745;
}

/* Image section */
.Services-image-section {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Services-image-section img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

/* 🌍 Responsive Styles */

/* Tablet view (768px and below) */
@media (max-width: 768px) {
    .service-container {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .text-section {
        max-width: 100%;
    }

    .Services-features {
        width: 100%; /* Increase width */
        padding: 20px; /* Increase padding for height */
    }

    .Services-feature {
        justify-content: center;
        padding: 15px; /* Increase padding for height */
    }
}

/* Mobile view (480px and below) */
@media (max-width: 480px) {
    .service-container {
        padding: 20px;
        border-radius: 10px;
    }

    .text-section h1 {
        font-size: 24px;
    }

    .Services-features {
        width: 100%; /* Increase width */
        padding: 25px; /* Increase padding for height */
    }

    .Services-feature {
        flex-direction: column;
        text-align: center;
        padding: 20px; /* Increase padding for height */
    }

    .Services-feature i {
        font-size: 18px;
    }

}
}
@media screen and (max-width: 768px) {
    .text-section h1 {
        font-size: 28px;
    }

    .feature p {
        font-size: 14px;
    }

    .image-section {
        max-width: 300px;
    }
}

@media screen and (max-width: 480px) {
    .service-container {
        padding: 20px;
    }

    .text-section h1 {
        font-size: 24px;
    }

    .feature {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .image-section {
        max-width: 250px;
    }
}

.vision-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    padding: 50px;
    border-radius: 20px;
    max-width: 1100px;
    margin: 50px auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    color: white;
}
/* Text Section */
.vision-text-section {
flex: 1;
max-width: 600px;
padding: 20px;
}

.vision-text-section h1 {
font-size: 38px;
font-weight: 700;
margin-bottom: 20px;
color: #fff;
}

/* Features Section */
.vision-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 20px;
}

.vision-feature {
background: #282828;
padding: 15px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3);
text-align: center;
}

.vision-feature i {
font-size: 24px;
color: #FFD700;
margin-bottom: 10px;
}

.vision-feature p {
font-size: 16px;
color: #eee;
line-height: 1.6;
}

/* Image Section */
.vision-image-section {
flex: 1;
max-width: 500px;
text-align: center;
}

.vision-image-section img {
width: 100%;
max-width: 400px;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3);
}

/* Responsive Styles */
@media screen and (max-width: 992px) {
.vision-container {
flex-direction: column;
}

.vision-features {
grid-template-columns: 1fr;
}

.vision-image-section img {
max-width: 350px;
margin-top: 20px;
}
}

@media screen and (max-width: 768px) {
.vision-text-section h1 {
font-size: 32px;
}

.vision-feature p {
font-size: 15px;
}

.vision-image-section img {
max-width: 300px;
}
}

@media screen and (max-width: 480px) {
.vision-text-section h1 {
font-size: 28px;
}

.vision-feature {
padding: 10px;
}

.vision-feature p {
font-size: 14px;
}

.vision-image-section img {
max-width: 250px;
}
}

/* Specialization Container */
.Specialization-container {
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(135deg, #0072ff, #00c6ff);
padding: 50px;
border-radius: 20px;
max-width: 1100px;
margin: 50px auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
color: white;
flex-wrap: wrap;
gap: 30px;
}

/* Text Section */
.Specialization-text-section {
width: 55%;
}

.Specialization-text-section h1 {
font-size: 36px;
margin-bottom: 15px;
}

.Specialization-text-section p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}

/* Features List */
.Specialization-features {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

.Specialization-feature {
display: flex;
align-items: center;
gap: 10px;
width: 48%;
font-size: 16px;
background: rgba(255, 255, 255, 0.2);
padding: 10px;
border-radius: 10px;
}

.Specialization-feature i {
background-color: white;
color: #0072ff;
border-radius: 50%;
padding: 8px;
font-size: 18px;
}

/* Image Section */
.Specialization-image-section {
width: 40%;
max-width: 300px;
border-radius: 10px;
overflow: hidden;
}

.Specialization-image-section img {
width: 100%;
border-radius: 10px;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
.Specialization-container {
flex-direction: column;
text-align: center;
padding: 40px;
}

.Specialization-text-section {
width: 100%;
padding: 0;
}

.Specialization-text-section h1 {
font-size: 32px;
}

.Specialization-features {
justify-content: center;
}

.Specialization-feature {
width: 100%;
justify-content: center;
}

.Specialization-image-section {
width: 100%;
max-width: 400px;
}
}

@media screen and (max-width: 768px) {
.Specialization-text-section h1 {
font-size: 28px;
}

.Specialization-text-section p {
font-size: 16px;
}

.Specialization-feature {
font-size: 14px;
}

.Specialization-image-section {
max-width: 300px;
}
}

@media screen and (max-width: 480px) {
.Specialization-container {
padding: 20px;
}

.Specialization-text-section h1 {
font-size: 24px;
}

.Specialization-feature {
flex-direction: column;
text-align: center;
gap: 5px;
}

.Specialization-image-section {
max-width: 250px;
}
}

/* Main Container */
.choose-container {
display: flex;
flex-direction: column;
align-items: center;
background: #112B57;
padding: 50px;
border-radius: 20px;
max-width: 1100px;
margin: 50px auto;
box-shadow: 0 10px 30px rgba(173, 216, 230, 0.3);
text-align: center;
}

/* Headings */
.choose-container h1 {
font-size: 38px;
margin-bottom: 25px;
font-weight: 700;
color: #AFCDE7;
border-bottom: 3px solid #AFCDE7;
display: inline-block;
padding-bottom: 5px;
}

/* Paragraphs */
.choose-container p {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.6;
max-width: 800px;
color: white;
}

/* Features Section */
.choose-features {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
}

/* Feature Cards */
.choose-feature {
display: flex;
align-items: center;
gap: 15px;
width: 45%;
background: rgba(173, 216, 230, 0.1);
padding: 15px;
border-radius: 12px;
transition: 0.3s ease-in-out;
box-shadow: 0 4px 10px rgba(173, 216, 230, 0.2);
}

.choose-feature:hover {
background: rgba(173, 216, 230, 0.2);
transform: scale(1.05);
}

/* Icons */
.choose-feature i {
background: #AFCDE7;
color: #112B57;
border-radius: 10px;
padding: 12px;
font-size: 20px;
box-shadow: 0 5px 15px rgba(173, 216, 230, 0.4);
}

.choose-feature p {
font-size: 16px;
font-weight: 500;
color: white;
}

/* Commitment Section */
.choose-commitment {
margin-top: 40px;
background: rgba(173, 216, 230, 0.1);
padding: 30px;
border-radius: 15px;
max-width: 800px;
box-shadow: 0 5px 20px rgba(173, 216, 230, 0.3);
}

.choose-commitment h2 {
font-size: 28px;
color: #AFCDE7;
margin-bottom: 15px;
}

.choose-commitment p {
font-size: 16px;
line-height: 1.6;
color: white;
}

/* ✅ Responsive Styles */
@media screen and (max-width: 992px) {
.choose-feature {
width: 100%;
}

.choose-feature p {
font-size: 15px;
}

.choose-container h1 {
font-size: 32px;
}

.choose-commitment {
padding: 20px;
}
}

@media screen and (max-width: 768px) {
.choose-container {
padding: 30px;
}

.choose-feature {
flex-direction: column;
text-align: center;
}

.choose-feature i {
padding: 10px;
font-size: 18px;
}

.choose-feature p {
font-size: 14px;
}

.choose-container h1 {
font-size: 28px;
}

.choose-commitment {
padding: 20px;
}

.choose-commitment h2 {
font-size: 24px;
}
}

@media screen and (max-width: 480px) {
.choose-container {
padding: 20px;
}

.choose-container h1 {
font-size: 24px;
}

.choose-feature {
padding: 10px;
}

.choose-feature p {
font-size: 13px;
}

.choose-feature i {
padding: 8px;
font-size: 16px;
}

.choose-commitment {
padding: 15px;
}

.choose-commitment h2 {
font-size: 22px;
}
}
.partner-container {
    max-width: 1100px;
    margin: auto;
    background: #660000;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}

.partner-container h1 {
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #FFD700;
    border-bottom: 3px solid #FFD700;
    display: inline-block;
    padding-bottom: 5px;
}

.description {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.6;
    color: white;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.partner-card {
    background: rgba(255, 215, 0, 0.1);
    padding: 25px;
    border-radius: 15px;
    width: 45%;
    min-width: 300px;
    transition: 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.2);
    border: 2px solid #FFD700;
}

.partner-card:hover {
    background: rgba(255, 215, 0, 0.3);
    transform: scale(1.05);
}

.partner-card h2 {
    color: #FFD700;
    font-size: 24px;
    margin-bottom: 10px;
}

.partner-card p {
    font-size: 16px;
    line-height: 1.5;
    color: white;
}

.footer-text {
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.6;
    background: rgba(255, 215, 0, 0.1);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
    color: white;
}


.map-container {
    max-width: 1100px;
    margin: auto;
    padding: 30px;
    background: #333;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(255, 215, 0, 0.3);
}

.map-box {
    background: rgba(255, 215, 0, 0.1);
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.2);
    border: 2px solid #FFD700;
}

.map-box h2 {
    color: #FFD700;
    font-size: 22px;
    margin-bottom: 10px;
}

iframe {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    border: 2px solid #FFD700;
}

@media (max-width: 992px) {
    .display-text {
        font-size: 36px;
    }
    .display-text> h1 {
        font-size: 28px;
    }
    .para1 {
        font-size: 16px;
        padding: 15px;
    }
    .image-container {
        max-width: 90%;
    }
}

@media (max-width: 768px) {
    .display-text {
        font-size: 30px;
    }
    .display-text> h1 {
        font-size: 24px;
    }
    .para1 {
        font-size: 14px;
        padding: 10px;
    }
    .image-container {
        max-width: 95%;
    }
}

@media (max-width: 480px) {
    .display-text {
        font-size: 24px;
    }
    .display-text> h1 {
        font-size: 20px;
    }
    .para1 {
        font-size: 12px;
        padding: 10px;
    }
    .image-container {
        max-width: 100%;
    }
}
.product-container {
    background-color: orangered;
    border-radius: 20px;
    padding: 20px;
    max-width: 1100px;
    margin: 20px auto;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Three images per row */
    gap: 20px;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 350px; /* Increased height */
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    border-radius: 8px;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 8px;
    overflow: hidden;
}

.flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.flip-card-back {
    background-color: white;
    transform: rotateY(180deg);
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-description {
    font-size: 0.9em;
    color: #666;
}

@media (max-width: 992px) {
    .image-grid {
        grid-template-columns: repeat(2, 1fr); /* Two images per row */
    }
}

@media (max-width: 600px) {
    .image-grid {
        grid-template-columns: repeat(1, 1fr); /* One image per row */
    }
}