/* Slider Start */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
}

.slider-section {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-item {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.slider-item img {
    width: 100%;
    height: auto;
}

/* Hide on different devices */
.desktop-banner {
    display: block;
}

.mobile-banner {
    display: none;
}

@media (max-width: 1024px) {
    .desktop-banner {
        display: none;
    }

    .mobile-banner {
        display: block;
    }
}

/* End Slider Start */



/* Home Page main tite and description */
.custom-section {
    padding: 10px 10px;
    text-align: center;
}

.custom-container {
    max-width: 1200px;
    margin: 0 auto;
}

.custom-column {
    padding: 20px;
}

/* Heading Styling */
.widget-heading .heading-title {
    font-size: 45px;
    font-weight: 700; /* Bold */
    color: #333; /* Heading color */
    margin-bottom: 20px;
    line-height: 60px;
    font-family: 'Inter', sans-serif; /* Inter Font Applied */
    font-style: normal;
    text-transform: capitalize;
}

/* Mobile Responsive for Heading */
@media (max-width: 768px) {
    .widget-heading .heading-title {
        font-size: 30px; /* Adjust font size for smaller screens */
        line-height: 35px; /* Adjust line-height for readability */
    }
}



/* Text Editor Styling */
.widget-text-editor p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #1e1e1e;
    font-size: 20px;
    line-height: 28px;
}

/* Mobile Responsive for Text */
@media (max-width: 768px) {
    .widget-text-editor p {
        font-size: 16px; /* Adjust font size for smaller screens */
        line-height: 25px; /* Adjust line height */
    }
}

@media (max-width: 480px) {
    .widget-text-editor p {
        font-size: 16px; /* Further decrease for mobile devices */
        line-height: 25px; /* Adjust line-height for readability */
    }
}


.widget-button .button-link {
    display: inline-block;
    background-color: #FFE01B; /* Button background */
    border: 1.5px solid black;
    color: black;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease-in-out; /* Smooth transition */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}

.widget-button .button-link:hover {
    background-color: transparent;
    border-color: black;
    color: black;
    transform: scale(1.1); /* Slightly enlarge button */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}




/* End Home Page main tite and description */




/* Home Page Services Section Start */
.service-section {
    padding: 50px 20px;
    text-align: center;
}

.service-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns for desktop */
    gap: 30px; /* Spacing between items */
    margin-bottom: -50px;
    margin-top: -20px;
}

.service-item {
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    background-color: #fff;
}

.service-item a {
    text-decoration: none;
    color: inherit;
}

.service-image {
    max-width: 100%;
    height: auto;
    border-radius: 0px;
    transition: transform 0.3s ease;
}

.service-item:hover .service-image {
    transform: scale(1.05); /* Hover effect for image */
}

.service-title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-top: 20px;
}

/* View All Services button styling */
.view-all-services {
    text-align: center;
    margin-top: 50px;
}

.view-all-button {
    background-color: #FFE01B;
    border: 2px solid black;
    color: black;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 25px;
    text-decoration: none;
    transition: background-color 0.3s, border 0.3s;
}

.view-all-button:hover {
    background-color: white;
    border-color: black;
    color: black;
}

/* Mobile and Tablet Layout */
@media (max-width: 1024px) {
    .service-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablet view */
    }
}

@media (max-width: 768px) {
    .service-container {
        grid-template-columns: 1fr; /* Single column for mobile */
    }
}
/* End Home Page Services Section*/




/* Unique Way Us Section Start */
.unique-custom-section {
    padding: 0; /* Full width section */
    width: 100%; /* Full width */
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: space-between; /* Distribute cards evenly */
}

.unique-card {
    flex: 1 1 calc(25% - 20px); /* Ensures 4 cards per row with spacing */
    min-width: 250px;
    margin-bottom: 20px;
    position: relative;
    height: 600px; /* Fixed height for uniform card size */
    border: none; /* Ensure no border around the card */
}

.unique-cta-box {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100%; /* Ensure cards take full height */
    text-align: left;
    border: none; /* Ensure no border on the background image */
    transition: transform 0.5s ease; /* Smooth zoom effect */
    will-change: transform; /* Optimize for performance */
    overflow: hidden; /* Prevent zoomed image from overflowing */
}



.unique-cta-box:hover {
    transform: translateY(-20px);
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
}




/* Title positioning */
.unique-cta-content {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.unique-cta-title {
    font-size: 24px;
    font-weight: bold;
    color: rgb(12, 12, 12);
}

/* Description and button positioning */
.unique-cta-description {
    background-color: #F7E8C7; /* Background color for description */
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.unique-cta-text {
    font-size: 16px;
    margin-bottom: 15px;
}

.unique-cta-button {
    background-color: transparent;
    border: 1px solid black;
    color: black;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.unique-cta-button:hover {
    background-color: black;
    color: white;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .unique-custom-section {
        flex-direction: column;
        align-items: center;
    }

    .unique-card {
        flex: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .unique-cta-box {
        padding: 30px;
        height: 600px;
    }

    .unique-cta-title {
        font-size: 20px;
    }

    .unique-cta-text {
        font-size: 14px;
    }

    .unique-cta-button {
        font-size: 14px;
    }
}

/* End Unique Way Us Section */






/* Services Section Start*/

.education-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Container for Columns */
.education-container {
    display: flex;
    width: 100%;
    max-width: 1920px;
    flex-wrap: wrap;
}

/* Column Styling */
.education-column {
    width: 50%;
    padding: 20px;
}

/* Image Column */
.image-column .image-container img {
    width: 100%;
    height: auto;
}

/* Content Column */
.content-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Reverse row layout */
.education-container.reverse-row .image-column {
    order: 2; /* Move image to the right */
}

.education-container.reverse-row .content-column {
    order: 1; /* Move content to the left */
}

/* Button Styling */
.button-container {
    display: flex;
    justify-content: flex-start;
}

.education-button {
    display: inline-flex;
    align-items: center;
    background-color: #FFE01B;
    border: 2px solid black;
    color: black;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50px;
    text-decoration: none;
    transition: background-color 0.3s ease, border 0.3s ease;
}

.education-button:hover {
    background-color: #FFE01B;
    border-color: black;
    color: black;
}

.education-button i {
    margin-right: 8px;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .education-container {
        flex-direction: column; /* Stack image and content vertically */
        align-items: center;
    }

    .education-column {
        width: 100%;
        padding: 15px;
    }

    /* Ensure image is above content */
    .image-column {
        order: 1; /* Image will appear first */
    }

    .content-column {
        order: 2; /* Content (title, description, and button) will appear below image */
    }

    .education-heading {
        font-size: 1.5rem;
    }

    .education-description {
        font-size: 1rem;
    }

    .education-button {
        font-size: 12px;
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .education-heading {
        font-size: 1.2rem;
    }

    .education-description {
        font-size: 0.9rem;
    }

    .education-button {
        font-size: 11px;
        padding: 8px 15px;
    }
}

/* End Services Section*/




/* Brand Start*/
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;

  }

  .slider-container {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
  }

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

  .card {
    flex: 0 0 25%;
    padding: 10px;
    border: none; /* Remove any borders around the card */
  }

  .card img {
    width: 100%;
    height: auto;
    border: none; /* Remove any borders around the card */
  }

  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .arrow.left {
    left: 10px;
  }

  .arrow.right {
    right: 10px;
  }
/* End Brand */



/* Portfolio card Start */
* {
    margin: 0;
    padding: 0;
   
}

body {
    font-family: Arial, sans-serif;
}

/* Section styling */
.card-section {
    width: 100%;
    padding: 20px;
}

/* Card styling */
.card {
    overflow: hidden;    
    margin-bottom: 20px; /* Add some margin between cards */
    display: flex;
    flex-direction: column; /* Ensure card content stacks vertically */
    height: 100%; /* Make card height flexible based on content */
    border: none; /* Remove any borders around the card */
}


/* Card image styling */
.card-img-top {
    width: 100%;
    height: 200px; /* Adjust height to fit the image */
    object-fit: cover; /* Ensures the image covers the space */
}

/* Card title and text styling */
.card-body {
    padding: 10px 15px;
    flex-grow: 1; /* Allow card body to take up remaining space */
}

.card-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.card-text {
    font-size: 14px;
    color: #141414;
    margin-bottom: 10px; /* Add margin at the bottom for spacing */
    text-align: center;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .card-img-top {
        height: 150px; /* Reduce the image height on smaller screens */
    }

    .card-body {
        padding: 10px; /* Adjust padding for smaller screens */
    }
}

@media screen and (max-width: 480px) {
    .card-img-top {
        height: 120px; /* Further reduce image height for mobile screens */
    }

    .card-body {
        padding: 8px; /* Adjust padding further on mobile */
    }
}

/* Portfolio card End */



.table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS */
    margin-bottom: 20px;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    overflow: hidden;
}
th, td {
    padding: 10px;
    text-align: center;
    border: 1.50px solid #3b3b3b;
}
th {
    background-color: #FBFAFA;
    color: rgb(29, 29, 29);
    font-size: 1.1em;
}
tr:nth-child(even) {
    background-color: #f2f2f2;
}
tr:hover {
    background-color: #FBFAFA;
}
.included {
    color: green;
    font-weight: bold;
}
.not-included {
    color: red;
    font-weight: bold;
}
.note {
    margin-top: 10px;
    text-align: center;
    font-style: italic;
    color: #bd0000;
}
@media (max-width: 768px) {
    table {
        font-size: 0.9em;
    }
    th, td {
        padding: 8px;
    }
    h1, h2 {
        font-size: 1.5em;
    }
}
@media (max-width: 480px) {
    table {
        font-size: 0.8em;
    }
    th, td {
        padding: 6px;
    }
    h1, h2 {
        font-size: 1.2em;
    }
}