.elementor-10389 .elementor-element.elementor-element-4cb0526{--display:flex;--min-height:725px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--border-radius:40px 40px 40px 40px;}.elementor-10389 .elementor-element.elementor-element-4cb0526::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-background-video-container::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .e-con-inner > .elementor-background-video-container::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-background-slideshow::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://onlinesocialjobs.com/wp-content/uploads/2025/03/Box-A-01.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-10389 .elementor-element.elementor-element-4cb0526.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10389 .elementor-element.elementor-element-2e10b24 > .elementor-widget-container{padding:50px 100px 0px 100px;}.elementor-10389 .elementor-element.elementor-element-2e10b24{text-align:start;font-family:"Codec Pro", Sans-serif;font-size:26px;font-weight:400;line-height:1.4em;color:#FFFFFF;}.elementor-10389 .elementor-element.elementor-element-8cea1bd > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-10389 .elementor-element.elementor-element-4cb0526{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-10389 .elementor-element.elementor-element-4cb0526{--width:100%;}}@media(max-width:1024px){.elementor-10389 .elementor-element.elementor-element-4cb0526{--min-height:350px;}.elementor-10389 .elementor-element.elementor-element-2e10b24 > .elementor-widget-container{padding:25px 25px 0px 25px;}.elementor-10389 .elementor-element.elementor-element-2e10b24{font-size:14px;line-height:18px;}.elementor-10389 .elementor-element.elementor-element-8cea1bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-10389 .elementor-element.elementor-element-4cb0526{--min-height:650px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10389 .elementor-element.elementor-element-4cb0526::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-background-video-container::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .e-con-inner > .elementor-background-video-container::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-background-slideshow::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10389 .elementor-element.elementor-element-4cb0526 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:cover;}.elementor-10389 .elementor-element.elementor-element-2e10b24 > .elementor-widget-container{margin:25px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-10389 .elementor-element.elementor-element-2e10b24{font-size:16px;line-height:1.5em;}}/* Start custom CSS for html, class: .elementor-element-8cea1bd */.btn:focus {
display: flex;
            width: 210px;
            height: 50px;
            padding-left: 30px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            border-radius: 25px;
            background: #FFF;
            color: #310D7D;
            border: none;

            /* Desktop/buttons 2 */
            font-family: Codec Pro;
            font-size: 17px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 22.1px */
            
            outline: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
            overflow: hidden;
            /* Add this line to hide overflow */
    
}
.btn{      
            display: flex;
            width: 210px;
            height: 50px;
            padding-left: 30px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            border-radius: 25px;
            background: #FFF;
            color: #310D7D;
            border: none;

            /* Desktop/buttons 2 */
            font-family: Codec Pro;
            font-size: 17px;
            font-style: normal;
            font-weight: 500;
            line-height: 100%; /* 22.1px */
            
            outline: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
            overflow: hidden;
            /* Add this line to hide overflow */
        }


        .btn-primary:hover {
            background-color: white;
            color: #22DB54;
            padding-left: 50px;
        }

        /* Create a circle with SVG */
        .circle-svg {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: url('https://onlinesocialjobs.com/wp-content/uploads/2023/08/blue-dot.svg') center/cover;
            position: absolute;
            left: 10px;
            transition: all 0.3s ease-out, transform 0.3s ease-out;
            /* Added transform transition */
            opacity: 1;
          transform:scale(1);
        }

        .btn:hover .circle-svg {
            transform: scale(1);
            /* Zoom in effect */
            opacity: 0;
            /* Fades out the SVG circle */
        }

        .btn:hover::before {
            content: url('https://onlinesocialjobs.com/wp-content/uploads/2023/08/arrow-right-green.svg');
            position: absolute;
            left: 8px;
            top: 5px;
            animation: hover-button1 0.3s ease-out;
        }

        @keyframes hover-button1 {
            0% {
                opacity: 1;
          transform:scale(0);
                        transform-origin: left 50%;
            }

            100% {
                opacity: 1;
          transform:scale(1);
              transform-origin: left 50%;
            transition: all 0.3s ease-out, cubic-bezier(.32,0,.07,1);
            }
        }/* End custom CSS */