1<!DOCTYPE html><!-- Last Published: Fri Aug 07 2026 12:47:42 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="relocatenow.webflow.io" data-wf-page="67b81ff8b9b2e68c902f1eea" data-wf-site="65804df9c877e0fb025e2689" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>login</title><meta content="login" property="og:title"/><meta content="login" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="B4gaCAMJ4NAe53a1foBxF_QezonU1JODGNVykBvfz5c" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/css/relocatenow.webflow.shared.ed0c2400a.css" rel="stylesheet" type="text/css" integrity="sha384-7QwkAKRNy9Fiu9zF13YVidgONss1xIRl6CnXaey9PleKj/53ZYDXRB5PxtB16oGz" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/65804df9c877e0fb025e2752_Favicon.svg" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/65804df9c877e0fb025e2753_Webclip.svg" rel="apple-touch-icon"/><link href="https://www.relocatenow.io/login" rel="canonical"/>
vendor: 86 bytes, line 1
1<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
1<!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 6})(window,document,'script','dataLayer','
6GTM-5CJ724R5
vendor: 3 bytes, line 6
6');
6</script>
6 7<!-- End Google Tag Manager --> 8 9<!-- Digital Sparks Cookie Consent -->
10<script async src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script>
vendor: 1 bytes, line 10
10
11<script async src="https://cdn.jsdelivr.net/gh/digital-sparks/cookie-consent-boost@1/dist/index.js"></script>
11 12<!-- Digital Sparks Cookie Consent --> 13 14<!-- [Attributes by Finsweet] Disable scrolling -->
15<script src="https://p.usestyle.ai" defer></script>
15 16<meta name="google-site-verification" content="LaWivX6jnXaDqoICaXKZWlYQiTH81bE-hfCclHg5goA" />
17<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>
17 18<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 19<link href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" rel="stylesheet" type="text/css"/> 20<link href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.1/remodal.min.css" rel="stylesheet" type="text/css"/> 21<link href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.1/remodal-default-theme.min.css" rel="stylesheet" type="text/css"/> 22<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
23<script type="text/javascript"> 24 (function(c,l,a,r,i,t,y){ 25 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 26 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 27 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 28 })(window, document, "clarity", "script", "p45syb4dqv"); 29</script>
29 30<style> 31 /* Hide webflow badge */ 32 .w-webflow-badge { display: none !important; } 33 34 /* Scroll */ 35 ::-webkit-scrollbar { width: 10px; } 36 ::-webkit-scrollbar-thumb { background: #ccc;} 37 ::-webkit-scrollbar-track { background: #fff;} 38 39/** text animation **/ 40[text-split] {opacity: 0;} 41html.w-editor [text-split] {opacity: 1;} 42 43.word { 44 overflow: hidden; 45 padding-right: 0rem; 46 padding-bottom: 0.1em; 47 margin-bottom: -0.1em; 48 transform-origin: bottom; 49 vertical-align: top !important; 50} 51 52/**scroll animation**/ 53[data-aos] { 54 pointer-events: none; 55} 56.aos-animate { 57 pointer-events: auto; 58} 59.aos-init[data-aos][data-aos].aos-animate { 60 transform: unset; 61} 62 63@keyframes rotate { 64 from { 65 transform: rotate(0deg); 66 } 67 to { 68 transform: rotate(360deg); 69 } 70} 71 72</style> 73 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> 74 75<style> 76 .blocks img { 77 width: auto !important; 78} 79.div-block-104.close-icon:hover { 80 background-color: #FF4121 !IMPORTANT; 81} 82.div-block-104.close-icon:hover svg path 83{ 84 stroke:#fff !important; 85} 86.div-block-104.close-icon:active { 87 background-color: #ed3415 !IMPORTANT; 88 89} 90.div-block-104.close-icon:active svg path 91{ 92 stroke:#fff !important; 93} 94 95 96input.submit-button.w-button:hover { 97 background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121; 98 99} 100 101input.submit-button.w-button:active { 102 background: linear-gradient(0deg, rgba(2, 2, 2, 0.08) 0%, rgba(2, 2, 2, 0.08) 100%), #FF4121; 103 104} 105.popup-block.visible { 106 display: block; 107 } 108.text-field { 109 110 color: var(--purple) !important; 111 112 font-size: 15px !important; 113 114} 115 @keyframes slideAnimationslideone { 116 0% { 117 right: 0; 118 top: 0px; 119 } 120 121 50% { 122 right: 20px; 123 top: 10px; 124 } 125 126 100% { 127 right: 0; 128 top: 0px; 129 } 130 } 131 132 img.slideone-block-one { 133 position: absolute; 134 top: 0px; 135 right: 0; 136 animation: slideAnimationslideone 3s ease-in-out infinite; /* 2s duration, ease-in-out for smooth transitions */ 137 } 138 @keyframes slideAnimationslidetwo { 139 0% { 140 left: 0; 141 top: 35px; 142 } 143 144 50% { 145 top: 10px; 146 left: 20px; 147 } 148 149 100% { 150 left: 0; 151 top: 35px; 152 } 153 } 154 155 img.slideone-block-two{ 156 position: absolute; 157 left: 0; 158 top: 35px; 159 animation: slideAnimationslidetwo 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 160 } 161 @keyframes slideAnimationslidethree { 162 0% { 163 bottom: 23px; 164 right: 40px; 165 } 166 167 50% { 168 bottom: 13px; 169 right: 10px; 170 } 171 172 100% { 173 bottom: 23px; 174 right: 40px; 175 } 176 } 177 178 img.slideone-block-three{ 179 position: absolute; 180 bottom: 23px; 181 right: 40px; 182 animation: slideAnimationslidethree 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 183 } 184 @keyframes slideAnimationslidefour { 185 0% { 186 bottom: 0; 187 left: 50%; 188 } 189 190 50% { 191 left: 48%;bottom: 10px; 192 } 193 194 100% { 195 bottom: 0; 196 left: 50%; 197 } 198 } 199 200 img.slideone-block-four{ 201 position: absolute; 202 bottom: 0; 203 left: 50%; 204 animation: slideAnimationslidefour 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 205 } 206 207 208 .slide-two .blocks { 209 position: absolute; 210 width: 455px; 211 height: 466px; 212 text-align: left; 213 right: 22px; 214 top: 27px; 215 } 216 @keyframes animationslidetwobone { 217 0% { 218 right: 100px; 219 top: 30px; 220 } 221 222 50% { 223 right: 110px; 224 top: 0; 225 } 226 227 100% { 228 right: 100px; 229 top: 30px; 230 } 231 } 232 img.slidetwo-block-one { 233 position: absolute; 234 right: 100px; 235 top: 30px; 236 animation: animationslidetwobone 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 237 238 } 239 @keyframes animationslidetwobtwo { 240 0% { 241 left: 212px; 242 top: 75px; 243 } 244 245 50% { 246 left: 172px; 247 top: 55px; 248 } 249 250 100% { 251 left: 212px; 252 top: 75px; 253 } 254 } 255 img.slidetwo-block-two { 256 position: absolute; 257 left: 212px; 258 top: 75px; 259 animation: animationslidetwobtwo 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 260 261 } 262 @keyframes animationslidetwobfour { 263 0% { 264 left: 37px; 265 bottom: 43px; 266 } 267 268 50% { 269 bottom: 33px; 270 left: 40px; 271 } 272 273 100% { 274 left: 37px; 275 bottom: 43px; 276 } 277 } 278 img.slidetwo-block-four { 279 left: 37px; 280 position: absolute; 281 bottom: 43px; 282 animation: animationslidetwobfour 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 283 284 } 285 @keyframes animationslidetwobthree { 286 0% { 287 bottom: 30px; 288 right: 37px; 289 } 290 291 50% { 292 bottom: 20px; 293 right: 77px; 294 } 295 296 100% { 297 bottom: 30px; 298 right: 37px; 299 } 300 } 301 img.slidetwo-block-three { 302 position: absolute; 303 bottom: 30px; 304 right: 37px; 305 animation: animationslidetwobthree 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 306 307 } 308 .slide-three .blocks { 309 position: absolute; 310 width: 439px; 311 height: 561px; 312 bottom: -70px; 313 right: -18px; 314 } 315 @keyframes animationslidethreebone { 316 0% {
317 right: 26px; 318 top: 27px; 319 } 320 321 50% { 322 top: 37px; 323 right: 46px; 324 } 325 326 100% { 327 right: 26px; 328 top: 27px; 329 } 330 } 331 img.slidethree-block-one { 332 right: 26px; 333 top: 27px; 334 position: absolute; 335 animation: animationslidethreebone 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 336 337 } 338 @keyframes animationslidethreebtwo { 339 0% { 340 top: 66px; 341 right: 96px; 342 } 343 344 50% { 345 top: 26px; 346 right: 116px; 347 } 348 349 100% { 350 top: 66px; 351 right: 96px; 352 } 353 } 354 img.slidethree-block-two { 355 top: 66px; 356 right: 96px; 357 position: absolute; 358 animation: animationslidethreebtwo 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 359 360 } 361 @keyframes animationslidethreebthree { 362 0% { 363 top: 19px; 364 left: 26px; 365 } 366 367 50% { 368 top: 1px; 369 left: 46px; 370 } 371 372 100% { 373 top: 19px; 374 left: 26px; 375 } 376 } 377 img.slidethree-block-three { 378 top: 19px; 379 left: 26px; 380 position: absolute; 381 animation: animationslidethreebthree 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 382 383 } 384 @keyframes animationslidethreebfive { 385 0% { 386 left: 63px; 387 bottom: 26px; 388 } 389 390 50% { 391 bottom: 6px; 392 left: 83px; 393 } 394 395 100% { 396 left: 63px; 397 bottom: 26px; 398 } 399 } 400 img.slidethree-block-five { 401 position: absolute; 402 left: 63px; 403 bottom: 26px; 404 animation: animationslidethreebfive 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 405 406 } 407 @keyframes animationslidethreebfour { 408 0% { 409 bottom: 19px; 410 right: 114px; 411 } 412 413 50% { 414 right: 94px; 415 bottom: 29px; 416 } 417 418 100% { 419 bottom: 19px; 420 right: 114px; 421 } 422 } 423 img.slidethree-block-four { 424 position: absolute; 425 bottom: 19px; 426 right: 114px; 427 animation: animationslidethreebfour 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 428 429 } 430 431 .slider-four .blocks { 432 position: absolute; 433 width: 487px; 434 height: 532px; 435 text-align: left; 436 right: -53px; 437 top: -60px; 438 } 439 @keyframes animationslidefourbone { 440 0% { 441 left: 0; 442 top: 49px; 443 } 444 445 50% { 446 left: 20px; 447 top: 39px; 448 } 449 450 100% { 451 left: 0; 452 top: 49px; 453 } 454 } 455 img.slidefour-block-one { 456 left: 0; 457 top: 49px; 458 position: absolute; 459 animation: animationslidefourbone 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 460 461 462 } 463 @keyframes animationslidefourbtwo { 464 0% { 465 top: 0; 466 left: 112px; 467 } 468 469 50% { 470 top: 20px; 471 left: 122px; 472 } 473 474 100% { 475 top: 0; 476 left: 112px; 477 } 478 } 479 img.slidefour-block-two { 480 top: 0; 481 left: 112px; 482 position: absolute; 483 animation: animationslidefourbtwo 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 484 485 486 } 487 @keyframes animationslidefourbfour { 488 0% { 489 top: 51px; 490 right: 128px; 491 } 492 493 50% { 494 top: 41px; 495 right: 108px; 496 } 497 498 100% { 499 top: 51px; 500 right: 128px; 501 } 502 } 503 img.slidefour-block-four { 504 position: absolute; 505 top: 51px; 506 right: 128px; 507 animation: animationslidefourbfour 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 508 509 } 510 @keyframes animationslidefourbfive { 511 0% { 512 right: 0; 513 bottom: 8px; 514 } 515 516 50% { 517 bottom: 18px; 518 right: 30px; 519 } 520 521 100% { 522 right: 0; 523 bottom: 8px; 524 } 525 } 526 img.slidefour-block-five { 527 right: 0; 528 bottom: 8px; 529 position: absolute; 530 animation: animationslidefourbfive 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 531 532 533 } 534 @keyframes animationslidefourbthree { 535 0% { 536 bottom: 0; 537 left: 73px; 538 } 539 540 50% { 541 left: 93px; 542 bottom: 10px; 543 } 544 545 546 100% { 547 bottom: 0; 548 left: 73px; 549 } 550 } 551 img.slidefour-block-three { 552 bottom: 0; 553 left: 73px; 554 position: absolute; 555 animation: animationslidefourbthree 3s ease-in-out infinite; /* 4s duration, ease-in-out for smooth transitions */ 556 557 558 } 559 .slide-one .blocks { 560 top: -23px; 561 text-align: left; 562 left: 120px; 563 position: absolute; 564 height: 420px; 565 width: 311px; 566 } 567.workspaces-links { 568 flex-wrap: wrap; 569} 570 571.workspaces-links a.active { 572 border-color: #ff4121; 573 color: #ff4121; 574} 575.swiper-pagination { 576 bottom: 0px !IMPORTANT; 577} 578 579.swiper { 580 padding-bottom: 40px; 581} 582 583.swiper-slide .paragraph { 584 margin-bottom: 0 !important; 585} 586.show-btn-onclick 587{ 588visibility:hidden;} 589 590span.swiper-pagination-bullet { 591 margin-right: 3px !important; 592 margin-left: 3px !important; 593 background: rgba(252, 248, 236, 0.30); 594} 595 596.swiper-pagination-bullet-active { 597 background: #FFCA24 !important; 598 width: 23px; 599 border-radius: 30px; 600} 601</style></head><body class="workspace-login"><div class="div-block-99 popup-block"><div class="div-block-100"><div class="div-block-101"><div class="div-block-104 close-icon"><div class="code-embed-4 w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 602<path d="M12.25 12.25L1.75 1.75" stroke="#620035" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 603<path d="M12.25 1.75L1.75 12.25" stroke="#620035" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 604</svg></div></div><div class="dubai-div"><div class="div-block-103"><div class="content-popup"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a33861c604a981c59d8404_Icon.png" loading="lazy" alt=""/></div><div class="image-block-popup"><h1 class="heading-42 use-heading">United Arab Emirates!<br/>We are almost there.</h1><p class="paragraph-3">Stay tunned and join the wishlist today.</p></div><div class="form-popop"><div class="form-block-2 whishlist-submission w-form"><form id="wf-form-uaeform" name="wf-form-uaeform" data-name="uaeform" method="post" class="form-2" data-wf-page-id="67b81ff8b9b2e68c902f1eea" data-wf-element-id="afdf19c1-9808-a139-5e8a-b8b446676264"><input class="text-field w-input" maxlength="256" name="email-4" data-name="Email 4" placeholder="Write your email" type="email" id="email-4" required=""/><input type="submit" data-wait="Please wait..." class="submit-button w-button" value="Send"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div><div class="gorgia-div"><div class="div-block-103"><div class="content-popup"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a33861c604a981c59d8404_Icon.png" loading="lazy" alt=""/></div><div class="image-block-popup"><h1 class="heading-42 gorg">Georgia!</h1>
604<h1 class="heading-42 g-div">We are almost there.</h1><p class="paragraph-3">Stay tunned and join the wishlist today.</p></div><div class="form-popop"><div class="w-form"><form id="wf-form-gorgiaform" name="wf-form-gorgiaform" data-name="gorgiaform" method="post" class="form-3" data-wf-page-id="67b81ff8b9b2e68c902f1eea" data-wf-element-id="afdf19c1-9808-a139-5e8a-b8b44667627a"><input class="text-field w-input" maxlength="256" name="Email-4" data-name="Email 4" placeholder="Write your email" type="email" id="Email-4" required=""/><input type="submit" data-wait="Please wait..." class="submit-button w-button" value="Send"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div><div class="success-div"><div class="div-block-102"><div class="success-image"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a33da6a8dfffd114fcb9ef_Icon.png" loading="lazy" alt=""/></div><div class="success-text"><h1 class="heading-42">Sent!</h1><p class="paragraph-3">Thank you for join the wishlist.</p></div></div></div></div></div></div><div class="page-wrapper register-wrapper"><div class="global-styles w-embed"><style> 605 /* Animation of input when focus */ 606 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { transition: .2s; } 607 input:-moz-placeholder, textarea:-moz-placeholder { transition: .2s; } 608 input::-moz-placeholder, textarea::-moz-placeholder { transition: .2s; } 609 input:-ms-input-placeholder, textarea:-ms-input-placeholde { transition: .2s; } 610 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholde { opacity: 0; } 611 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0; } 612 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: 0; } 613 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; } 614 /* Disabled display of border when focus on element */ 615 *:focus { outline: 0; } 616 /* Make text look crisper and more legible in all browsers */ 617 body { 618 -webkit-font-smoothing: antialiased; 619 -moz-osx-font-smoothing: grayscale; 620 font-smoothing: antialiased; 621 text-rendering: optimizeLegibility; 622 padding-right: 0px !important; 623 } 624 html { 625 scroll-behavior: smooth; 626} 627 628body { 629 scroll-behavior: smooth; 630} 631span.text-color-red.inline { 632 display: inline !important; 633} 634 /* Focus state style for keyboard navigation for the focusable elements */ 635 *[tabindex]:focus-visible, 636 input[type="file"]:focus-visible { 637 outline: 0.125rem solid #4d65ff; 638 outline-offset: 0.125rem; 639 } 640 /* Get rid of top margin on first element in any rich text element */ 641 .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 642 margin-top: 0 !important; 643 } 644 /* Get rid of bottom margin on last element in any rich text element */ 645 .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 646 margin-bottom: 0 !important; 647 } 648 /* Prevent all click and hover interaction with an element */ 649 .pointer-events-off { pointer-events: none; } 650 /* Enables all click and hover interaction with an element */ 651 .pointer-events-on { pointer-events: auto; } 652 /* Make sure containers never lose their center alignment */ 653 .container-medium,.container-small, .container-large { 654 margin-right: auto !important; 655 margin-left: auto !important; 656 } 657 658 a, 659 .w-input, 660 .w-select, 661 .w-tab-link, 662 .w-nav-link, 663 .w-dropdown-btn, 664 .w-dropdown-toggle, 665 .w-dropdown-link { 666 color: inherit; 667 text-decoration: inherit; 668 font-size: inherit; 669 } 670 671 /* Apply "..." after 3 lines of text */ 672 .text-style-4lines { 673 display: -webkit-box; 674 overflow: hidden; 675 -webkit-line-clamp: 4; 676 -webkit-box-orient: vertical; 677 } 678 /* Apply "..." after 2 lines of text */ 679 .text-style-2lines { 680 display: -webkit-box; 681 overflow: hidden; 682 -webkit-line-clamp: 2; 683 -webkit-box-orient: vertical; 684 } 685 .remote-visa-section .button-5.active { 686 background-color: #62003526 !important; 687 border-width: 1px !important; 688 border-color: transparent ! Important; 689} 690.div-block-99.popup-block { 691 scrollbar-width: none; /* For Firefox */ 692 -ms-overflow-style: none; /* For Internet Explorer and Edge */ 693} 694.search-real input#name { 695 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/68d4ec845cb3dbabd3e0d061_Vector.svg"); 696 background-repeat: no-repeat; 697 background-position: 14px center; /* move icon horizontally */ 698 background-size: 16px; /* icon size */ 699} 700.workers-tab-content::before { 701 content: unset; 702} 703 704.workers-tab-content::after { 705 content: unset; 706} 707.workers-tab-content::before { 708 content: unset; 709} 710 711.workers-tab-content .w-col-4 { 712 width:32%; 713} 714.top-call:hover .button { 715 background: unset !important; 716border: 2.5px solid var(--Red, #FF4121) !important; 717} 718.top-call:hover .button.is1 719{ 720transform: unset !important; 721} 722.top-call:active .button { 723 background-color: var(--orange-red) !important; 724} 725 726.top-call:active .button div { 727 color: #fcf8ec !important; 728} 729 730.filters .select-field { 731 color: var(--Burgundy, #620035); 732 733 734/* Desktop/Button/S - SemiBold - 15 */ 735 font-size: 15px; 736 font-style: normal; 737 font-weight: 600; 738 line-height: normal; 739} 740 741.search-real input::placeholder { 742 opacity: 0.5; 743} 744.filters .select-field { 745 appearance: none; 746 -webkit-appearance: none; 747 -moz-appearance: none; 748 /* keep your style */ 749 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/68d4f4ad8aafa8c7f4b6229b_Group-down.svg"); 750 background-repeat: no-repeat; 751 background-position: right 12px center; /* adjust horizontal spacing */ 752 background-size: 11px; /* resize SVG */ 753} 754.archive-meta-image h1 { 755 display: -webkit-box; 756 -webkit-line-clamp: 2; /* Limit to 2 lines */ 757 -webkit-box-orient: vertical; 758 overflow: hidden; 759 text-overflow: ellipsis; 760} 761 762.blog-archive .mod--logo-h { 763 display: none; 764} 765.search-real input { 766 font-size: 16px !important; 767} 768.blog-archive .mod--logo-h.white-blog { 769 display: inline-block !important; 770} 771.white-blog { 772 display: none; 773} 774.blog-archive .header { 775 background: unset; 776} 777/* filter hover */ 778.latest-articlle .div-block-325:hover { 779 background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #FF4121; 780} 781 782.latest-articlle .div-block-325:active { 783 background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121; 784} 785 786 787.next-2:hover { 788 background: linear-gradient(0deg, rgba(2, 2, 2, 0.08) 0%, rgba(2, 2, 2, 0.08) 100%), #FF4121; 789 790} 791 792.next-2:active { 793 background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121; 794} 795 796.search-real input#name:active { 797 border: 1.5px solid var(--Burgundy, #620035); 798} 799 800.search-real input#name:focus { 801 border: 1.5px solid var(--Burgundy, #620035); 802} 803.filters .select-field:focus { 804 border: 1px solid var(--purple-20); 805} 806.filters .select-field:active { 807 border: 1px solid transparent; 808 background-color: rgba(98, 0, 53, 0.15); 809} 810 811.filters .select-field:hover { 812 border: 1px solid transparent; 813 background-color: rgba(98, 0, 53, 0.15); 814} 815.blog-archive .text-size-medium.is-anim-up-1 { 816 color: #FCF8EC; 817} 818 819.blog-archive .text-block-76.is-anim-up-1 { 820 color: #FCF8EC; 821} 822 823.blog-archive .button-wrap.is-secondary { 824 border-color: #fff; 825 color: #FCF8EC; 826} 827 828.blog-archive section.section.mod--header { 829 border-bottom: 1px solid rgb(252 248 236 / 20%); 830} 831.blog-archive section.section.mod--header { 832 background: #620035; 833} 834 835 836.tagline-archive .text-block-84 { 837 display: -webkit-box; 838 -webkit-line-clamp: 3; /* Limit to 2 lines */ 839 -webkit-box-orient: vertical; 840 overflow: hidden; 841 text-overflow: ellipsis; /* Optional: adds "..." at the end */ 842} 843 844.without-image h1.heading-94 { 845 846 847 848 /* Optional: adds "..." at the end */ 849 display: -webkit-box; 850 -webkit-line-clamp: 3; /* Limit to 2 lines */ 851 -webkit-box-orient: vertical; 852 overflow: hidden; 853 text-overflow: ellipsis; /* Optional: adds "..." at the end */ 854} 855.div-block-99.popup-block::-webkit-scrollbar {
856 display: none; /* For Chrome, Safari and Opera */ 857} 858.with-image:hover { 859 background: linear-gradient(0deg, rgba(98, 0, 53, 0.04) 0%, rgba(98, 0, 53, 0.04) 100%), #F0E8D1; 860 861} 862.without-image:hover { 863 864 background: linear-gradient(0deg, rgba(98, 0, 53, 0.04) 0%, rgba(98, 0, 53, 0.04) 100%), #F0E8D1; 865} 866.relation-posts::before { 867 display: none; 868} 869.div-block-320:hover { 870 background: linear-gradient(0deg, rgba(98, 0, 53, 0.08) 0%, rgba(98, 0, 53, 0.08) 100%), #FFCA24; 871} 872 873.div-block-320:active { 874 background: linear-gradient(0deg, rgba(252, 248, 236, 0.20) 0%, rgba(252, 248, 236, 0.20) 100%), #FFCA24; 875} 876.relation-posts .w-col-4 { 877 width: 32%; 878} 879.relation-posts::after { 880 display: none; 881} 882.blogparagragh figure { 883 margin: 0; 884 margin-bottom: 30px; 885 max-width: 100%; 886} 887.relation-posts { 888 flex-wrap: wrap; 889} 890.blogparagragh h6 { 891 font-size: 20px !IMPORTANT; 892 margin-bottom: 30px; 893} 894 895.blogparagragh p { 896 margin-bottom: 30px; 897} 898.remote-visa-section .tabs-visa a:hover { 899 border-width: 1px; 900 border-color: #62003533; 901} 902 /*service page */ 903 .swiper-button-next, .swiper-button-prev { 904 position: static !important; 905 width: auto !important; 906} 907 908.timeline .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { 909 text-align: left; 910 bottom: 17px !important;!i;!; 911} 912 913.timeline span.swiper-pagination-bullet { 914 margin: 0 !important; 915 width: 56px; 916 border-radius: 0; 917 height: 1px; 918 opacity: 0.2; 919 background: #620035; 920} 921.button.is-secondary.is1.hire-btn.btn-home-o {} 922 923.new-btn-wrap:hover .button { 924 transform: unset !important; 925 background: linear-gradient(0deg, rgba(2, 2, 2, 0.08) 0%, rgba(2, 2, 2, 0.08) 100%), #FF4121 !important; 926} 927.new-btn-wrap:active .button { 928 transform: unset !important; 929background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121 !important;} 930.timeline span.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1; background: #620035;} 931 .swiper-slide.timeline-slide-one:hover { 932 background-repeat: no-repeat !important; 933 background-size: auto ! IMPORTANT; 934 transform: rotate(-6deg); 935 936 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67123e0173b289c270dfd2dc_Vector%205%20(6).png"); 937} 938.countries-swiper span.swiper-pagination-bullet { 939 width: 70px !important; 940} 941 942.countries-swiper span.swiper-pagination-bullet.swiper-pagination-bullet-active { 943 opacity: 0.8 !IMPORTANT; 944} 945.workspaces-links a:hover { 946 color: #FF4121; 947 border-color: #FF4121; 948}.button-5.active { 949 background-color: #f0e8d133 !important; 950 border-width: 1px !important; 951 border-color: transparent ! Important; 952} 953 954.workspaces-links a:active { 955 color: #FCF8EC; 956 background: #FF4121; 957} 958.div-block-38 { 959 flex-wrap: wrap; 960 gap: 16px; 961} 962.swiper-slide.timeline-slide-one { 963 transition: 0.3s all ease-in-out; 964} 965 966.swiper-slide.timeline-slide-two:hover { 967 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67123f693d993960b469ceb9_Vector%205%20(7).png"); 968 background-repeat: no-repeat !important; 969 background-size: auto ! IMPORTANT; 970 color: #fff; 971 transform: rotate(4.5deg); 972} 973 974.swiper-slide.timeline-slide-two:hover h1.step-title-style { 975 color: #fff; 976} 977 978.swiper-slide.timeline-slide-two:hover .text-block-5.step-text-style { 979 color: #fff; 980} 981 982.swiper-slide.timeline-slide-two:hover .div-block-13 div { 983 color: #620035; 984} 985 986.swiper-slide.timeline-slide-two { 987 transition: 0.3s all ease-in-out; 988} 989 990.swiper-slide.timeline-slide-three:hover { 991 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/671240ade015ba6ed34ab46e_Vector%205%20(8).png"); 992 background-repeat: no-repeat !important; 993 background-size: auto ! IMPORTANT; 994 transform: rotate(-4deg); 995} 996 997.swiper-slide.timeline-slide-three:hover h1.step-title-style { 998 color: #fff; 999} 1000 1001.swiper-slide.timeline-slide-three:hover .text-block-5.step-text-style { 1002 color: #fff; 1003} 1004 1005.swiper-slide.timeline-slide-three{ 1006 transition: 0.3s all ease-in-out; 1007} 1008 1009.swiper-slide.timeline-slide-three:hover .div-block-13 { 1010 background: #ffca24; 1011 color: #FF4121; 1012} 1013 1014.swiper-slide.timeline-slide-three:hover .div-block-13 .text-block-7 { 1015 color: #FF4121; 1016} 1017 1018.swiper-slide.timeline-slide-two:hover .div-block-13 { 1019 background: #ffca24; 1020} 1021 1022.swiper-slide.timeline-slide-four:hover { 1023 background-image: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67123e0173b289c270dfd2dc_Vector%205%20(6).png"); 1024 background-repeat: no-repeat !important; 1025 background-size: auto ! IMPORTANT; 1026 transform: rotate(2deg); 1027} 1028 1029.swiper-slide.timeline-slide-four { 1030 transition: 0.3s all ease-in-out; 1031} 1032.div-block-35 { 1033 justify-content: space-between; 1034} 1035 1036.div-block-28 { 1037 gap: 20px; 1038} 1039 1040.container-6 { 1041 column-gap: 17px; 1042 justify-content: space-between; 1043} 1044 1045.w-layout-blockcontainer.container-6.w-container::before {} 1046 1047.w-layout-blockcontainer.container-6.w-container::before { 1048 content: unset !important;!i;!; 1049} 1050 1051.w-layout-blockcontainer.container-6.w-container::after { 1052 content: unset; 1053} 1054.swiper-slide.timeline-slide-four:hover .text-block-7 { 1055 color: #FFCA24; 1056} 1057 .slide-clip-back { 1058 background-repeat: no-repeat !important; 1059 background-size: auto ! IMPORTANT; 1060} 1061 .div-block-6.price-div:hover {transform: rotate(3deg);} 1062 1063.div-block-6.price-div {transition: .3s all ease-in-out;} 1064 1065 .div-block-6.time-div:hover {transform: rotate(-4deg);} 1066 1067.div-block-6.time-div {transition: .3s all ease-in-out;} 1068 1069 .div-block-6.country-div:hover {transform: rotate(-4deg);} 1070 1071.div-block-6.country-div {transition: .3s all ease-in-out;} 1072 /* Adds inline flex display */ 1073 .display-inlineflex { display: inline-flex; } 1074 /* These classes are never overwritten */ 1075 .hide { 1076 display: none !important; 1077 } 1078 @media screen and (max-width: 991px) { 1079 .hide, .hide-tablet { 1080 display: none !important; 1081 } 1082 } 1083 1084 @media (min-width:768px) and (max-width:991px) { 1085 .relation-posts .w-col-4 { 1086 width: 48%; 1087} 1088 } 1089 1090 @media screen and (max-width: 767px) { 1091 .workers-tab-content .w-col-4 { 1092 width: 100%; 1093} 1094 .hide-mobile-landscape{ 1095 display: none !important; 1096 } 1097 .relation-posts .w-col-4 { 1098 width: 100% !important; 1099} 1100.heading-94.with-image-heading { 1101 height: 100%; 1102} 1103.blog-archive .mod--logo-h 1104{ 1105display:block !important; 1106} 1107 } 1108 @media screen and (max-width: 479px) { 1109 .top-section-service { 1110 1111 flex-direction: column-reverse; 1112 } 1113 .swiper-slide.slide-clip-back { 1114 background-size: contain !important; 1115 1116 } 1117 .swiper-slide.slide-clip-back:hover { 1118 background-size: contain !important; 1119 1120 } 1121 1122 1123 .div-block-7 { 1124 flex-direction: column-reverse; 1125} 1126 1127.include-point li { 1128 font-size: 16px !IMPORTANT; 1129} 1130.not-include-point li { 1131 font-size: 16px !IMPORTANT; 1132} 1133 1134 .hide-mobile{ 1135 display: none !important; 1136 } 1137 } 1138 1139 .margin-0 { margin: 0rem !important; } 1140 .padding-0 { padding: 0rem !important; } 1141 .spacing-clean { 1142 padding: 0rem !important; 1143 margin: 0rem !important; 1144 } 1145 .margin-top { 1146 margin-right: 0rem !important; 1147 margin-bottom: 0rem !important; 1148 margin-left: 0rem !important; 1149 } 1150 .padding-top { 1151 padding-right: 0rem !important; 1152 padding-bottom: 0rem !important; 1153 padding-left: 0rem !important; 1154 } 1155 .margin-right { 1156 margin-top: 0rem !important; 1157 margin-bottom: 0rem !important; 1158 margin-left: 0rem !important; 1159 } 1160 .padding-right { 1161 padding-top: 0rem !important; 1162 padding-bottom: 0rem !important; 1163 padding-left: 0rem !important; 1164 } 1165 .video iframe { 1166 height: 600px !important;!i;!; 1167} 1168.video { 1169 padding: 0px !important;!i;!; 1170} 1171 .margin-bottom { 1172 margin-top: 0rem !important; 1173 margin-right: 0rem !important; 1174 margin-left: 0rem !important; 1175 } 1176 .padding-bottom { 1177 padding-top: 0rem !important; 1178 padding-right: 0rem !important; 1179 padding-left: 0rem !important; 1180 } 1181 .margin-left { 1182 margin-top: 0rem !important; 1183 margin-right: 0rem !important; 1184 margin-bottom: 0rem !important; 1185 } 1186 .padding-left { 1187 padding-top: 0rem !important; 1188 padding-right: 0rem !important; 1189 padding-bottom: 0rem !important; 1190 } 1191 .margin-horizontal { 1192 margin-top: 0rem !important; 1193 margin-bottom: 0rem !important; 1194 } 1195 .padding-horizontal { 1196 padding-top: 0rem !important; 1197 padding-bottom: 0rem !important; 1198 } 1199 .margin-vertical { 1200 margin-right: 0rem !important; 1201 margin-left: 0rem !important; 1202 } 1203 .padding-vertical { 1204 padding-right: 0rem !important; 1205 padding-left: 0rem !important; 1206 } 1207 1208 /*Fluid responsive */ 1209 html { font-size: 1rem; } 1210 @media screen and (min-width: 992px) { 1211 html { font-size: 1vw; } 1212 } 1213 @media screen and (max-width: 991px) and (min-width: 768px) { 1214 html { font-size: 1.2vw; } 1215 } 1216 1217/**hover text animation - yellow **/ 1218 .is-anim-underline-y:hover { 1219 color: #FFCA24; 1220 } 1221 .is-anim-underline-y{ 1222 position: relative; 1223 } 1224 .is-anim-underline-y:before{ 1225 background: #FFCA24; 1226 bottom: -3px; 1227 content: ""; 1228 display: inline-block; 1229 height: 1.5px; 1230 left: 0; 1231 position: absolute; 1232 transform: scaleX(0); 1233 transform-origin: bottom right; 1234 transition: transform .5s; 1235 transition-timing-function: cubic-bezier(.14,0,0,1.01); 1236 width: 100%; 1237 } 1238 .is-anim-underline-y:hover:before{ 1239 transform: scaleX(1); 1240 transform-origin: bottom left; 1241 } 1242 1243/**hover text animation - red **/ 1244 .is-anim-underline-r:hover{ 1245 color: #FF4121; 1246 } 1247 .is-anim-underline-r{ 1248 position: relative; 1249 } 1250 .is-anim-underline-r:before{ 1251 background: #FF4121; 1252 bottom: -3px; 1253 content: ""; 1254 display: inline-block; 1255 height: 1.5px; 1256 left: 0; 1257 position: absolute; 1258 transform: scaleX(0); 1259 transform-origin: bottom right; 1260 transition: transform .5s; 1261 transition-timing-function: cubic-bezier(.14,0,0,1.01); 1262 width: 100%; 1263 } 1264 .is-anim-underline-r:hover:before{ 1265 transform: scaleX(1); 1266 transform-origin: bottom left; 1267 } 1268 1269.dropdown-link.mod--language:hover { 1270 color: #F0E8D1; 1271 background-color: #620035; 1272} 1273 1274.button-wrap:hover .button.is1 { 1275 transform: scale(0.8); 1276 top: 100%; 1277} 1278 1279.button-wrap:hover .button.is2 { 1280 top: 0%; 1281} 1282 1283.button.is-yellow:hover .icon.mod--solutions{ 1284 left: 0.5rem; 1285} 1286 1287.text-link:hover .is-anim-up-1 { 1288 top: -200%; 1289} 1290 1291.text-link:hover .is-anim-up-2 { 1292 top: 0%; 1293} 1294 1295.text-link:hover .is-anim-right-1 { 1296 right: -200%; 1297} 1298 1299 1300.not-include-point li { 1301 list-style: none; /* Remove default list style */ 1302 position: relative; 1303 /* Space for the custom marker */ 1304 padding-left: 70px; 1305 color: var(--Burgundy, var(--Purple, #620035)); 1306 font-size: 18px; 1307 opacity:0.5; 1308 font-style: normal; 1309 font-weight: 400; 1310 line-height: 140%; /* 25.2px */ 1311 padding-bottom: 25px; 1312} 1313 1314.not-include-point li::before { 1315 content: ''; 1316 position: absolute; 1317 left: 0; 1318 top: 0; 1319 background: url("https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/6710d235191a2e4b6f608d07_x.svg") no-repeat center center; 1320 width: 28px;
1320 /* Adjust the width as needed */ 1321 height: 28px; /* Adjust the height as needed */ 1322 background-size: contain; 1323} 1324 1325.not-include-point ul { 1326 padding-left: 0 !important; 1327} 1328 1329 1330.not-include-point ul li:last-child { 1331 padding-bottom: 0 !important; 1332} 1333.include-point li { 1334 list-style: none; /* Remove default list style */ 1335 position: relative; 1336 /* Space for the custom marker */ 1337 padding-left: 70px; 1338 color: var(--Burgundy, var(--Purple, #620035)); 1339 font-size: 18px; 1340 font-style: normal; 1341 font-weight: 400; 1342 line-height: 140%; /* 25.2px */ 1343 padding-bottom: 25px; 1344} 1345 1346.include-point li::before { 1347 content: ''; 1348 position: absolute; 1349 left: 0; 1350 top: 0; 1351 background: url(https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/6710ce8552045d4c63fadf5b_v%201.svg) no-repeat center center; 1352 width: 28px; /* Adjust the width as needed */ 1353 height: 28px; /* Adjust the height as needed */ 1354 background-size: contain; 1355} 1356 1357.include-point ul { 1358 padding-left: 0 !important; 1359} 1360 1361 1362.include-point ul li:last-child { 1363 padding-bottom: 0 !important; 1364} 1365.div-block-46.one-stop { 1366 display: flex; 1367 flex-wrap: wrap; 1368 row-gap: 16px; 1369 justify-content: space-between; 1370} 1371.div-block-47 .w-embed:before { 1372 content: unset !important; 1373} 1374 1375.div-block-47 .w-embed:after { 1376 content: unset !important; 1377} 1378 1379.workers-tab-content { 1380 flex-wrap: wrap; 1381 gap: 16px; 1382} 1383.text-link:hover .is-anim-right-2 { 1384 right: 0%; 1385} 1386 1387.social__link-block:hover .bg-color-yellow.mod--social { 1388 width: 100%; 1389 height: 100%; 1390} 1391 1392.social__link-block:hover .icon.mod--social { 1393 color: #620035; 1394} 1395 1396.country__portal-wrap:hover { 1397 background-color: #620035; 1398 color: #F0E8D1; 1399} 1400 .service-single header .text-size-medium.is-anim-up-1 { 1401 color: #620035; 1402} 1403.div-block-50 { 1404 gap: 29px; 1405} 1406.liner-layout { 1407 height: 100%; 1408 width: 100%; 1409 bottom: -1px; 1410 position: absolute; 1411 pointer-events: none; 1412 z-index: 2; 1413 background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 65.73%, #FCF8EC 98.3%); 1414 } 1415 .timeline-block-one.active { 1416 background: #FFCA24; 1417 width: 85% ! IMPORTANT; 1418} 1419.timeline-points-one-main { 1420 display: none; 1421} 1422 1423.timeline-block-one.active .timeline-points-one-main { 1424 display: block; 1425} 1426.timeline-points-two-main { 1427 display: none; 1428} 1429 1430.timeline-block-two.active .timeline-points-two-main { 1431 display: block; 1432} 1433.timeline-block-two.active { 1434 width: 56% !important; 1435 background: #620035; 1436} 1437 1438.timeline-block-two.active .text-block-33 { 1439 color: #F0E8D1; 1440} 1441 1442.timeline-block-two.active .button-7 { 1443 background: #FFCA24; 1444 color: #620035; 1445} 1446.timeline-block-three.active { 1447 width: 56% !IMPORTANT;!I;!; 1448 background: #FF4121; 1449} 1450 1451.timeline-block-three.active .button-7 { 1452 background: #FFCA24; 1453 color: #FF4121; 1454} 1455 1456.timeline-block-three.active .text-block-33 { 1457 color: #FCF8EC; 1458} 1459.timeline-points-three-main { 1460 display: none; 1461} 1462 1463.timeline-block-three.active .timeline-points-three-main { 1464 display: block; 1465} 1466.timeline-block-four.active { 1467 background: #FFCA24; 1468 width: 49%; 1469} 1470 1471.margin-btm-recieve { 1472 display: none; 1473} 1474 1475.timeline-block-four.active .margin-btm-recieve { 1476 display: block; 1477} 1478.tabs-blocks .active { 1479 display: block; 1480} 1481.tabs-blocks .timeline-block.active { 1482 display: flex !important; 1483} 1484.timeline-block { 1485 transition: all 0.3s ease-in-out; /* Smooth transition for all properties */ 1486} 1487 1488.timeline-block.active { 1489 opacity: 1; /* Fully visible when active */ 1490} 1491li.list-item-2::before { 1492} 1493 1494li.list-item-2 { 1495 padding-left: 29px; 1496 position: relative; 1497 1498} 1499 1500li.list-item-2::before { 1501 1502 content: url(" https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/6772928460e0cae07bc859c3_Checkmark.svg"); 1503 position: absolute; 1504 left: 0; 1505} 1506.workers-tabs .button-5.active { 1507 background-color: #62003526; 1508 border-width: 1px !important; 1509 border-color:transparent !Important; 1510} 1511.tabs-visa a:hover { 1512 border-width: 1px; 1513 border-color: #f0e8d133; 1514} 1515.w-embed-youtubevideo.youtube iframe { 1516 border-radius: 10px; 1517} 1518.login-images img { 1519 width: 100%; 1520} 1521.slide-one .login-images { 1522 max-width: 560px; 1523} 1524 1525.slide-two .login-images { 1526 max-width: 550px; 1527} 1528 1529.slide-three .login-images { 1530 max-width: 500px; 1531} 1532 1533.slider-four .login-images { 1534 max-width: 350px; 1535} 1536.hover-sub.w-button:hover { 1537 background: linear-gradient(0deg, rgba(2, 2, 2, 0.08) 0%, rgba(2, 2, 2, 0.08) 100%), #FF4121; 1538} 1539 1540.hover-sub.w-button:active { 1541 background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121; 1542} 1543.border-hover:hover { 1544 border-width: 2.5px !important; 1545} 1546 1547.border-hover:active { 1548 background: var(--Red, #FF4121); 1549 border-width: 2.5px !IMPORTANT; 1550 color: var(--floral-white); 1551} 1552.close-icon:hover { 1553 background: #ff4121; 1554} 1555 1556.close-icon:hover path { 1557 stroke: #FCF8EC; 1558} 1559 1560.close-icon:active { 1561 background: linear-gradient(0deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 100%), #FF4121; 1562} 1563.header-btn-wrap:hover .button.is1 { 1564 transform: unset !important; 1565} 1566.w-input 1567{color:#620035 !important;} 1568 1569 1570.header-btn-wrap:hover { 1571 border-width: 2px; 1572} 1573 1574.header-btn-wrap:active { 1575 background: #620035; 1576 color: #fcf8ec; 1577} 1578.btn-new-effect:hover { 1579 background: linear-gradient(0deg, rgba(2, 2, 2, 0.08) 0%, rgba(2, 2, 2, 0.08) 100%), #FF4121; 1580 1581} 1582 1583.btn-new-effect:active { 1584 background: linear-gradient(0deg, rgba(252, 248, 236, 0.15) 0%, rgba(252, 248, 236, 0.15) 100%), #FF4121; 1585 1586} 1587@media (min-width:1275px) and (max-width:1650px) { 1588.div-block-286 { 1589 1590 top: 80px; 1591} 1592 1593} 1594.div-block-333 { 1595 color: var(--rn_purple); 1596} 1597.display-inline 1598{ 1599display:inline !important; 1600} 1601</style></div><section class="section-13"><div class="begin-journey container"><div class="div-block-95"><div class="div-block-97"><div class="logo-div"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/65804df9c877e0fb025e26ba_illustr-logo-header.svg" loading="lazy" alt="illustr logo" class="image-12"/><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/65804df9c877e0fb025e277f_icon-logo.svg" loading="lazy" alt="icon logo" class="image-13"/></div><div class="journey-content"><h1 class="heading-40">Welcome back!</h1><p class="paragraph-2">Select  a country.</p><div class="workspaces-links"><a href="https://pt.relocatenow.io/login" class="button-8 pt w-button">Portugal</a><a href="/welcome-back-form" class="button-8 spain w-button">Spain</a><a href="#" class="button-8 uae-btn w-button">United Arab Emirates</a><a href="#" class="button-8 gg-btn w-button">Georgia</a></div></div><div class="login-workspace"><p class="paragraph-5">Don't have an account? <a href="/register" class="link-archive">Sign up</a></p></div></div></div><div class="div-block-96"><div class="div-block-98"><div class="swiper swiper-register"><div class="swiper-wrapper"><div class="slide-content swiper-slide slide-one"><div class="login-images"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/6791f2b36901695b8ab1095e_Image
1601%201.svg" loading="lazy" alt=""/><div class="w-embed"><div class="blocks"> 1602 <img class="slideone-block-one" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1c09befb852d8b3358f51_Rectangle%20240648188.png"> 1603 <img class="slideone-block-two" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1c11558970accabfdfc64_Rectangle%20240648191.png"> 1604 <img class="slideone-block-three" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1c11558970accabfdfc64_Rectangle%20240648191.png"> 1605 <img class="slideone-block-four" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1c0c71e34c45578a91a41_Rectangle%20240648187.png"> 1606 </div></div></div><div class="side-text"><h1 class="heading-39">Easy to use</h1><p class="paragraph">Relocate Now simplifies your move with an intuitive platform that puts you in control. Â Effortlessly manage every step of your relocation journey and living abroad experience, all in one place.</p></div></div><div class="slide-content swiper-slide slide-two"><div class="login-images"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67937411a76ee1d13c930f9a_Image%202.svg" loading="lazy" alt=""/><div class="w-embed"><div class="blocks"> 1607 <img class="slidetwo-block-one" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1fa62a9394fc2078aa500_Rectangle%20240648188.png"> 1608 <img class="slidetwo-block-two" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1fa6a03ac76b906ee10fd_Rectangle%20240648189.png"> 1609 <img class="slidetwo-block-three" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1fa7301008247e866642c_Rectangle%20240648191.png"> 1610 <img class="slidetwo-block-four" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a1fa79ab2f3f78faafa486_Rectangle%20240648192.png"> 1611 </div></div></div><div class="side-text"><h1 class="heading-39">
1611Free Tax and SS simulator</h1><p class="paragraph">Plan your finances with confidence.<br/>Our Free Tax and Social Security simulator provides instant insights into your potential earnings while living abroad.</p></div></div><div class="slide-content swiper-slide slide-three"><div class="login-images"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/679375051af2782efc1483b5_Image%203.png" loading="lazy" sizes="(max-width: 767px) 100vw, 500px" srcset="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/679375051af2782efc1483b5_Image%203-p-500.png 500w, https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/679375051af2782efc1483b5_Image%203.png 501w" alt=""/><div class="w-embed"><div class="blocks"> 1612 <img class="slidethree-block-one" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2017c340bb174a42bc706_Rectangle%20240648192.png"> 1613 <img class="slidethree-block-two" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a201842497d187b6356113_Rectangle%20240648193.png"> 1614 <img class="slidethree-block-three" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2018a5e14b662e8bfa90a_Rectangle%20240648188.png"> 1615 <img class="slidethree-block-four" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a201934a0a4220992611cb_Rectangle%20240648194.png"> 1616 <img class="slidethree-block-five" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2019a124a68f07254014e_Rectangle%20240648195.png"> 1617 1618</div></div></div><div class="side-text"><h1 class="heading-39">Free access to our community</h1><p class="paragraph">Connect with fellow expats and get insider tips.<br/>Join our thriving community of relocators and access a wealth of knowledge and support for free.</p></div></div><div class="slide-content swiper-slide slider-four"><div class="login-images"><img src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67937520fbc322868bd17b1e_Image%204.svg" loading="lazy" alt=""/><div class="w-embed"><div class="blocks"> 1619 <img class="slidefour-block-one" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2081fb72975be45
1619545708_Rectangle%20240648188.png"> 1620 <img class="slidefour-block-two" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2082503ac76b906fc5f80_Rectangle%20240648189.png"> 1621 <img class="slidefour-block-three" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2082d9b4cdc9826d1f982_Rectangle%20240648192.png"> 1622 <img class="slidefour-block-four" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a2082d9b4cdc9826d1f982_Rectangle%20240648192.png"> 1623 <img class="slidefour-block-five" src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/67a20835f40f6b25c198d0ec_Rectangle%20240648187.png"> 1624 1625</div></div></div><div class="side-text"><h1 class="heading-39">Get advice from an expert</h1><p class="paragraph">Get expert advice from experienced professionals who can answer your questions and guide you every step of the way on your relocation and living abroad journey.</p></div></div></div><div class="swiper-pagination"></div></div></div></div></div></section></div>
1625<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65804df9c877e0fb025e2689" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1625<script src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
1625<script src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/js/webflow.schunk.10894f8ef0175127.js" type="text/javascript" integrity="sha384-xV8HgnBpPv/nYEiiFFTEsOqfSG/iHZbVbzEuYw9hAwdTd9oP4PsBwJpJUR9TfyAY" crossorigin="anonymous"></script>
1625<script src="https://cdn.prod.website-files.com/65804df9c877e0fb025e2689/js/webflow.53000c1d.f3082f7d9b431d17.js" type="text/javascript" integrity="sha384-CWIoCqKHzv3nHK1EAG0oIE1BjNGKonbf5690iRQ4KMaisH65gmG3EQqLsLlpq8d6" crossorigin="anonymous"></script>
1625<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 1625
1625
1626<script type="text/javascript"> window.REMODAL_GLOBALS = { DEFAULTS: { hashTracking: false } }; </script>
vendor: 1 bytes, line 1626
1626
1627<script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.1/remodal.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 1627
1627
1628<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js" type="text/javascript" ></script>
1628 1629 1630<style> 1631 /* Style modal */ 1632 .remodal-overlay { background: rgba(17, 0, 9, 0.80); } 1633 .remodal { transform: scale(1) !important; } 1634 .remodal-wrapper { 1635 padding: 0px; 1636 overflow: hidden; 1637 -webkit-transform: translate(0,0); 1638 -ms-transform: translate(0,0); 1639 transform: translate(0,0); 1640 } 1641</style> 1642
1643<script> 1644 SmoothScroll({ 1645 animationTime : 800, // [ms] 1646 stepSize : 100, // [px] 1647 accelerationDelta : 50, // 50 1648 accelerationMax : 3, // 3 1649 touchpadSupport : false, 1650 }) 1651 1652 1653 // update current year of copyright in footer 1654 $(() => { 1655 $('[data-copyright-year]').html(new Date().getFullYear()); 1656 }); 1657</script>
1657 1658
1659<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 1659
1659
1660<script src="https://unpkg.com/split-type"></script>
vendor: 1 bytes, line 1660
1660
1661<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
vendor: 1 bytes, line 1661
1661
1662<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
1662 1663
1664<script> 1665 AOS.init(); 1666 1667 // Text animation 1668 document.addEventListener("DOMContentLoaded", () => { 1669 // Split text into spans for each heading 1670 let typeSplit = new SplitType("[text-split]", { 1671 types: "words, chars", 1672 tagName: "span" 1673 }); 1674 1675 // Type of text animation for each heading 1676 $("[letters-slide-up]").each(function (index) { 1677 let element = $(this)[0]; // Get the current heading 1678 let duration = window.innerWidth < 768 ? 0.4 : 0.65; // Adjust duration based on screen size 1679 let tl = gsap.timeline({ paused: true, immediateRender: false }); 1680 tl.from($(this).find(".char"), { 1681 yPercent: 100, 1682 duration, 1683 ease: "power1.out", 1684 stagger: { amount: 0.3 } 1685 }); 1686 1687 createScrollTrigger(element, tl); 1688 }); 1689 1690 // Function to create scroll triggers for each heading 1691 function createScrollTrigger(triggerElement, timeline) { 1692 let animationPlayed = false; // Track individual animation state for each heading 1693 1694 function isElementInViewport(el) { 1695 var rect = el.getBoundingClientRect(); 1696 return ( 1697 rect.top <= (window.innerHeight || document.documentElement.clientHeight) && 1698 rect.bottom >= 0 1699 ); 1700 } 1701 1702 function handleScroll() { 1703 if (isElementInViewport(triggerElement) && !animationPlayed) { 1704 timeline.play(); // Play the timeline animation when heading is in view 1705 animationPlayed = true; // Mark this heading's animation as played 1706 } 1707 } 1708 1709 handleScroll(); // Trigger on page load 1710 window.addEventListener("scroll", handleScroll); // Trigger on scroll 1711 } 1712 1713 // Avoid flash of unstyled content for both headings 1714 gsap.set("[text-split]", { opacity: 1 }); 1715 }); 1716 1717 /* document.addEventListener("DOMContentLoaded", function () { 1718 const openBtns = document.querySelectorAll(".book-call"); 1719 const popup = document.querySelector(".div-block-99.popup-block"); 1720 const closeIcons = document.querySelectorAll(".div-block-104.close-icon"); 1721 1722 // Show popup 1723 openBtns.forEach(btn => { 1724 btn.addEventListener("click", function (e) { 1725 e.preventDefault(); 1726 if (popup) popup.style.display = "block"; 1727 }); 1728 }); 1729 1730 // Hide popup 1731 closeIcons.forEach(icon => { 1732 icon.addEventListener("click", function () { 1733 if (popup) popup.style.display = "none"; 1734 }); 1735 }); 1736}); 1737*/ 1738 1739document.addEventListener("DOMContentLoaded", function () { 1740 const openBtns = document.querySelectorAll(".book-call"); 1741 const popup = document.querySelector(".div-block-99.popup-block"); 1742 const closeIcons = document.querySelectorAll(".div-block-104.close-icon"); 1743 1744 const callSelect = document.querySelector(".call-select"); 1745 const neetoCall = document.querySelector(".neeto-call"); 1746 1747 const geBtn = document.querySelector(".ge-call"); 1748 const ptBtn = document.querySelector(".pt-call"); 1749 const spBtn = document.querySelector(".sp-call"); 1750 1751 const geBlock = document.querySelector(".neeto-call-ge"); 1752 const ptBlock = document.querySelector(".neeto-call-pt"); 1753 const esBlock = document.querySelector(".neeto-call-es"); 1754 1755 function hideAllNeetoBlocks() { 1756 geBlock.style.display = "none"; 1757 ptBlock.style.display = "none"; 1758 esBlock.style.display = "none"; 1759 } 1760 1761 // Open popup 1762 openBtns.forEach(btn => { 1763 btn.addEventListener("click", function (e) { 1764 e.preventDefault(); 1765 popup.style.display = "block"; 1766 1767 // reset screens 1768 callSelect.style.display = "block"; 1769 neetoCall.style.display = "none"; 1770 hideAllNeetoBlocks(); 1771 }); 1772 }); 1773 1774 // Close popup 1775 closeIcons.forEach(icon => { 1776 icon.addEventListener("click", function () { 1777 popup.style.display = "none"; 1778 }); 1779 }); 1780 1781 // GE click 1782 geBtn.addEventListener("click", function () { 1783 callSelect.style.display = "none"; 1784 neetoCall.style.display = "block"; 1785 1786 hideAllNeetoBlocks(); 1787 geBlock.style.display = "block"; 1788 }); 1789 1790 // PT click 1791 ptBtn.addEventListener("click", function () { 1792 callSelect.style.display = "none"; 1793 neetoCall.style.display = "block"; 1794 1795 hideAllNeetoBlocks(); 1796 ptBlock.style.display = "block"; 1797 }); 1798 1799 // ES click 1800 spBtn.addEventListener("click", function () { 1801 callSelect.style.display = "none"; 1802 neetoCall.style.display = "block"; 1803 1804 hideAllNeetoBlocks(); 1805 esBlock.style.display = "block"; 1806 }); 1807}); 1808 1809 1810 1811 1812</script>
1812<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 1812
1812
1813<script> 1814 const swiper = new Swiper('.swiper', { 1815 slidesPerView: 1, 1816 spaceBetween: 10, 1817 pagination: { 1818 el: '.swiper-pagination', 1819 clickable: true, 1820 }, 1821 loop: true, 1822 autoplay: { 1823 delay: 2000, // Delay between slides in milliseconds (1 second) 1824 disableOnInteraction: false, // Allows autoplay to continue even after user interaction 1825 }, 1826 speed: 1000, // Transition duration in milliseconds for smooth effect 1827 1828 1829 }); 1830 /* 1831 document.addEventListener("DOMContentLoaded", function () { 1832 const links = document.querySelectorAll(".workspaces-links a"); 1833 1834 links.forEach((link) => { 1835 link.addEventListener("click", function (e) { 1836 e.preventDefault(); 1837 1838 // If the clicked link is already active, remove the active class 1839 if (this.classList.contains("active")) { 1840 this.classList.remove("active"); 1841 } else { 1842 // Remove active class from all links 1843 links.forEach((el) => el.classList.remove("active")); 1844 1845 // Add active class to the clicked link 1846 this.classList.add("active"); 1847 } 1848 }); 1849 }); 1850}); 1851*/ 1852// Get elements 1853const uaeBtn = document.querySelector(".uae-btn"); 1854const gogBtn = document.querySelector(".gg-btn"); 1855const popup = document.querySelector(".popup-block"); 1856const closeIcon = document.querySelector(".close-icon"); 1857const dubaiDiv = document.querySelector(".dubai-div"); 1858const gorgiaDiv = document.querySelector(".gorgia-div"); 1859 1860// Show Dubai popup 1861uaeBtn.addEventListener("click", () => { 1862 popup.classList.add("visible"); 1863 popup.style.display = "block"; 1864 dubaiDiv.style.display = "block"; 1865 gorgiaDiv.style.display = "none"; 1866}); 1867 1868// Show Georgia popup 1869gogBtn.addEventListener("click", () => { 1870 popup.classList.add("visible"); 1871 popup.style.display = "block"; 1872 dubaiDiv.style.display = "none"; 1873 gorgiaDiv.style.display = "block"; 1874}); 1875 1876// Close popup 1877closeIcon.addEventListener("click", () => { 1878 popup.classList.remove("visible"); 1879 setTimeout(() => { 1880 popup.style.display = "none"; 1881 dubaiDiv.style.display = "none"; 1882 gorgiaDiv.style.display = "none"; 1883 }, 300); // Match the CSS transition duration 1884}); 1885 1886// Handle display toggle after transition 1887popup.addEventListener("transitionend", () => { 1888 if (!popup.classList.contains("visible")) { 1889 popup.style.display = "none"; 1890 } 1891}); 1892 1893// Let me know if you want any adjustments to the logic or animations! âï¸ 1894 1895document.addEventListener('DOMContentLoaded', function () { 1896 // Dubai form 1897 const dubaiForm = document.querySelector('#wf-form-uaeform'); 1898 const dubaiDiv = document.querySelector('.dubai-div'); 1899 1900 // Georgia form 1901 const georgiaForm = document.querySelector('#wf-form-gorgiaform'); 1902 const georgiaDiv = document.querySelector('.gorgia-div'); 1903 1904 // Success div 1905 const successDiv = document.querySelector('.success-div'); 1906 1907 // Handle Dubai form submission 1908 if (dubaiForm) { 1909 dubaiForm.addEventListener('submit', function (event) { 1910 event.preventDefault(); // Prevent default form submission 1911 setTimeout(() => { 1912 if (dubaiForm.closest('.w-form').querySelector('.w-form-done').style.display !== 'none') { 1913 dubaiDiv.style.display = 'none'; 1914 successDiv.style.display = 'block'; 1915 } 1916 }, 500); // Delay to check success message 1917 }); 1918 } 1919 1920 // Handle Georgia form submission 1921 if (georgiaForm) { 1922 georgiaForm.addEventListener('submit', function (event) { 1923 event.preventDefault(); // Prevent default form submission 1924 setTimeout(() => { 1925 if (georgiaForm.closest('.w-form').querySelector('.w-form-done').style.display !== 'none') { 1926 georgiaDiv.style.display = 'none'; 1927 successDiv.style.display = 'block'; 1928 } 1929 }, 500); // Delay to check success message 1930 }); 1931 } 1932}); 1933 1934 1935</script>
1935</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.