.elementor-kit-944{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5b767d5:#7963E0;--e-global-color-7e9b964:#111111;--e-global-color-d8947f4:#222222;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-77edde0-font-family:"Inter";--e-global-typography-77edde0-font-size:16px;--e-global-typography-77edde0-font-weight:500;--e-global-typography-77edde0-text-transform:capitalize;--e-global-typography-75034e7-font-family:"Inter";--e-global-typography-75034e7-font-size:16px;--e-global-typography-75034e7-font-weight:400;--e-global-typography-d89dfcb-font-family:"Inter";--e-global-typography-d89dfcb-font-size:32px;--e-global-typography-d89dfcb-font-weight:600;--e-global-typography-d89dfcb-text-transform:capitalize;}.elementor-kit-944 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base styles for the dropdown, hidden by default */
#accountmenu1 {
    display: none;
    position: absolute;
    z-index: 99;
    top: calc(100% - 30px); /* Positioned right below the profile button */
    right: 0; /* Aligned to the right of the profile button container */
    width: auto; /* The width can be auto or you may specify a fixed width */
}

/* Establish a positioning context for the dropdown */
.profile-button-container {
    position: relative; /* This ensures the dropdown menu is positioned relative to this container */
}

/* Show the dropdown menu when hovering over the account icon */
#account-icon:hover + #accountmenu1,
#accountmenu1:hover { /* Keep the menu open when hovering over it */
    display: block;
}

/* Media query for screens between 1025px and 1120px */
@media screen and (min-width: 1025px) and (max-width: 1120px) {
    #accountmenu1 {
        top: calc(100% - 5px); /* Slightly higher position, adjust the pixel value as needed */
    }
}

/* Media query for large devices */
@media screen and (min-width: 1121px) {
    .profile-button {
        position: relative;
    }

    #accountmenu1 {
        right: calc(100% - 80px); /* Adjust based on the width of the profile button */
        left: auto; /* Reset left positioning if needed */
    }
}

/* Specific media query for extra-large screens (2250px and above) */
@media screen and (min-width: 2250px) {
    #accountmenu1 {
        right: calc(30% - /* half of the profile button's width */); /* Adjust this value */
        transform: translateX(80%); /* Pulls the menu to the left to align under the profile button */
        width: 20vw; /* Sets the width of the dropdown menu to a viewport-width relative size */
        min-width: 200px; /* Ensures the dropdown menu has a minimum width */
    }
}

/* Specific media query for ultra-wide screens (3840px and above) */
@media screen and (min-width: 3840px) {
    #accountmenu1 {
        right: calc(35% - /* half of the profile button's width */); /* Adjust this value */
        transform: translateX(90%); /* Centers the dropdown relative to its new position */
        width: 20vw; /* Sets the width of the dropdown menu to a viewport-width relative size */
        min-width: 200px; /* Ensures the dropdown menu has a minimum width */
    }
}



/* Media query for tablet devices */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #accountmenu1 {
        right: calc(100% - 80px); /* Adjust based on the width of the profile button */
        top: calc(100% - 30px); /* Move the dropdown up by a few pixels */
    }
}/* End custom CSS */