.vsd-294 .vsd-element.vsd-element-81f0146{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--z-index:99;}.vsd-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.vsd-294 .vsd-element.vsd-element-242d116{width:auto;max-width:auto;}.vsd-294 .vsd-element.vsd-element-242d116.vsd-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.vsd-294 .vsd-element.vsd-element-242d116 img{height:42px;}.vsd-widget-heading .vsd-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.vsd-294 .vsd-element.vsd-element-53a6e4c > .vsd-widget-container{margin:0px 0px -5px -12px;}.vsd-294 .vsd-element.vsd-element-53a6e4c .vsd-heading-title{font-family:"Akshar", Sans-serif;font-size:2.3em;font-weight:600;line-height:27px;color:#000000;}.vsd-widget-mega-menu > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .vsd-widget-mega-menu > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .vsd-widget-mega-menu > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.vsd-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.vsd-294 .vsd-element.vsd-element-be7de54{--display:flex;--min-height:224px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #E4EFFB;--margin-top:0.5em;--margin-bottom:0em;--margin-left:2em;--margin-right:0em;}.vsd-294 .vsd-element.vsd-element-76be185{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:wrap;}.vsd-widget-icon.vsd-view-stacked .vsd-icon{background-color:var( --e-global-color-primary );}.vsd-widget-icon.vsd-view-framed .vsd-icon, .vsd-widget-icon.vsd-view-default .vsd-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.vsd-widget-icon.vsd-view-framed .vsd-icon, .vsd-widget-icon.vsd-view-default .vsd-icon svg{fill:var( --e-global-color-primary );}.vsd-294 .vsd-element.vsd-element-2df3b5d > .vsd-widget-container{margin:5px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-2df3b5d.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-2df3b5d .vsd-icon{font-size:59px;}.vsd-294 .vsd-element.vsd-element-2df3b5d .vsd-icon svg{height:59px;}.vsd-294 .vsd-element.vsd-element-d452065{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.vsd-294 .vsd-element.vsd-element-d452065 > .vsd-widget-container{margin:11px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-d452065.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-d452065 .vsd-heading-title{font-family:"Aldrich", Sans-serif;font-size:1.3em;font-weight:600;text-transform:uppercase;color:#252525;}.vsd-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.vsd-widget-text-editor.vsd-drop-cap-view-stacked .vsd-drop-cap{background-color:var( --e-global-color-primary );}.vsd-widget-text-editor.vsd-drop-cap-view-framed .vsd-drop-cap, .vsd-widget-text-editor.vsd-drop-cap-view-default .vsd-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.vsd-294 .vsd-element.vsd-element-8f0845e > .vsd-widget-container{margin:0px 0px -24px 0px;padding:0px 08px 0px 8px;}.vsd-294 .vsd-element.vsd-element-8f0845e{font-family:"Raleway", Sans-serif;font-weight:400;line-height:23px;letter-spacing:0.2px;color:#7A7A7A;}.vsd-294 .vsd-element.vsd-element-260b5a1{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:wrap;}.vsd-294 .vsd-element.vsd-element-beda757 > .vsd-widget-container{margin:5px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-beda757.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-beda757.vsd-view-stacked .vsd-icon{background-color:#383838;}.vsd-294 .vsd-element.vsd-element-beda757.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-beda757.vsd-view-default .vsd-icon{color:#383838;border-color:#383838;}.vsd-294 .vsd-element.vsd-element-beda757.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-beda757.vsd-view-default .vsd-icon svg{fill:#383838;}.vsd-294 .vsd-element.vsd-element-beda757 .vsd-icon{font-size:59px;}.vsd-294 .vsd-element.vsd-element-beda757 .vsd-icon svg{height:59px;}.vsd-294 .vsd-element.vsd-element-a13ab8f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.vsd-294 .vsd-element.vsd-element-a13ab8f > .vsd-widget-container{margin:11px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-a13ab8f.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-a13ab8f .vsd-heading-title{font-family:"Aldrich", Sans-serif;font-size:1.3em;font-weight:600;text-transform:uppercase;color:#252525;}.vsd-294 .vsd-element.vsd-element-2663d75 > .vsd-widget-container{margin:0px 0px -24px 0px;padding:0px 08px 0px 8px;}.vsd-294 .vsd-element.vsd-element-2663d75{font-family:"Raleway", Sans-serif;font-weight:400;line-height:23px;letter-spacing:0.2px;color:#7A7A7A;}.vsd-294 .vsd-element.vsd-element-8c4707d{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:wrap;}.vsd-294 .vsd-element.vsd-element-ebaccf1 > .vsd-widget-container{margin:5px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-view-stacked .vsd-icon{background-color:#000000;}.vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-view-default .vsd-icon{color:#000000;border-color:#000000;}.vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-ebaccf1.vsd-view-default .vsd-icon svg{fill:#000000;}.vsd-294 .vsd-element.vsd-element-ebaccf1 .vsd-icon{font-size:59px;}.vsd-294 .vsd-element.vsd-element-ebaccf1 .vsd-icon svg{height:59px;}.vsd-294 .vsd-element.vsd-element-4a51a71{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.vsd-294 .vsd-element.vsd-element-4a51a71 > .vsd-widget-container{margin:11px 0px 0px 0px;}.vsd-294 .vsd-element.vsd-element-4a51a71.vsd-element{--align-self:flex-start;}.vsd-294 .vsd-element.vsd-element-4a51a71 .vsd-heading-title{font-family:"Aldrich", Sans-serif;font-size:1.3em;font-weight:600;text-transform:uppercase;color:#252525;}.vsd-294 .vsd-element.vsd-element-51c36ae > .vsd-widget-container{margin:0px 0px -24px 0px;padding:0px 08px 0px 8px;}.vsd-294 .vsd-element.vsd-element-51c36ae{font-family:"Raleway", Sans-serif;font-weight:400;line-height:23px;letter-spacing:0.2px;color:#7A7A7A;}.vsd-294 .vsd-element.vsd-element-aac008a{--display:flex;}.vsd-294 .vsd-element.vsd-element-3beefc6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;--flex-wrap:wrap;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(127.94347149392834, 206.60801499964816, 255, 0.5);--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.vsd-294 .vsd-element.vsd-element-3beefc6:not(.vsd-motion-effects-element-type-background), .vsd-294 .vsd-element.vsd-element-3beefc6 > .vsd-motion-effects-container > .vsd-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #E9F9FF 53%, #E4EFFB 100%);}.vsd-294 .vsd-element.vsd-element-5b370d3{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.vsd-294 .vsd-element.vsd-element-5b370d3 > .vsd-widget-container{margin:0px 0px -12px -42px;}.vsd-294 .vsd-element.vsd-element-066de5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.vsd-294 .vsd-element.vsd-element-419290c{font-family:"Tienne", Sans-serif;font-weight:400;}.vsd-294 .vsd-element.vsd-element-41cc6a9{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:auto;max-width:auto;z-index:50;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:-20px;--n-menu-title-font-size:1.1em;--n-menu-title-color-normal:#1F1F1F;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.vsd-294 .vsd-element.vsd-element-41cc6a9.vsd-element{--flex-grow:1;--flex-shrink:0;}.vsd-294 .vsd-element.vsd-element-41cc6a9 > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .vsd-294 .vsd-element.vsd-element-41cc6a9 > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .vsd-294 .vsd-element.vsd-element-41cc6a9 > .vsd-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:500;}.vsd-294 .vsd-element.vsd-element-41cc6a9 {--n-menu-title-color-hover:#FFFFFF;}.vsd-294 .vsd-element.vsd-element-dcfee80 > .vsd-widget-container{margin:0px 0px -6px 0px;}.vsd-294 .vsd-element.vsd-element-dcfee80.vsd-element{--align-self:center;}.vsd-294 .vsd-element.vsd-element-dcfee80 .vsd-icon-wrapper{text-align:center;}.vsd-294 .vsd-element.vsd-element-dcfee80.vsd-view-stacked .vsd-icon{background-color:#404089;}.vsd-294 .vsd-element.vsd-element-dcfee80.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-dcfee80.vsd-view-default .vsd-icon{color:#404089;border-color:#404089;}.vsd-294 .vsd-element.vsd-element-dcfee80.vsd-view-framed .vsd-icon, .vsd-294 .vsd-element.vsd-element-dcfee80.vsd-view-default .vsd-icon svg{fill:#404089;}.vsd-294 .vsd-element.vsd-element-dcfee80 .vsd-icon{font-size:20px;}.vsd-294 .vsd-element.vsd-element-dcfee80 .vsd-icon svg{height:20px;}.vsd-294 .vsd-element.vsd-element-fbfbf3b{--display:flex;--flex-wrap:wrap;--z-index:98;}.vsd-294 .vsd-element.vsd-element-dd68d55.vsd-element{--align-self:center;}.vsd-294 .vsd-element.vsd-element-dd68d55{z-index:99;}.vsd-294 .vsd-element.vsd-element-50ac30a{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.vsd-294 .vsd-element.vsd-element-50ac30a.vsd-element{--flex-grow:0;--flex-shrink:1;}.vsd-294 .vsd-element.vsd-element-2c7fb14{--display:flex;}@media(min-width:768px){.vsd-294 .vsd-element.vsd-element-be7de54{--width:886px;}.vsd-294 .vsd-element.vsd-element-76be185{--width:100%;}.vsd-294 .vsd-element.vsd-element-260b5a1{--width:100%;}.vsd-294 .vsd-element.vsd-element-8c4707d{--width:100%;}.vsd-294 .vsd-element.vsd-element-3beefc6{--content-width:1107px;}.vsd-294 .vsd-element.vsd-element-066de5c{--width:64%;}.vsd-294 .vsd-element.vsd-element-fbfbf3b{--width:220px;}}/* Start custom CSS for text-editor, class: .vsd-element-5b370d3 */.djm-latest-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
}

.djm-latest-list a,
.djm-latest-list a:visited,
.djm-latest-list a:hover,
.djm-latest-list a:active {
    color: black ;
}

.djm-latest-list li {
    position: relative;
    padding: 8px 60px 5px 20px;
    margin: 10px 0;
    border-radius: 16px;
    background: #f9fafb;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djm-latest-list li::before {
    content: "";
    position: absolute;
    top: 10;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    transition: width 0.5s ease;
}

.djm-latest-list li:hover::before {
    width: 100%;
}

.djm-latest-list li:hover {
    background: #e9f5fb;
    transform: translateY(-4px);
    box-shadow: rgba(228, 239, 251, 0.5);
}

.djm-latest-list li span {
    position: relative;
    z-index: 2;
    display: block;
    transition: transform 0.3s ease;
    flex: 1;
    margin-right: 40px;
}

.djm-latest-list li:hover span {
    transform: translateX(15px);
}

.djm-latest-list li:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.djm-latest-list li::after {
    content: '↗️';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    font-size: 22px;
    opacity: 0;
    color: #333;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.djm-latest-list li:hover::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.djm-latest-list li .icon-space {
    display: inline-block;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.djm-latest-list li:hover .icon-space::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
    z-index: -1;
}
/*
.djm-latest-list li:hover .icon-space::before {
    width: 20px;
    height: 20px;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-419290c */.djm-top-news {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
}

.djm-top-news .article {
    display: flex;
    align-items: flex-start; /* Align items to the top */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff; /* Light theme background */
    position: relative;
    padding: 10px;
    flex-wrap: nowrap; /* Prevent wrapping to ensure consistent layout */
}

.djm-top-news .article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.djm-top-news .article img {
    width: 140px; /* Adjusted for better fit */
    height: 120px; /* Adjusted for better fit */
    object-fit: cover;
    border-radius: 8px; /* Rounded corners for images */
    margin-right: 12px; /* Space between image and text */
    transition: transform 0.3s ease;
}

.djm-top-news .article:hover img {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.djm-top-news .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Text takes remaining space */
}

.djm-top-news .article-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-title:hover {
    color: #007acc; /* Highlight title color on hover */
}

.djm-top-news .article-description {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-link {
    font-size: 12px;
    color: #007acc;
    text-decoration: none;
    font-weight: 500;
    align-self: flex-end; /* Align button to the right */
    margin-top: 8px;
    transition: color 0.3s ease;
}

.djm-top-news .article-link:hover {
    color: #005a9e; /* Darker blue on hover */
}

@media (max-width: 768px) {
    .djm-top-news {
        margin: 0; /* Adjust for smaller screens */
    }

    .djm-top-news .article {
        flex-direction: column; /* Stack image and text vertically on small screens */
        align-items: flex-start;
    }

    .djm-top-news .article img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-5b370d3 */.djm-latest-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
}

.djm-latest-list a,
.djm-latest-list a:visited,
.djm-latest-list a:hover,
.djm-latest-list a:active {
    color: black ;
}

.djm-latest-list li {
    position: relative;
    padding: 8px 60px 5px 20px;
    margin: 10px 0;
    border-radius: 16px;
    background: #f9fafb;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djm-latest-list li::before {
    content: "";
    position: absolute;
    top: 10;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    transition: width 0.5s ease;
}

.djm-latest-list li:hover::before {
    width: 100%;
}

.djm-latest-list li:hover {
    background: #e9f5fb;
    transform: translateY(-4px);
    box-shadow: rgba(228, 239, 251, 0.5);
}

.djm-latest-list li span {
    position: relative;
    z-index: 2;
    display: block;
    transition: transform 0.3s ease;
    flex: 1;
    margin-right: 40px;
}

.djm-latest-list li:hover span {
    transform: translateX(15px);
}

.djm-latest-list li:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.djm-latest-list li::after {
    content: '↗️';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    font-size: 22px;
    opacity: 0;
    color: #333;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.djm-latest-list li:hover::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.djm-latest-list li .icon-space {
    display: inline-block;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.djm-latest-list li:hover .icon-space::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
    z-index: -1;
}
/*
.djm-latest-list li:hover .icon-space::before {
    width: 20px;
    height: 20px;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-419290c */.djm-top-news {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
}

.djm-top-news .article {
    display: flex;
    align-items: flex-start; /* Align items to the top */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff; /* Light theme background */
    position: relative;
    padding: 10px;
    flex-wrap: nowrap; /* Prevent wrapping to ensure consistent layout */
}

.djm-top-news .article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.djm-top-news .article img {
    width: 140px; /* Adjusted for better fit */
    height: 120px; /* Adjusted for better fit */
    object-fit: cover;
    border-radius: 8px; /* Rounded corners for images */
    margin-right: 12px; /* Space between image and text */
    transition: transform 0.3s ease;
}

.djm-top-news .article:hover img {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.djm-top-news .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Text takes remaining space */
}

.djm-top-news .article-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-title:hover {
    color: #007acc; /* Highlight title color on hover */
}

.djm-top-news .article-description {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-link {
    font-size: 12px;
    color: #007acc;
    text-decoration: none;
    font-weight: 500;
    align-self: flex-end; /* Align button to the right */
    margin-top: 8px;
    transition: color 0.3s ease;
}

.djm-top-news .article-link:hover {
    color: #005a9e; /* Darker blue on hover */
}

@media (max-width: 768px) {
    .djm-top-news {
        margin: 0; /* Adjust for smaller screens */
    }

    .djm-top-news .article {
        flex-direction: column; /* Stack image and text vertically on small screens */
        align-items: flex-start;
    }

    .djm-top-news .article img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-5b370d3 */.djm-latest-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
}

.djm-latest-list a,
.djm-latest-list a:visited,
.djm-latest-list a:hover,
.djm-latest-list a:active {
    color: black ;
}

.djm-latest-list li {
    position: relative;
    padding: 8px 60px 5px 20px;
    margin: 10px 0;
    border-radius: 16px;
    background: #f9fafb;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djm-latest-list li::before {
    content: "";
    position: absolute;
    top: 10;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    transition: width 0.5s ease;
}

.djm-latest-list li:hover::before {
    width: 100%;
}

.djm-latest-list li:hover {
    background: #e9f5fb;
    transform: translateY(-4px);
    box-shadow: rgba(228, 239, 251, 0.5);
}

.djm-latest-list li span {
    position: relative;
    z-index: 2;
    display: block;
    transition: transform 0.3s ease;
    flex: 1;
    margin-right: 40px;
}

.djm-latest-list li:hover span {
    transform: translateX(15px);
}

.djm-latest-list li:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.djm-latest-list li::after {
    content: '↗️';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    font-size: 22px;
    opacity: 0;
    color: #333;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.djm-latest-list li:hover::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.djm-latest-list li .icon-space {
    display: inline-block;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.djm-latest-list li:hover .icon-space::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
    z-index: -1;
}
/*
.djm-latest-list li:hover .icon-space::before {
    width: 20px;
    height: 20px;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-419290c */.djm-top-news {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
}

.djm-top-news .article {
    display: flex;
    align-items: flex-start; /* Align items to the top */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff; /* Light theme background */
    position: relative;
    padding: 10px;
    flex-wrap: nowrap; /* Prevent wrapping to ensure consistent layout */
}

.djm-top-news .article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.djm-top-news .article img {
    width: 140px; /* Adjusted for better fit */
    height: 120px; /* Adjusted for better fit */
    object-fit: cover;
    border-radius: 8px; /* Rounded corners for images */
    margin-right: 12px; /* Space between image and text */
    transition: transform 0.3s ease;
}

.djm-top-news .article:hover img {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.djm-top-news .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Text takes remaining space */
}

.djm-top-news .article-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-title:hover {
    color: #007acc; /* Highlight title color on hover */
}

.djm-top-news .article-description {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-link {
    font-size: 12px;
    color: #007acc;
    text-decoration: none;
    font-weight: 500;
    align-self: flex-end; /* Align button to the right */
    margin-top: 8px;
    transition: color 0.3s ease;
}

.djm-top-news .article-link:hover {
    color: #005a9e; /* Darker blue on hover */
}

@media (max-width: 768px) {
    .djm-top-news {
        margin: 0; /* Adjust for smaller screens */
    }

    .djm-top-news .article {
        flex-direction: column; /* Stack image and text vertically on small screens */
        align-items: flex-start;
    }

    .djm-top-news .article img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-5b370d3 */.djm-latest-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 800px;
}

.djm-latest-list a,
.djm-latest-list a:visited,
.djm-latest-list a:hover,
.djm-latest-list a:active {
    color: black ;
}

.djm-latest-list li {
    position: relative;
    padding: 8px 60px 5px 20px;
    margin: 10px 0;
    border-radius: 16px;
    background: #f9fafb;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djm-latest-list li::before {
    content: "";
    position: absolute;
    top: 10;
    left: 0;
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    transition: width 0.5s ease;
}

.djm-latest-list li:hover::before {
    width: 100%;
}

.djm-latest-list li:hover {
    background: #e9f5fb;
    transform: translateY(-4px);
    box-shadow: rgba(228, 239, 251, 0.5);
}

.djm-latest-list li span {
    position: relative;
    z-index: 2;
    display: block;
    transition: transform 0.3s ease;
    flex: 1;
    margin-right: 40px;
}

.djm-latest-list li:hover span {
    transform: translateX(15px);
}

.djm-latest-list li:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.djm-latest-list li::after {
    content: '↗️';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scale(0.8);
    font-size: 22px;
    opacity: 0;
    color: #333;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.djm-latest-list li:hover::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.djm-latest-list li .icon-space {
    display: inline-block;
    width: 40px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.djm-latest-list li:hover .icon-space::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease;
    z-index: -1;
}
/*
.djm-latest-list li:hover .icon-space::before {
    width: 20px;
    height: 20px;
}
*//* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-419290c */.djm-top-news {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
}

.djm-top-news .article {
    display: flex;
    align-items: flex-start; /* Align items to the top */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff; /* Light theme background */
    position: relative;
    padding: 10px;
    flex-wrap: nowrap; /* Prevent wrapping to ensure consistent layout */
}

.djm-top-news .article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.djm-top-news .article img {
    width: 140px; /* Adjusted for better fit */
    height: 120px; /* Adjusted for better fit */
    object-fit: cover;
    border-radius: 8px; /* Rounded corners for images */
    margin-right: 12px; /* Space between image and text */
    transition: transform 0.3s ease;
}

.djm-top-news .article:hover img {
    transform: scale(1.05); /* Slight zoom effect on hover */
}

.djm-top-news .article-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Text takes remaining space */
}

.djm-top-news .article-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-title:hover {
    color: #007acc; /* Highlight title color on hover */
}

.djm-top-news .article-description {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap; /* Prevent text overflow */
    overflow: hidden;
    text-overflow: ellipsis; /* Handle overflow with ellipsis */
}

.djm-top-news .article-link {
    font-size: 12px;
    color: #007acc;
    text-decoration: none;
    font-weight: 500;
    align-self: flex-end; /* Align button to the right */
    margin-top: 8px;
    transition: color 0.3s ease;
}

.djm-top-news .article-link:hover {
    color: #005a9e; /* Darker blue on hover */
}

@media (max-width: 768px) {
    .djm-top-news {
        margin: 0; /* Adjust for smaller screens */
    }

    .djm-top-news .article {
        flex-direction: column; /* Stack image and text vertically on small screens */
        align-items: flex-start;
    }

    .djm-top-news .article img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .vsd-element-41cc6a9 */.main-menu {
    background: transparent;
    backdrop-filter: blur(10px);
    border-radius: 15px;
    transition: backdrop-filter 0.3s;
    position: relative;
    z-index: 99;
}

.main-menu .e-n-menu-title-container:hover {
    color: #fff !important;
}

.main-menu .e-n-menu-title-container {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    transition: color 0.3s, transform 0.3s, background 0.3s;
    z-index: 5;
}

.main-menu .e-n-menu-item::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
}

.main-menu:hover {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.main-menu .e-n-menu-title-container:hover {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    color: #fff;
    transform: scale(1.05);
}

.main-menu .e-n-menu-content {
    position: absolute; 
    top: 100%;
    left: 0;
    z-index: 999;
    border-radius: 10px;
    padding: 10px;
    min-width: 200px;
    margin: 0;
}

.main-menu .e-n-menu-title-container:hover + .e-n-menu-content {
    display: block;
}

.main-menu .e-n-menu-content:hover {
    display: block; 
    z-index: 5;
}

.main-menu .e-n-menu-content .vsd-element {
    margin-bottom: 0;
}

.main-menu .e-n-menu-content .vsd-element .article {
    display: flex;
    margin-bottom: 0;
}

/* Prevent color change on hover near the link */
.main-menu .e-n-menu-item:hover .e-n-menu-title-container {
    color: #fff; /* Ensure the inactive color stays */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-dd68d55 *//* Parent container of "Моят Профил" should have position: relative but its not working fm*/
.header-link .my-profile-menu {
    position: relative;
    display: inline-block;
}

/* Profile Menu Container */
.my-profile-menu {
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    z-index: 100;
    background-color: #fff;
    min-width: 250px;
}

/* List Items Styling */
.my-profile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.my-profile-menu li {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Links Styling */
.my-profile-menu a {
    text-decoration: none;
    color: #333; /* Dark text color */
    font-size: 16px;
    font-weight: 500;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease;
    width: 100%;
}

/* Subtle hover effect for links */
.my-profile-menu a:hover {
    color: #007bff;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 6px;
}

/* Emoji specific styling */
.my-profile-menu li a .emoji {
    margin-right: 15px;
    transition: transform 0.3s ease;
}

/* Emoji zoom effect on hover */
.my-profile-menu li:hover .emoji {
    transform: scale(1.5);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .vsd-element-dd68d55 *//* Parent container of "Моят Профил" should have position: relative but its not working fm*/
.header-link .my-profile-menu {
    position: relative;
    display: inline-block;
}

/* Profile Menu Container */
.my-profile-menu {
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    z-index: 100;
    background-color: #fff;
    min-width: 250px;
}

/* List Items Styling */
.my-profile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.my-profile-menu li {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Links Styling */
.my-profile-menu a {
    text-decoration: none;
    color: #333; /* Dark text color */
    font-size: 16px;
    font-weight: 500;
    display: block;
    transition: color 0.2s ease, background-color 0.2s ease;
    width: 100%;
}

/* Subtle hover effect for links */
.my-profile-menu a:hover {
    color: #007bff;
    background-color: rgba(0, 123, 255, 0.1);
    border-radius: 6px;
}

/* Emoji specific styling */
.my-profile-menu li a .emoji {
    margin-right: 15px;
    transition: transform 0.3s ease;
}

/* Emoji zoom effect on hover */
.my-profile-menu li:hover .emoji {
    transform: scale(1.5);
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .vsd-element-50ac30a */.header-user-avatar {
    margin-top:2px;
    display: inline-block;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.header-user-avatar img {
    width: 100%;
    height: auto;
}

.header-user-avatar:hover {
    transform: scale(1.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-fdd2585 */.vsd-heading-title a {
  display: inline-block;
  font-size: 3em;
  font-weight: bold;
  color: #333;
  line-height: 1;
  white-space: nowrap;
}

.vsd-heading-title a span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.vsd-heading-title a.animate span {
  opacity: 1;
  transform: translateY(0);
}

.vsd-heading-title a span:nth-child(1) { transition-delay: 0.1s; }
.vsd-heading-title a span:nth-child(2) { transition-delay: 0.2s; }
.vsd-heading-title a span:nth-child(3) { transition-delay: 0.3s; }
/* Add transition delays for each span as needed *//* End custom CSS */
/* Start custom CSS *//* Container for menu items */
.menu-box {
    opacity: 0;
    transform: scale(0.9);
    animation: fadeInScale 0.2s ease-in-out forwards;
    z-index: 99;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Staggered delays for titles */
.menu-box:nth-child(1) .djm-cat-title {
    animation-delay: 0.1s;
}

.menu-box:nth-child(2) .djm-cat-title {
    animation-delay: 0.2s;
}

.menu-box:nth-child(3) .djm-cat-title {
    animation-delay: 0.3s;
}

/* Staggered delays for icons */
.menu-box:nth-child(1) .djmcat-icon {
    animation-delay: 0.15s;
}

.menu-box:nth-child(2) .djmcat-icon {
    animation-delay: 0.25s;
}

.menu-box:nth-child(3) .djmcat-icon {
    animation-delay: 0.35s;
}

/* Staggered delays for descriptions */
.menu-box:nth-child(1) .djm-cat-desc {
    animation-delay: 0.2s;
}

.menu-box:nth-child(2) .djm-cat-desc {
    animation-delay: 0.3s;
}

.menu-box:nth-child(3) .djm-cat-desc {
    animation-delay: 0.4s;
}

/* Hover effect for menu items */
.menu-box:hover {
    background-color: rgba(228, 239, 251, 0.5);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

/* Title animation */
.djm-cat-title {
    display: inline-block;
    opacity: 0;
    transform: scale(1);
    transition: transform 0.3s ease;
    animation: fadeInUp 0.2s ease-in-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.menu-box:hover .djm-cat-title {
    transform: translateY(-10px) scale(1.2);
}

/* Icon animation */
.djmcat-icon {
    display: inline-block;
    opacity: 0;
    transform: translateX(-10px); /* Horizontal slide in */
    animation: fadeInRight 0.2s ease-in-out forwards;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-10px); /* Starts from the left */
    }
    to {
        opacity: 1;
        transform: translateX(0); /* Ends at normal position */
    }
}

/* Description animation */
.djm-cat-desc {
    display: inline-block;
    opacity: 0;
    transform: translateY(00px); /* Slight downward movement */
    margin-top: 8px; /* Add margin to separate from other elements */
    animation: fadeInDown 0.2s ease-in-out forwards;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(10px); /* Starts slightly below */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Ends at normal position */
    }
}

.menu-box .vsd-icon {
    transition: transform 0.3s ease;
    transform-origin: center; /* Ensures scaling is centered */
    will-change: transform; /* Optimizes for smoother transitions */
}

.menu-box:hover .vsd-icon {
    transform: scale(1.2); /* Adjust scale as needed */
}

#menubar-689 .e-n-menu-title-container {
    color: #1f1f1f;
}

#menubar-689 .e-n-menu-title-container::hover {
    color: #fff;
}/* End custom CSS */