/* 
lpBanner 
howToJoin
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body { padding: 0; margin: 0; overflow-x: hidden; }
/* .widget-icons {
    display: none;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1170px;
}
header.main_header.animated { display: none; }
footer { display: none; }
.prelaunch .ex-logo lottie-player { margin: auto; } */

/* .myVideo {  position: absolute; right: 0; bottom: 0px; top: 0px; min-width: 100%; min-height: 100%; z-index: -1; transform: translateX(calc((100% - 100vw) / 2)); object-fit: cover; background-position: center center;} */
.prelaunch-content{margin-bottom: 20px;}
.prelaunch-content h1 {color: #fff;text-align: center;font-family: "Barlow Condensed";font-size: 32px;font-style: normal;font-weight: 500;line-height: 110%;}
.prelaunch-content h2 {color: #fff;text-align: center;font-family: "Barlow Condensed";font-size: 50px;font-weight: 600;line-height: 100%;margin-bottom: -10px;}
.prelaunch-content img { height: 140px; margin: -25px 0; }
.prelaunch {min-height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.prelaunch ul.footer_social_list li a { background: rgba(40, 45, 68, 0.4); border-radius: 6px; width: 40px; height: 40px; text-align: center; padding: 6px 0; margin: 0 5px; }
.prelaunch ul.footer_social_list li a:hover { background: rgba(40, 45, 68, 1); }
.launchscreen {display: flex;width: 100%;flex-direction: column;justify-content: space-between;min-height: 100vh;padding: 20px 0;}
.prelaunch-timer { display: flex; align-items: center; justify-content: center; column-gap: 60px; margin-bottom: 20px; position: relative;}
.launch-countdown {display: flex;align-items: center;justify-content: center;column-gap: 50px;background: #141924;padding: 30px 20px;border-radius: 80px;width: 750px;box-shadow: 0px 0px 30px #00F7FE;animation: glowbg 2s infinite alternate; position: relative;}
.launch-countdown p { margin: 0; font-size: 20px; font-family: 'Barlow Condensed'; color: rgba(255,255,255,0.7); text-transform: uppercase; font-weight: 500; }
.launch-countdown h3 { font-size: 46px; color: #fff; font-family: 'Barlow Condensed'; line-height: 70%; margin-bottom: 10px; }
.timer-block { text-align: center; }
.social-url h4 { font-size: 20px; color: #fff; font-family: 'Barlow Condensed'; margin-bottom: 10px; }
.prelaunch-timer:before { content: ''; border-radius: 77px; background: radial-gradient(50% 50% at 50% 50%, #1B202F 63.72%, rgba(19, 24, 38, 0.00) 100%); position: absolute; left: 50%; top: -140px; width: 1200px; height: 450px; z-index: -1; transform: translateX(-50%); }
.bulletPoints span { width: 6px; height: 6px; background: #91FCFF; display: block; border: 1px solid #00F7FE; animation: glow 1s infinite alternate; }
.bulletPoints { display: flex; align-items: center; flex-direction: column; row-gap: 10px; }
.lp_rover .button.solidbtn {font-size: 20px;font-family: 'Barlow Semi Condensed';font-weight: 400;height: 52px;width: 240px !important;letter-spacing: 0.2px;z-index: 9999;}

@keyframes glow {
  from {
    box-shadow: 0 0 1px -1px #00F7FE;
  }
  to {
    box-shadow: 0 0 1px 1px #00F7FE;
  }
}

.launch-countdown:before{content:''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/line-glow-comingsoon.svg') no-repeat; position: absolute; left: -49%; width: 100%; height: 178px; }
.launch-countdown:after{content:''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/line-glow-comingsoon.svg') no-repeat; position: absolute; right: -49%; transform: rotate(180deg); width: 100%; height: 178px; }
@keyframes glowbg {
    from {
      box-shadow: 0 0 30px #00F7FE;
    }
    to {
      box-shadow: 0 0 30px #00f6fe00;
    }
  }


  @-webkit-keyframes progress1 {
      0% {
        transform: scalex(0);
        opacity: 0.5;
      }
      90% {
        transform: scalex(1);
        opacity: 1;
      }
      92% {
        transform: scalex(1);
        opacity: 1;
      }
      100% {
        transform: scalex(1);
        opacity: 0;
      }
    }
    .line { position: absolute; top: 50%; max-width: 320px; left: 0; margin-left: -170px; height: 2px; background: rgba(255, 255, 255, 0.1); }
    .line:before { -webkit-animation: progress1 4s infinite; animation: progress1 4s infinite; transform-origin: 0 0; content: ""; display: block; width: 300px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); }
    .line2 { position: absolute; top: 50%; max-width: 320px; right: -140px; margin-left: 0; height: 2px; background: rgba(255, 255, 255, 0.1); }
    .line2:before { -webkit-animation: progress1 4s infinite; animation: progress1 4s infinite; transform-origin: 0 0; content: ""; display: block; width: 320px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.4) 80%, white); }
    .prelaunch ul.footer_social_list li a:hover { background: #4ba4db; }
  
  @media(max-width:1920px){
    .myVideo{top:-30px}
  }
    @media(max-width:1541px){
    .prelaunch-content{margin-top: 20px;}
    .prelaunch { background-position: center -40px;   }
    .launch-countdown { padding: 20px 10px; }
    /* .prelaunch-content h1 { font-size: 40px; } */
    /* .prelaunch-content img { height: 70px; } */
    /* .prelaunch-content h2 { font-size: 28px; } */
    .myVideo { top: -80px; }
    .prelaunch-content { margin-bottom: 20px; }
  .prelaunch-timer{margin-bottom: 10px;}
  }

 @media(max-width:1200px){
  .launch-countdown { column-gap: 30px; width: auto; padding: 24px 70px; position: relative; }
  .launch-countdown:before { left: -62%; }
  .launch-countdown:after { right: -62%; }
  .prelaunch-content{margin-top: 20px;}
  /* .prelaunch-content h1 { font-size: 50px; }
  .prelaunch-content h2 { font-size: 90px; line-height: 80%; } */
  .myVideo { top: 0px; }
.myVideo {  position: absolute; right: 0; bottom: 0px; top: 0px; min-width: 100%; min-height: 100%;  transform: translateX(calc((100% - 100vw) / 2)); object-fit: cover; background-position: center center;}
 }
 @media(max-width:768px){
  .launch-countdown h3 { font-size: 36px; }
  .launch-countdown p { font-size: 18px; }
  .launch-countdown:before { left: -70%; }
  .launch-countdown:after { right: -70%; }
  /* .prelaunch { background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/background-img-mob.png) 'no-repeat; background-position: top center; background-size: cover; } */
  .myVideo { top: -60px; }
 }

 @media(max-width:576px){
  /* .prelaunch-content h1 { font-size: 40px; }
  .prelaunch-content h2 { font-size: 30px; } */
  .prelaunch-timer { margin: 0 -30px; }
  .launch-countdown {column-gap: 18px;padding: 20px;width: 100%;border-radius: 0;margin-bottom: 10px;}
  .launch-countdown:before { display: none; }
  .launch-countdown:after { display: none; }
  .prelaunch-content { margin-bottom: 40px; }
.prelaunch-timer { margin-bottom: 20px; }
/* video#comingsoonvideo { scale: 0.8; margin: auto; padding-left: 450px; position: absolute; } */
.launchscreen { padding-bottom: 40px; }
.myVideo { top: 0px; }
.myVideo {  position: absolute; right: 0; bottom: 0px; top: 0px; min-width: 100%; min-height: 100%;  transform: translateX(calc((100% - 100vw) / 2)); object-fit: cover; background-position: center center;}
 }


 /*Modal Register*/
.modal-register {background: rgba(43,47,52,0.7);max-width: 400px;padding: 0;border-radius: 24px;}
#register-modal .modal-dialog {max-width: 400px;margin:100px auto 0;backdrop-filter: blur(1px);height: auto;}
#register-modal .modal-dialog .modal-content {border-radius: 24px;}
.closeIgModal .btn-close {position: absolute;transition: all 0.5s ease-in-out;bottom: -50px;left: 50%;border: 1px solid #fff;width: 48px;height: 48px;border-radius: 100%;text-align: center;transform: translate(-50%, 20px);opacity: 1;color: #fff;background-image: none;display: flex;align-items: center;justify-content: center;background: transparent;}
.closeIgModal .btn-close:hover { background: #4ba4db; border-color:#4ba4db }
.closeIgModal .btn-close svg{transition: all 0.5s ease-in-out;}
.closeIgModal .btn-close:hover svg{transform: rotate(180deg); transition: all 0.5s ease-in-out;}
.hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #4ba4db; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; }
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); }
#register-modal::-webkit-scrollbar{width: 0;}
/*form*/
.logincont { background: transparent; text-align: left; width: auto; }
.logincont .form-control.is-invalid, .logincont .was-validated .form-control:invalid { border-color: #932e38; }
.logincont .select2-dropdown { background: #000 !important; border-color: #484646; }
.logincont .dual_screen {max-width: 410px !important;background: transparent;border-radius: 13px;border: 0;padding: 30px;border-radius: 20px;border: 1px solid #3D4248;/* background: #23272C; */box-shadow: 0px 430px 121px 0px rgba(0, 0, 0, 0.00), 0px 275px 110px 0px rgba(0, 0, 0, 0.01), 0px 155px 93px 0px rgba(0, 0, 0, 0.05), 0px 69px 69px 0px rgba(0, 0, 0, 0.09), 0px 17px 38px 0px rgba(0, 0, 0, 0.10);backdrop-filter: blur(7.5px);}
.logincont { background: 0 0 }
.logincont .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { background-color: #000; border: 1px solid #444; color: rgba(255, 255, 255, .6) !important; height: 50px; padding: 1rem 0.75rem 0.2rem; }
.logincont .disable_inp input#country_val_div { border: 1px solid #444; color: rgba(255, 255, 255, .6) !important; background: #000 !important; height: 50px; width: 60px; }
#widget_exma_register span.select2-selection { background: #000; border-color: #444 ; height:54px}
.logincont .signin_signup_right .right-form h2 { color: #fff;    text-align: center; font-size: 32px; }
#widget_exma_register label.form-check-label {color: rgba(255, 255, 255, 0.9); font-weight: 400;}
#widget_exma_register .select2-container .select2-selection--single .select2-selection__rendered { color: rgba(255, 255, 255, .6) !important }
.form-check-input[type=checkbox] { background-color: transparent }
.logincont .form-control.is-invalid, .logincont .was-validated .form-control:invalid { border-color: #932e38 }
.logincont .select2-dropdown, .logincont .select2-container--default .select2-search--dropdown .select2-search__field { background: #000 !important; border-color: #484646; color: #fff; font-weight: 400 }
.logincont .form-control.is-valid, .logincont .was-validated .form-control:valid { border: var(--bs-border-width) solid var(--bs-border-color); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==) !important; border-color: var(--bs-success) !important }
.logincont input:-webkit-autofill { -webkit-text-fill-color: rgba(255, 255, 255, .6) }
.logincont input:-webkit-autofill:focus { -webkit-text-fill-color: rgba(255, 255, 255, .6) }
.logincont .form-control:valid { border-color: var(--bs-success) !important; padding-right: calc(1.5em + 0.75rem) !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==) !important; background-repeat: no-repeat !important; background-position: right calc(0.375em + 0.1875rem) center !important; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important }
.logincont .signupfooter label { color: rgba(255, 255, 255, .7) }
.logincont .signupfooter label { color: rgba(255, 255, 255, .4) }
.logincont .form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select { font-size: 1rem; }
.form-floating>label { font-size: 1rem; line-height: 120%; color: rgba(255, 255, 255, 0.5); font-weight: 400; top: -2px;}
.select2-dropdown { background: #000; border-color: #484646; }
.select2-container--default .select2-results__option--selected { background: #5897fb; color: #fff; }
.select2-container--default .select2-search--dropdown .select2-search__field { background: #000; border-color: #484646; color: #fff; }
.logoModal { position: absolute; top: -60px; width: 100%; text-align: center; }
#register-modal {background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(2px);}
.logoModal { position: absolute; top: -60px; width: 100%; text-align: center; }
#widget_exma_register .form-check-input[type="checkbox"] { margin-top: 2px; }
#widget_exma_register .button.solidbtn { font-size: 20px; }
#widget_exma_register input:-webkit-autofill,
#widget_exma_register input:-webkit-autofill:hover, 
#widget_exma_register input:-webkit-autofill:focus, 
#widget_exma_register input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #000 inset !important;
}
.select2-container--open .select2-dropdown{z-index: 9999;}
@media(min-width:1540px){
  /* body{overflow: hidden; height: 100vh;} */
}
@media(max-width:1540.98px){
  .launchscreen{min-height: 118vh;}
  #register-modal .modal-dialog { margin: 100px auto; }
}
@media(max-width:576px){
  #register-modal .modal-dialog { max-width: 360px; }
}
.readMOre {
    color: #f4f4f4;
    font-size: 14px;
    margin-top: 5px;
}
button.fullwidth {
    width: 100% !important;
}
.logincont .signupfooter label {
    font-weight: 400;
}
#reverse_solicitation_poupup .modal-restricion{background-color:#303438}
.modal-restricion p {
    color: #fff;
}
.pc.back-to-top {
    display: none !important;
}


/*Landing page css*/
.myVideo { width: 100vw; }
.lpBanner{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/lp-rangerover-bg.png') no-repeat;min-height: 100vh;width: 100vw;position: relative;background-size: cover;}
.bannerHeading { max-width: 768px; margin: 70px auto 0; }
.headOne { display: flex; align-items: center; justify-content: space-between; position: relative;}
.headOne:after { content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/rover-list-divider-banner.svg') no-repeat; position: absolute; left: 40%; width: 70px; height: 130px; transform: translateX(-40%); }
.headOne h1 {font-size: 160px;font-family: var(----secondryfamily);text-shadow: 0px 0px 16.447px #00ACE1;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #00ACE1;font-weight: 800;line-height: normal;text-transform: uppercase;color: #24F9FF;line-height: 110%;font-style: italic;}
.headOne ul li { font-size: 25px; color: #fff; font-family: 'Barlow Condensed'; margin-bottom: 10px; position: relative; font-weight: 500; animation: 1.5s liText; }
.headOne ul li:nth-of-type(2) { padding-left: 30px;animation: 2s liText; }
.headOne ul li:nth-of-type(3) { padding-left: 60px; animation: 2.5s liText;}
.headTwo h2 {font-family: "Barlow Semi Condensed";font-size: 135.618px;font-weight: 800;line-height: normal;text-transform: uppercase;color: #00ACE1;position: relative;white-space: nowrap;line-height: 70%;font-style: italic;}
/* .headTwo h2:before {content: 'Range Rover';position: absolute;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #00F7FE;font-weight: 800;z-index: 999;color: transparent;} */
.bannerCar { margin-top: -40px; position: relative; z-index: 0; display: flex; align-items: center; column-gap: 30px; }
.animateCar{-webkit-animation: 2s run; animation: 2s run; right:-10%}
.test{-webkit-animation: 2.2s run1; animation: 2.2s run1; right:10%}
/* .test1{-webkit-animation: 2.5s run1; animation: 2.5s run2; right:100%} */
.carDetailsBanner { background-image: linear-gradient(90deg, #1A212B 38.59%, rgba(29, 38, 41, 0.00) 100%); width: 600px; padding: 30px 50px; position: relative; display: flex; column-gap: 100px; align-items: center; }
.contestPeriod p { font-size: 26px; color: #fff; line-height: 62%; margin-bottom: 20px; }
.carWorth p { font-size: 26px; color: #fff; font-family: 'Barlow Condensed'; line-height: 64%; margin-bottom: 10px; }
.carWorth h4 { font-size: 42px; color: #24F9FF; text-shadow: 0px 0px 6.447px #00ACE1; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #00C3FF; line-height: 90%; font-weight: 500; }
.contestPeriod{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/contest-period-bg.svg') no-repeat; padding: 25px 20px 0;    white-space: nowrap;}
.carDetailsBanner:after {content: ''; background: linear-gradient(to right, #9CFCFF 0%, #00F7FE 0%, rgba(87, 151, 153, 0.00) 100%); position: absolute; top: 0; width: 85%; height: 2px; left: 8px; box-shadow: 0px 1px 16px -2px #00f7ee; }
.carDetailsBanner:before { content: ''; border: 1px solid #00C3FF; background: #24F9FF; box-shadow: 0px 0px 16.447px 6.853px #00ACE1; position: absolute; left: 0; height: 100px; top: 50%; transform: translateY(-50%); width: 4px; }
.roverBannerImg { width: 917px; max-width: max-content; }
.readMoreText:hover { color: #4ba4db; }
#img-tag.d-none {
  display: none !important;
}
@keyframes run {
  from {
    right: -100%;
  }
  to {
    right: -10%;
  }
}
@keyframes run1 {
  from {
    right: -25%;
  }
  to {
    right: 10%;
  }
}
/* @keyframes run2 {
  from {
    right: 10%;
  }
  to {
    right: 100%;
  }
} */

@keyframes liText {
  from {
    right: -50%;
  }
  to {
    right: 0%;
  }
}
.colorBlue{color:#4ba4db}

.alloyRotate{ position: absolute; bottom: 27px; left: 84px;}
.alloyRotateBack{ position: absolute; bottom: 27px; left: 653px;}
.animateCar .allowAnimate{animation:rotate 2.5s linear infinite; -webkit-animation: rotate 2.5s linear infinite;;}
@keyframes rotate {
  to {
    transform: rotate(-360deg);
  }
}
.allowAnimateMob{animation:rotate 1.5s linear infinite;}


.head1 { animation: bounce2 1s ease; }
.head2 { animation: bounce2 1.2s ease; }
.promoDuration { animation: bounce2 1.8s ease; }
@keyframes bounce2 {
	0%{
		transform: translateY(0);
    opacity: 0;
	}
	40% {
		transform: translateY(-30px);
    opacity: 0.2;
	}
	100% {
		transform: translateY(0px);
    opacity: 1;
	}
}
.carMobile{-webkit-animation: 2s run3; animation: 2s run3; right:0%; position: relative;}
@keyframes run3 {
  from {
    right: -100%;
  }
  to {
    right: 0%;
  }
}
.arrow-container{width: 100px;height: 100px;margin: 0 auto;position: relative;bottom: 0px;left: 0;right: 0;cursor: pointer;}
.arrow-1{ width: 100px; height: 100px; background: rgba(71,83,100,0.5);; opacity: 0.5; border-radius: 50%; position: absolute; left: 0; top: 0; }
.arrow-2{ width: 60px; height: 60px; background: rgba(71,83,100,0.5); border-radius: 50%; position: absolute; top: 50%; left: 50%; z-index: 1; display: table; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; }
.arrow-2:before{ width: 72px; height: 72px; content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; background: rgba(61,65,78,0.3); z-index: -5; transform: translate(-50%, -50%); }
.animatedArrow { -webkit-animation:zoomIn 2s infinite; animation:zoomIn 2s infinite; }

@-webkit-keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); }
50% { opacity: 0.5; }
100% { opacity: 0; }
}

@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); }
50% { opacity: 0.5; }
100% { opacity: 0; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

.bannerCta { text-align: center; margin-top: -20px; }
.readMoreText { font-size: 14px; color: #fff; margin-top: 6px; }


/*section 2*/
.roadInfo{max-width: 760px;position: relative;height: 105vh;margin: auto;background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/road-path.png') no-repeat;}
.roadInfo:before{ content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/candle-stick-road.svg') no-repeat; position: absolute; right: -100%; height: 100%; width: 100%; top: 0; }
.roadInfo:after{content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/candle-stick-road.svg') no-repeat; position: absolute; left: -100%; height: 100%; width: 100%; transform: scale(-1, 1);-moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); top: 0;}
.roadSideInfo { background: #0d1215; }
.carFlipImage {text-align: center;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;z-index: 9;}
.carInfo{position: relative;/* top: 0; */z-index: 0;width: 530px;margin: auto;text-align: center;}
.carInfo:before{content: '';background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/headlight-shadow.png') no-repeat;width: 100%;height: 219px;position: absolute;top: -60px;z-index: -1;width: 617px; margin: auto; left: 50%; transform: translateX(-50%);}
.carInfo p {font-size: 27px;color: #fff;font-family: 'Barlow Condensed';margin-bottom: 10px;}
.carInfo h3 { background: linear-gradient(180deg, #00ACE1 0%, #91FCFF 34.18%, #E7FEFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Barlow Condensed"; font-size: 110px; font-style: normal; font-weight: 600; line-height: 90%; }
.carInfo.leveragetBox { margin-top: 90px; }
.tradeInfoMarquee {
  height: 105vh;
  overflow: hidden;
  position: relative;
  bottom: 0;
}
.tradeInfoMarquee .list1{animation: list1 15s linear infinite; position: absolute;
  left: 0%;
  top: 0%; width: 100%;}
.tradeInfoMarquee .list2{animation: list2 15s linear infinite; position: absolute;
  left: 0%;
  top: 0%; width: 100%;}
@keyframes list1 {
   from { top: 0%; }
    to{ top: -800px; }
  }
  @keyframes list2 {
    from { top: 800px; }
    to { top: 0%; }
  }
/*section 3*/
.howToJoin { position: relative; min-height: 797px; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/how-to-join-contest-bg.png') no-repeat; background-size: cover;height: 100%; padding-top: 90px;background-position: center center;}
.howToJoin:before{content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/steps-top-icon-contest.png') no-repeat; position: absolute; top: -67px; left: 50%; transform: translateX(-50%); width: 80px; height: 105px;}
.sectionHeader { text-align: center; }
.sectionHeader h3 { font-size: 50px; color: #fff; font-family: 'Barlow Condensed'; }
.sectionHeader p { font-size: 20px; color: #fff; font-family: 'Barlow Semi Condensed'; }
.stepstoJoin { text-align: center; display: flex; align-items: center; justify-content: center; }
.howToJoin .bannerCta { margin-top: 0px; }
.stepBox:before { width: 335px; height: 334px; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/steps-gray-contest.svg') no-repeat; content: ''; position: absolute; left: -60px; top: 0; }
.activeBox:before{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/steps-light-contest.png') no-repeat;}
.stepBox { position: relative; width: 165px; height: 334px; text-align: center; padding: 30px 0 60px 53px; }
.stepBox h4 { color: #A9A9A9; font-size: 20px; font-weight: 600; font-family: 'Barlow Semi Condensed'; }
.stepBox p { position: absolute; top: 50%; left: 50%; transform: translate(-15%, -40%); font-size: 22px; color: #ffff; line-height: 130%; }
.activeBox p, .activeBox h4 { color: #00F7FE; text-align: center; text-shadow: 0px 0px 16.8px #00ACE1; }
.youtubeTutorial { border: 2px solid transparent; background: linear-gradient(to right, #07333e 0%, #000 40%) padding-box, linear-gradient(to right, #06A7E0 0%, rgba(0, 0, 0, 0) 50%) border-box; padding: 10px 40px; border-radius: 180px; width: 332px; height: 98px; margin-top: 30px; text-align: left; line-height: 70px; font-size: 25px; color: #fff; font-weight: 500; position: relative; padding-right: 80px; }
.youtubeTutorial:after{    content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/youtube-contest-icon.svg') no-repeat; position: absolute; right: -20px; width: 94px; height: 94px; top: 0;}
.youtubeTutorial:hover{color:#4ba4db}
/*Explore Refinement section*/
.explorerefinement { background-color: #0A0B0D; position: relative; }
.explorerefinement:before { content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/contest-section-divider.svg') no-repeat; position: absolute; top: 0; width: 700px; height: 3px; text-align: center; left: 50%; transform: translateX(-50%); }
.rotate { scale: 1.2; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.carRefinement {position: absolute;top: 240px;left: -160px;}
.carRefinement::before{content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/gradient-bg-blinker.svg') no-repeat; position: absolute; right: 0;}
.featurInfoBox { height: 100%; display: flex; align-items: self-start; flex-direction: column; justify-content: center; }
.featurInfoBox .sectionHeader p { color: rgba(255, 255, 255, 0.8); margin-top: 10px; font-size: 18px; }
.carFeatures { height: 100px; padding-left: 40px; position: relative; width: 100%; }
.featureBox{opacity:0; position: absolute;transition: all 2s ease-in-out; margin-bottom: -20px;}
.featureBox h3 { font-size: 32px; color: #03E7EE; line-height: 100%; margin-bottom: 10px; }
.carFeatureBOx { overflow: hidden; position: relative; }
.carFeatures:before{content: '';position: absolute;background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/glow-arrow.svg') no-repeat;width: 26px;height: 44px;left: -70px;z-index: 9;}
.carFeatures:after { content: ''; position: absolute; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/gradient-bg-blinker.svg') no-repeat; width: 240px; height: 150px; left: -110px; z-index: 9; top: -48px; background-size: 100%; }
.featureBox p { font-size: 15px; color: #fff; font-family: 'Barlow Semi Condensed'; }
.animateMe{opacity: 1; transition: all 0.5s ease-in-out; animation: 2s fade-down; }
.featurInfoBox .bannerCta { width: 240px; text-align: center; }
.featurInfoBox .bannerCta button { margin-top: 10px; }

/*form holder*/
.formHolderSection { background: #0A0B0D;     padding: 100px 0; height: 130vh; overflow: hidden; position: relative; }
.formHolderSection:before { content: ''; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/contest-section-divider.svg') no-repeat; position: absolute; top: 0; width: 700px; height: 3px; text-align: center; left: 50%; transform: translateX(-50%); }

.formHolderSection .sectionHeader{margin-bottom: 90px;}
.formBox .formHolder{position: relative;}
.formBox .formHolder:before {background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/form-holder-bg.png') no-repeat;height: 1395px;width: 1130px;content: '';position: absolute;left: 57%;top: 47%;transform: translate(-50%, -50%);background-size: 1070px 1430px;}
.logincont .dual_screen {background: transparent;border: 0;padding: 10px 20px;min-height: 670px;max-width: 380px !important;}
.formFeatureBox { height: 100%; display: flex; flex-direction: column; justify-content: space-around; position: relative; }
.formFeatureBoxLeft{padding-right: 60px;}
.formFeatureBoxRight{padding-left: 60px;}

.formFeature{position: relative;text-align: right;display: flex;align-items: center;justify-content: end;z-index: 9;color: #fff;font-size: 30px;line-height: 140%;font-family: 'Barlow Condensed';}
.formFeatureBoxLeft .formFeature{padding-right:50px;}
.formFeatureBoxRight .formFeature { padding-left: 50px; text-align: left; justify-content: flex-start; }
.formFeature:before{content:'';background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/blink-box-range-rover-form.svg') no-repeat;width: 274px;height: 154px;position: absolute;z-index: -1;}
.formLeftBox:before{transform: scale(-1, 1);right: 0;}
.formRightBox:before{left: 0;}
.sidebarleftshape { position: absolute; left: 0; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/formbox-sideimage.svg') no-repeat; width: 184px; height: 930px; display: flex; align-items: center; justify-content: start; }
.sidebarrightshape { position: absolute; right: 0; background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/formbox-sideimage.svg') no-repeat; width: 184px; height: 930px; display: flex; align-items: center; justify-content: start; transform: scale(-1,-1); }

.faqSection { background: #111416; padding: 100px 0; }
.faqSection .sectionHeader { margin-bottom: 30px; }
.faqSection .sectionHeader p { color: rgba(255,255,255,0.7); font-size: 20px; font-family: 'Barlow Semi Condensed'; margin-top: 5px; }
.query_box .accordion-item { margin-bottom: 10px; border-radius: 8px; overflow: hidden; border-bottom: 0; background: #191D22; }
.query_box .accordion-item .accordion-header button { background: #171A1D; border: 1px solid #171a1d; border-radius: 10px !important; }
.query_box .accordion-collapse { background: #191D22; color: #fff; font-size: 18px; font-family: 'Barlow Semi Condensed'; }
.accordion-button.collapsed, .accordion-button.collapsed span { color: #fff; }
.query_box .accordion-item .accordion-header button:not(.collapsed) { border-color: #4ba4db; }
.query_box .accordion-item .accordion-header button:not(.collapsed) span { color: #4ba4db; }

.lp-footer { padding-top: 100px; display: block; background-color: #000000; }
.follow_us { font-weight: 400; font-family: var(--primaryfamily); font-size: 18px; color: rgb(255, 255, 255); font-style: normal; }
.footer_top_block .social-url ul li a { display: inline-block; width: 50px; height: 50px; background: #10121b; line-height: 35px; border-radius: 4px; color: #fff; text-align: center; vertical-align: middle; padding: 5px 12px; font-size: 1rem; }
.pb-partnerlp5 { padding-bottom: 35px!important; }
.left-inner-image-iso img { max-width: 100px; }
.inner-left-textmsecb p { margin-left: 32px; font-size: 20px; opacity: 0.7; line-height: 27px; color: #fff; margin-bottom:0; }
.isoLabel-homepage { position: relative; margin-top: 35px; align-items: center; }
.footer_bottom_text p { color: #999; font-family: var(--secondryfamily); line-height: 150%; }
.footer_top_block .social-url ul li a:nth-child(6):hover {    background: #69C9D0;}
.card.featureCard:before { content: ''; border: 1px solid transparent; position: absolute; bottom: 0px; width: 100%; }
.card.featureCard:hover:before { border-color: var(--blue); animation: smooth 3s ease-in-out; }
.tradeSmartfeatureBox h3 strong { font-weight: 500; }
.exc_icon { width: 38px; }
.formFeatureBoxRight .formFeature p { margin: 0; }
.footer_top_block .social-url {/* width: 100%; */}
form#widget_veryfy_otp p { text-align: center; }

html[lang="id"] .headOne h1 { font-size: 60px; }
html[lang="id"] .headOne ul li { font-size: 18px; }
html[lang="id"] .button.solidbtn {font-size: 18px;width: fit-content !important;}
html[lang="id"] .stepBox p { font-size: 18px; margin: 0; }

html[lang="ar"] .headTwo h2:before{content:'رانج روفر'}
html[lang="ar"] .lpBanner { direction: ltr; }
html[lang="ar"] {direction: rtl;}
html[lang="ar"] .explorerefinement { direction: ltr; }
html[lang="ar"] .headOne h1 { font-size: 130px; }
html[lang="ar"] .carWorth h4 { font-size: 20px; white-space: nowrap; }
html[lang="ar"] .stepBox p { font-size: 19px; }
html[lang="ar"] .youtubeTutorial { font-size: 18px; }
html[lang="ar"] .featureBox h3 { font-size: 25px; line-height: 120%; }
html[lang="ar"] .carFeatures { margin-top: -20px; }
html[lang="ar"] .formFeature:before { transform: scale(-1, 1); left: auto; right: 0; }
html[lang="ar"] .formFeatureBoxRight .formFeature { padding-right: 50px; padding-left: 0; text-align: right; }
html[lang="ar"] .formFeatureBoxRight { padding-left: 0; padding-right: 60px; }
html[lang="ar"] .formLeftBox:before { transform: scale(1,-1); right: auto; left: 0; }
html[lang="ar"] .formFeatureBoxLeft .formFeature { padding-left: 50px; padding-right: 0; text-align: left; }
html[lang="ar"] .formFeatureBoxLeft { padding-left: 60px; padding-right: 0; }
html[lang="ar"] .query_box .accordion-button span { left: auto; right: 15px; }
html[lang="ar"] .query_box button.accordion-button { padding-left: 1rem; padding-right: 3rem; }
html[lang="ar"] .accordion-button::after { margin-left: 0; margin-right: auto; }


html[lang="el"] .headOne h1 { font-size: 60px; }
html[lang="el"] .headOne ul li { font-size: 20px; margin-bottom: 5px; }
html[lang="el"] .headOne { margin-bottom: 20px; }
html[lang="el"] .lpBanner { height: 100vh; }
html[lang="el"] .carWorth p {font-size: 20px;white-space: nowrap;}
html[lang="el"] .carWorth h4 { font-size: 33px; }
html[lang="el"] .contestPeriod p { font-size: 20px; }
html[lang="el"] .stepBox p { font-size: 14px; }
html[lang="el"] .button.solidbtn { width: fit-content !important; }
html[lang="el"] .featurInfoBox .bannerCta { width: auto; }
html[lang="el"] .featureBox h3 { font-size: 22px; line-height: 120%; }
html[lang="el"] .carFeatures { margin-top: -20px; }
html[lang="el"] .logincont .signin_signup_right .right-form h2 { font-size: 23px !important; }
html[lang="el"] .formFeature {font-size: 18px;}
html[lang="el"] .headTwo h2 { font-family: "Noto Sans", sans-serif; font-size: 110px; }
html[lang="el"] * { font-family: "Noto Sans", sans-serif; }
html[lang="el"] .youtubeTutorial { font-size: 20px; }

.bannerCta{margin-top: 20px;}
.footer_achievement_slider {
  padding-bottom: 20px;
}
html[lang="ar"] .bannerHeading {
  margin-top: 100px;
}
html[lang="id"] .bannerHeading {
  margin-top: 130px;
}
html[lang="ar"]  .navbar-light .navbar-nav.mobile_language_drop_down .dropdown-menu {
  left: 0 !important;
  right: auto;
}
html[lang="el"] .bannerHeading {
  margin-top: 140px;
}
@media(max-width:1540.99px){
  .lpBanner { min-height: 130vh; height: auto; }
  .formHolderSection { height: auto; min-height: 160vh; }
  .formFeature { font-size: 24px; }
  .sidebarleftshape { scale: 0.5; left: -50px; }
  .sidebarrightshape { scale: 0.5; right: -50px; }
  .animateCar {
    right: -0%;
}
  @keyframes run {
    from {
      right: -100%;
    }
    to {
      right: -0%;
    }
  }
}
@media(max-width:1367.99px){
  .animateCar {
    right: 20%;
}
@keyframes run {
  from {
    right: -100%;
  }
  to {
    right: 20%;
  }
}
}
@media(max-width:1299.99px){
  .formFeature { font-size: 20px; }
  .container{padding: 0 20px;}
  .carRefinement { width: 700px; top: 200px; }
  .sidebarleftshape, .sidebarrightshape{display: none;}
  .lpBanner { min-height: 110vh; }
}
@media(max-width:1100px) and (min-width:992px){
  .logincont .dual_screen {
    width: 450px !important;
    margin-left: -34px;
}
.animateCar {
  right: 50%;
}
@keyframes run {
  from {
    right: -100%;
  }
  to {
    right: 50%;
  }
}
}
@media(max-width:991.99px){
  .animateCar { right: -7%; }
  .test{right:80%}
  @keyframes run {
    from { right: -100%; }
    to { right: -10%; }
  }
  @keyframes run1 {
    from { right: -10%; }
    to { right: 80%; }
  }
  .roadInfo{max-width: 500px;}
  .explorerefinement { padding: 100px 0; text-align: center; }
  .featurInfoBox { justify-content: center; align-items: center; }
  .carFeatures { text-align: center; }
  .featureBox {left: 50%;transform: translateX(-50%);}
  .rotate { scale: 1; max-width: 740px; height: 740px; }
  .carFeatureBOx { transform: rotate(-90deg); }
  .carRefinement img { transform: rotate(-90deg); }
  .carRefinement {left: 50%;transform: translateX(-50%);top: 40%;height: 400px;}
  .carFeatures:before { left: 50%; bottom: -50PX; transform: rotate(-90deg); }
  .carFeatures:after {left: 42%;bottom: -33px;transform: rotate(-90deg) translateY(-50%);top: auto;}
  .ctaMob { height: 200px; width: 100%; padding-top: 160px; }
  .formFeatureMobile .formFeature { background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/box-form-rover-mob.png') no-repeat; justify-content: center; padding: 30px; text-align: center; background-size: 100%; height: 150px; margin-top: -40px; }
  .formFeatureMobile .formFeature:before { display: none; }
  .formHolderSection { height: 100%; }
  .formBox .formHolder:before{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/form-rover-bg-mob-top.svg') no-repeat; height: 100px; width: 390px; top: 30px; left: 50%;}
  .formBox .formHolder { max-width: 400px; margin: 50px auto 0; padding-top: 0px; border-radius: 15px; border: 1px solid #06A7E0; background: #0A0B0D; box-shadow: 0px 0px 8px 1px rgba(0, 172, 225, 0.50); }
  .logincont .dual_screen { max-width: 100% !important; padding: 30px 20px; }
  .formFeatureMobile .formFeature p { margin-bottom: 0; }
  /* .formFeatureMobile .formFeature br { display: none; } */
  .promoDuration { border-radius: 10px; background: linear-gradient(180deg, #2C343E 0%, rgba(29, 38, 41, 0.00) 100%); width: 370px; align-items: center; column-gap: 50px; text-align: center; justify-content: center; color: #fff; margin: 50px auto; }
  .promoDuration .promoInfoMob { padding: 20px 0; position: relative; width: 40%; }
  .promoDuration .promoInfoMob label { font-size: 18px; line-height: 100%; }
  .promoDuration .promoInfoMob p { font-size: 22px; line-height: 120%; margin: 5px; }
  .promoDuration:after { content: ''; width: 1px; height: 50px; position: absolute; background-image: linear-gradient(180deg, rgba(6, 167, 224, 0.00) 0.1%, #06A7E0 55.87%, rgba(6, 167, 224, 0.00) 96.77%); }
  .promoDuration .promoInfoMob.worthPrice:before {content: '';border-radius: 4px;border: 1px solid #00F7FE;background: #91FCFF;box-shadow: 2px 0px 9px 0px #00ACE1;position: absolute;top: -6px;width: 40px;height: 6px;left: 50%;transform: translateX(-50%);}
  .promoDuration .promoInfoMob.timePeriod:before { content: ''; border-radius: 4px; border: 1px solid #00F7FE; background: #91FCFF; box-shadow: 2px 0px 9px 0px #00ACE1; position: absolute; top: -2px; width: 40px; height: 6px; left: 50%; transform: translateX(-50%); }
  .bannerPromotionInfoMob { justify-content: center; margin: auto; }
  .lpBanner { height: 120vh; background-size: cover; background-position: center center; }
  .headOne h1 { font-size: 140px; }
  .headTwo h2 { font-size: 128px; }
  .bannerHeading { margin-top: 20px; }
  .lpBanner { min-height: 100vh; height: auto; }
  .worthPrice p{        text-shadow: 0px 0px 10px #00ACE1; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #00ACE1; font-weight: 700; color: #24F9FF; font-size: 27px !important; margin: 0 !important;}
  .carMobile { text-align: center; max-width: 385px; margin: auto; }
  .carMobile > img { max-width: 385px; }
  .carMobile .alloyRotate img { width: 50px; }
  .carMobile .alloyRotate { left: 47px; bottom: 30px; }
  .carMobile .alloyRotateBack img { width: 50px; }
  .carMobile .alloyRotateBack { left: 287px; bottom: 30px; }

  html[lang="ar"] .headOne h1 { font-size: 90px; }
  html[lang="ar"] .headTwo h2 { font-size: 114px; line-height: 120%; }
  html[lang="ar"] .promoDuration { width: 576px; }

 html[lang="ar"] .promoDuration { width: 90%; }
 .bannerCta { padding-bottom: 47px; }
 html[lang="id"] .bannerHeading {
  margin-top: 90px;
}
html[lang="el"] .bannerHeading {
  margin-top: 90px;
}
html[lang="el"] .carInfo h3 {
  font-size: 80px;
}
}

@media(max-width:767.99px){
  .carRefinement { top: 250px; }
  .rotate { scale: 1.3; max-width: 500px; height: 500px; }
  .carRefinement img { width: 500px; }
  .stepBox:before{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/steps-gray-contest-mob.png') no-repeat;width: 362px; left: 50%; transform: translateX(-50%); height: 203px;}
  .activeBox:before{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/steps-light-contest-mob.png') no-repeat;}
  .stepstoJoin {flex-direction: column;margin-top: 80px;}
  .stepBox {height: 200px;width: 300px;padding: 0;margin-bottom: -20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .howToJoin .sectionHeader { padding-top: 30px; }
  .stepBox p { position: unset; margin: 0; transform: none; }
  .stepBox h4 { color: #fff; font-weight: 500; margin-bottom: 5px; }
  .howToJoin { min-height: auto; padding-bottom: 80px; }
  .howToJoin .bannerCta { margin-top: 40px; }
  .youtubeTutorial { height: 60px; line-height: 34px; }
  .youtubeTutorial:after { width: 60px; background-size: 55px; right: 0px; }
  .headOne h1 { font-size: 90px; }
  .headTwo h2 { font-size: 94px; }
  .headOne ul li { font-size: 16px; margin-bottom: 0; }
  .headOne:after { display: none; }
  .roadSideInfo .arrow-container {top: -50px;bottom: auto;z-index: 999;position: absolute;}
  html[lang="id"] .headOne ul li img { max-width: 130px; }
  html[lang="id"] .headOne { margin-bottom: 10px; }
  html[lang="id"] .headOne ul li img { max-width: 130px; }
  html[lang="id"] .headOne { margin-bottom: 10px; justify-content: center; }
  html[lang="id"] .headOne ul { display: none; }
  html[lang="id"] .headTwo h2 { font-size: 60px; text-align: center; }
  html[lang="el"] .promoDuration { width: 90%; }
  html[lang="el"] .headOne ul { display: none; }
  html[lang="el"] .headOne {justify-content: center;}
  html[lang="el"] .headTwo h2 { text-align: center;font-size: 50px; }
  html[lang="el"] .headOne h1 { font-size: 50px; }
html[lang="el"] .headOne { margin-bottom: 10px; }
html[lang="el"] .promoDuration .promoInfoMob p { font-size: 15px; }
.bannerCta{margin-top: 0;}
html[lang="th"] .lp_rover .button.solidbtn { width: fit-content !important; }
}
@media(max-width:576.99px){
  .rotate { scale: 1.2; }
  .carFeatureBOx { width: 530px; left: 50%; transform: translateX(-50%) rotate(-90deg); }
  .roadInfo { max-width: 340px; }
  .carInfo { width: 360px; }
  /* .tradeInfoMarquee { top: -220px; } */
  .roadInfo:before, .roadInfo:after { background-repeat: repeat; }
  .carFeatures { padding-left: 0; }
  .featureBox { width: 100%; }
  .sectionHeader h3 { font-size: 34px; }
  .headOne h1 { font-size: 70px; }
  .headOne ul li img { width: 70px; margin-left: 2px !important; }
  .headOne ul li:nth-of-type(2), .headOne ul li:nth-of-type(3) { padding-left: 0; }
  .headOne { column-gap: 20px; }
  .headOne h1 {font-size: 80px; text-shadow: none;}
  .headOne ul li img {width: 63px;margin-left: 2px !important;}
  .headOne ul li:nth-of-type(2), .headOne ul li:nth-of-type(3) { padding-left: 0; }
  .headOne { column-gap: 20px; }
  html[lang="en"] .bannerHeading {max-width: 320px; }
  .headTwo h2 {font-size: 58px;margin-top: 10px;line-height: 80%;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #00F7FE;font-weight: 700;}
  /* .headTwo h2 {font-size: 64px; margin-top: 10px; line-height: 80%; font-weight: 700;} */
  .headTwo h2:before { display: none; }
  .bannerPromotionInfoMob { padding: 0 20px; }
  .promoDuration {width: 320px;}
  .promoDuration .promoInfoMob p { font-size: 18px; }
  .lpBanner {min-height: 90vh;height: 100%;}
  .formFeatureMobile .formFeature { height: 130px; margin-top: 0px; }
  .formHolderSection .sectionHeader { margin-bottom: 40px; }
  .formHolderSection { padding: 50px 0; }
  .explorerefinement { padding-top: 50px; }
  .formHolderSection:before, .explorerefinement:before{background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/contest-section-divider-mob.svg') no-repeat; left: 50%; transform: translateX(-50%); width: 312px;}
  .worthPrice p{font-size: 22px !important;}
	.stepstoJoin {    margin-top: 0px;}
  .howToJoin { background: url('<?= BASE_URL; ?>/assets/flymetrade/images/contents/how-to-join-contest-bg-mob.png') no-repeat; background-position: center center; background-size: cover; }
  .howToJoin .sectionHeader { padding-top: 0px; }
  .howToJoin { padding-top: 64px; }
  .faqSection { padding: 50px 0; }
  .query_box button.accordion-button {font-size: 16px;font-weight: 400;color: rgba(255,255,255,0.8);}
  .accordion-item p { font-size: 16px; line-height: 140%; padding: 0 !important; }
  .accordion-item .accordion-body { padding: 20px 0; }
  html[lang="ar"] .promoDuration {width: 340px;margin: 30px 0;}
  html[lang="ar"] .headTwo h2 {font-size: 84px;margin-top: 0;        line-height: 110%;}
  html[lang="ar"] .headOne h1 { font-size: 53px; }

  html[lang="el"] .button.solidbtn { font-size: 16px; }
  html[lang="el"] .youtubeTutorial { font-size: 20px; }
}
@media(max-width:400px){
  .carMobile{right:6%;}
  @keyframes run3 {
    from {
      right: -100%;
    }
    to {
      right: 6%;
    }
  }
}
html[lang="tr"] .lp_rover .button.solidbtn {
    max-width: fit-content;
}
.timer-counter-logiin span {
    color: rgba(255, 255, 255, .4);
    font-weight: 400;
}
html[lang="el"] .fab {
    font-family: 'Font Awesome 5 Brands';
}
html[lang="el"] .custome-menu a{font-size:17px}
.lp_rover form#widget_veryfy_otp .button.solidbtn {    width: 100% !important;}