.GradientBG {
    position: absolute; /* Positioning to allow for covering */
    /*background-image: url("../images/5/home_page.png");*/
    left: 50%; /* Center the video */
    top: 50%; /* Center the video */
    min-width: 100%;
    min-height: 100%;
    width: auto; /* Maintain aspect ratio */
    height: 100vh; /* Maintain aspect ratio */
    margin: 0;
    transform: translate(-50%, -50%); /* Center the video */
    object-fit: contain; /* Ensure the video covers the container */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
.TextInsideCard
    {
        padding-left: 10px;
        color: #555A4D !important;
    }
}

header {    
    color: #fff;
}

.headerlogo {
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 50px;
}
.transparent-dropdown {
    color: #fff !important;
}

select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
}

.ddlvalue {
    color: #000;
}

.rz-card.rz-variant-filled {
    background-color: #fff;
}
h5, .rz-text-h5 .rz-m-0 {
    color: #000 !important;
}

.rz-px-8, .rz-pl-8{
    padding-left: unset !important;
}


.more-details {
    z-index: 90;
    color: #000;
    background-color: #fff;
    /*background: radial-gradient(ellipse at bottom, #303030 0%, #0c0d13 160%);*/
    background: radial-gradient(ellipse at bottom, #555A4D 10%, #555A4D 100%);
}

.rz-link, .rz.rz-link a, .back-btn span, .rz-link span, rz-breadcrumb-item span, rz-breadcrumb-item, .rz-label, .rzi-primary, .rz-breadcrumb-item + .rz-breadcrumb-item::before, svg {
    color: #fff !important;
    font-size: 12px !important;
    fill: white !important;
}

.category-icon {
    color: rgba(0, 0, 0, 0.3); /* Semi-transparent color */
}

.circle {
    width: 100px; /* Size of the circle */
    height: 100px; /* Size of the circle */
    border-radius: 50%; /* Make it round */
    background-color: rgba(0, 123, 255, 0.0); /* Semi-transparent color */
    border: 5px solid rgba(0, 0, 0, 0.3);
    display: flex; /* Use Flexbox for centering */
    flex-direction: column; /* Stack children vertically */
    justify-content: center; /* Centering SVG and text */
    align-items: center; /* Centering SVG and text */
    animation: circlePulse 1.5s infinite; /* Pulsating effect */
    padding: 10px;
}

.animated-icon {
    width: 64px; /* Size for the icon */
    height: 64px; /* Size for the icon */
    animation: fadeRotateScale 1s ease forwards; /* Main animation */
    padding: 20px;
}

.menu-label {
    font-size: 16px; /* Font size for the label */
    color: #fff; /* Text color */
    margin-top: 5px; /* Space between icon and text */
    margin-bottom: 5px; /* Space between icon and text */
    font-weight: 300; /* Bold text for emphasis */
    text-align: center;
    line-height: revert;
    letter-spacing: 2px;
}

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

@keyframes fadeRotateScale {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(-45deg); /* Starting with a spin in the opposite direction */
    }

    50% {
        opacity: 0.7;
        transform: scale(1.1) rotate(-15deg); /* Slight enlargement and rotation */
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg); /* Final form */
    }
}

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

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

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}


.RadzenCardCustomClass {
    /*         background: rgba(204, 214, 180, .6);*/
    background-color: #fff !important;
}

#video-container {
    position: absolute; /* Positioning to allow for covering */
    background-image: url("../images/5/videos/Home_BG.gif");
    left: 50%; /* Center the video */
    top: 50%; /* Center the video */
    min-width: 100%; /* Ensure it covers full width */
    min-height: 100%; /* Ensure it covers full height */
    width: auto; /* Maintain aspect ratio */
    height: auto; /* Maintain aspect ratio */
    transform: translate(-50%, -50%); /* Center the video */
    object-fit: cover; /* Ensure the video covers the container */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.rz-card {
    padding: unset !important;
    /* max-width: 190px; */
}

    .rz-card img {
        width: 140px;
        height: 140px;
        /* border-radius: 10%; */
        transition: transform 1.5s;
    }

        .rz-card img:hover {
            transform: scale(1.2);
        }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}


.rz-carousel-items {
    background-color: #000 !important;
    border: 10px solid #fff !important;
    max-height: 150px !important;
}

.rz-badge-primary.rz-shade-light {
    background-color: #424F83 !important;
    color: #fff !important;
}


.MainButton {
    background-color: #424F83 !important;
    color: #fff !important;
}

.rz-g > div {
    padding-left: 10px !important;
}

.MainButton:hover {
    background-color: unset !important;
    color: unset !important;
}

.DialogItemMainColor {
    color: #142d56;
}

button[disabled] {
    pointer-events: none;
}

a:hover {
}

/*.Background-color-white{
    background-color: white !important;
}
*/
.InsidePage_Category {
    background-image: url('/images/1/PrimaryLogo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 180px;
    padding-bottom: 10px;
}

.rz-badge-primary.rz-shade-light {
    background-color: #424F83 !important;
    color: #fff !important;
}

.VideoListText {
    color: #555A4D !important;
}

.bodySubComponent {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: radial-gradient(ellipse at bottom, #ccd6b4 0%, #0c0d13 160%);
    overflow: hidden;
}

.cardTextDetails {
    color: #222222;
    background-color: rgba(255, 255, 255, 0);
}




.RightArror {
    background-color: #ffffff !important;
    color: #000 !important;
}
/*.footer {*/
/* Semi-transparent background */
/*background-color: rgba(51, 51, 51, 0.8);*/
/*background-color: #e7d4c2;
    color: black;
}*/

.fade-title {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    animation: fadeIn 0.5s forwards;
}

.icon-container {
    text-align: center;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

footer {
    /*background-color: rgba(0,0,0,0.3);*/
    background-color: #555A4D; /* Semi-transparent background */
    margin-top: 20px;
    height: 60px;
    z-index: 50;
    a span

{
    color: black !important;
}

}

footer {
    margin-top: 20px;
    /*height: 50px;*/
    z-index: 50;
    a span

{
    /*color: #f27678 !important;*/
    color: #fff !important;
}

}

.FooterSVGColor {
    /*fill: #f27678;*/
    fill: #fff;
}