/*
    Main Colors:
        #ft7678
        #6bc2a3
*/

:root {
    --primary-color: #3498db; /* Customize this value as needed */
    --secondary-color: #2ecc71; /* Second color for contrast */
    --text-color: #6bc2a3; /* Main text color */
    --background-color: #f8f9fa; /* Background color */
    --footer-background-color: #e7d4c2; /* Background color */
}

/*.rz-px-8, .rz-pl-8{
    padding-left: unset !important;
}
*/
body {
    font-weight: 500;
}

h5, .rz-text-h5 .rz-m-0 {
    color: unset !important;
}

.elementor-2501 .elementor-element.elementor-element-16b5185 .tp-mobile-menu .tp-loop-inner, .elementor-2501 .elementor-element.elementor-element-16b5185 .tp-mobile-menu .tp-mm-c-wrapper, .elementor-2501 .elementor-element.elementor-element-16b5185 .tp-mobile-menu .tp-mm-c-wrapper .tp-loop-inner, .elementor-2501 .elementor-element.elementor-element-16b5185 .tp-mobile-menu .tp-mm-et-wrapper {
    /*background-color: rgba(0,0,0,0.2);*/
    background-color: #555A4D;
}

.headerlogo {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    z-index: 10;
}
header {
    background-color: transparent !important;
    color: #fff;
}

.transparent-dropdown {
    color: #fff !important;
}
.ddlvalue{
    color: #000;
}
.custom-dialog[dir="rtl"] {
   .DialogItemMainColor {
    font-size: 12px;     
   }
}
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>");
}

.GradientBG {
    z-index: 90;
    /*background: radial-gradient(ellipse at bottom, #215F6A 10%, #0c0d13 100%);*/
    background-color: #111111;
}



.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, #215F6A 10%, #0c0d13 100%);*/
    color: #69C2A0;
}

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

.video-background {
    /*background: #1E1E20 url(../images/6/bg.png) center top repeat;*/
    background-image: url("../images/6/videos/Home_BG.gif");
    top: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    min-height: 800px;
    position: absolute;    
    left: 0;
}

.content {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-top: 20rem;
}

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

.CardImage {
    height: auto;
    max-width: 100%;
    object-fit: fill !important;
}

.rz-card img {
    width: 140px;
    height: 120px;
    /*border-radius: 10%;*/
    transition: transform 0.5s;
    margin-bottom: 0.0rem;
    object-fit: cover;
    margin-top: 5px;
}

.rz-g > div, .rz-datalist-data > li {
    padding: unset !important;
}

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

.TextInsideCard {
    padding-left: 15px; /* Ensure there is padding around the content */
    word-wrap: break-word; /* Allows long words to break and wrap to the next line */
    overflow-wrap: break-word; /* Similar to word-wrap, but also works with other text formats */
    white-space: normal; /* Ensures normal whitespace handling */
    /* Optional: Set a max-width if needed */
    max-width: 100%; /* Prevents exceeding the card's width */
    color: var(--text-color);
}

.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: #6bc2a3 !important;*/
    color: #EDB32E !important;
}


.MainButton {
    background-color: #6bc2a3 !important;
    color: #fff !important;
}

    /*.rz-g > div{
    padding-left: 10px !important;
}*/
    .MainButton:hover {
        background-color: unset !important;
        color: unset !important;
    }
.rz-badge-primary{
    background-color: unset !important;
}
.DialogItemMainColor {
    color: #EDB32E !important;
    padding-left: 10px !important;
}



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;
}



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

.bodySubComponent {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #1E1E20 url(../images/6/bg.png) center top no-repeat;
    background-size: cover;
    /*    background: radial-gradient(ellipse at bottom, #ccd6b4 0%, #0c0d13 160%);*/
    overflow: hidden;
}

.menu-label {
    font-size: 16px; /* Font size for the label */
    color: #fff; /* Text color */
    font-weight: 300; /* Bold text for emphasis */
    text-align: center;
    /*line-height: revert;*/
    letter-spacing: 2px;
    color: #69C2A0 !important;
    margin: 10px 40px 10px 40px !important;
    padding: 15px !important;
    border: 2px solid #69C2A0 !important;
}


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

.RightArror {
    /*color: #EDB32E !important;*/
    color: #69C2A0 !important;
}

.rz-card.rz-variant-filled {
    /*background-color: rgba(33, 95, 106, 0.7);*/
    background-color: white;
}
.footer {
    /*background-color: rgba(51, 51, 51, 0.8);*/ /* Semi-transparent background */
    /*background-color: rgba(242, 118, 120, 1);*/
    /*background-color: rgba(107, 194, 163, 0.3);*/
    /*background-color: #215F6A;*/
    /*background-color: rgba(33, 95, 106, 0.7);*/
    background-color: #000;
}

footer {
    margin-top: 20px;
    /*height: 50px;*/
    z-index: 50;
    a span
    {
        /*color: rgb(239, 180, 46) !important;*/
        color: #69C2A0 !important
    }
}

.FooterSVGColor {
    /*fill: #f27678;*/
    /*fill: #207ea7;*/
    /*fill: rgb(239, 180, 46);*/
    fill: #69C2A0 !important;
}