.elementor-4023 .elementor-element.elementor-element-1e04f5b8{--display:flex;--margin-top:0rem;--margin-bottom:5.1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-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 );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4023 .elementor-element.elementor-element-76b31fc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-4023 .elementor-element.elementor-element-76b31fc3.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:414px){.elementor-4023 .elementor-element.elementor-element-76b31fc3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:1px;}.elementor-4023 .elementor-element.elementor-element-76b31fc3 p{margin-block-end:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-76b31fc3 *//* Base style for both Register and Sign In buttons */
.tutor-btn.tutor-btn-primary.tutor-btn-block {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #FFCC00 !important; /* Yellow default */
    color: #000 !important;               /* Black text default */
    border: none !important;              /* Remove border */
    transition: color 0.4s ease, background-color 0.4s ease;
}

/* Sliding black background */
.tutor-btn.tutor-btn-primary.tutor-btn-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;           /* Start off-screen left */
    width: 100%;
    height: 100%;
    background-color: #000; /* Black sliding color */
    z-index: -1;
    transition: left 0.6s ease;
}

/* Hover effect */
.tutor-btn.tutor-btn-primary.tutor-btn-block:hover::before {
    left: 0;               /* Slide in from left to right */
}

/* Hover text color */
.tutor-btn.tutor-btn-primary.tutor-btn-block:hover {
    color: #fff !important;
}

/* Ensure inner text also changes color */
.tutor-btn.tutor-btn-primary.tutor-btn-block:hover span,
.tutor-btn.tutor-btn-primary.tutor-btn-block:hover {
    color: #fff !important;
}

.tutor-pt-24 {
    padding-top: 24px;
    padding-left: 20px;
}





/* Default state: no underline */
.tutor-btn-ghost {
    position: relative !important; /* For pseudo-element positioning */
    text-decoration: none !important;
    color: #000 !important;
    transition: color 0.3s ease !important;
}

/* Create the animated underline using ::after */
.tutor-btn-ghost::after {
    content: " " !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0 !important; /* Start with 0 width */
    height: 1px !important; /* Thickness of underline */
    background: #ffcc00 !important; /* Yellow color */
    transition: width 0.2s ease-in-out !important; /* Smooth slide */
}

/* On hover: expand underline */
.tutor-btn-ghost:hover::after {
    width: 100% !important;
}


/*/login responsivenss/*/
@media (max-width: 768px) {
    
    .tutor-d-flex.tutor-justify-between {
        flex-direction: column !important;
        align-items: flex-start !important; 
        gap: 15px !important; 
    }

    .tutor-btn-ghost {
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e04f5b8 */.n1UuX-DkfjY {
  margin-left: 0 !important;
}
.qJTHM{
        padding: 2px 1px !important;
}
.container-div {
    
}/* End custom CSS */