﻿@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&family=Poppins: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');
:root {
    --ra-default: #1C1B1F;
    --ra-white: #ffffff;
    --ra-black: #000000;
    --ra-red: #FD1319;
    --ra-maroon: #BB2024;
    --ra-brown: #C65229;
    --ra-orange: #F48E22;
    --ra-seaBlue: #cdf1fd;
    --font-poppins: 'Poppins',sans-serif,Arial,Helvetica;
    --font-barlowCond: 'Barlow Condensed',sans-serif,Arial,Helvetica;
}
html{height:100%}
body{font-size:16px;background:var(--ra-grey);color:var(--ra-black);overflow-x:unset;font-family:var(--font-poppins);font-weight:normal;position:relative;word-wrap:break-word;min-height:100%;height:calc(var(--vh, 1vh) * 100)}
img{max-width:100%;height:auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
a{text-decoration:none;color:var(--ra-gold);cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
a:hover,a:focus,.btn:hover{text-decoration:none;outline:none;color:var(--ra-maroon);box-shadow:none}
button{border:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.btn:focus,button:focus{text-decoration:none;outline:none;box-shadow:none}
button:hover,button:focus,.accordion-button:focus{outline:none;box-shadow:none}
ul,li,ol{padding:0;margin:0}
li{list-style:none}
.light-text{font-weight:300}
.medium-text{font-weight:500}
.semibold-text{font-weight:600}
.bold-text{font-weight:700}
.italic-text{font-style:italic}
.small-text{font-size:.875rem}
.text-underline{text-decoration:underline}
.form-control:focus{outline:none;border-color:#dee2e6;box-shadow:none}
body.hindalco{cursor:url(../images/cursor.svg) 11.5 24, auto}

.btnPlay{display:none;border:0}
.orientation{background:var(--ra-white);position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;overflow:hidden;text-align:center;display:none}
.orientation img{max-width:150px;height:auto}
.orientation p{font-size:1rem;font-weight:400;color:var(--ra-maroon);letter-spacing:3px;text-transform:uppercase}
.portrait-only{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.portrait-only img{margin-bottom:1rem}

.swiper.justify-center .swiper-wrapper{justify-content:center}
.swiper.justify-center .swiper-wrapper .swiper-slide:last-child{margin-right:0!important}
.swiper-slide{height:auto}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.2}
.swiper-nav.hide{display:none}
.swiper-nav-wrapper{display:inline-flex;background-color:var(--ra-white);border-radius:50px;margin:10px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
.swiper-nav.hide{display:none}

.swiper-pagination-bullet{width:12px;height:12px;background-color:#8A8A8A;opacity:.8}
.swiper-pagination-bullet-active{background-color:var(--lhfBlue);opacity:1}

.swiper-pagination.bottom{position:relative;bottom:auto;display:inline-flex;width:auto;padding:0 10px}
.swiper-nav.bottom{position:relative;text-align:center;margin-top:0.5291005291005291vh}
.swiper-nav.bottom.float{position:absolute;width:100%;left:0;bottom:20px}
.swiper-nav.bottom .swiper-button-next,.swiper-nav.bottom .swiper-button-prev{position:relative;left:auto;right:auto;top:auto;bottom:0;margin:3px}

.ra-controls .swiper-button-next:after,.ra-controls .swiper-button-prev:after{content:none}
.ra-controls .swiper-button-next,.ra-controls .swiper-button-prev{position:relative;display:inline-flex;align-items:center;width:34px;height:34px;font-size:14px;color:var(--ra-white);background-color:var(--ra-orange);border-radius:50%;margin:3px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.ra-controls .swiper-button-next svg path,.ra-controls .swiper-button-prev svg path{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.ra-controls .swiper-button-next:hover,.ra-controls .swiper-button-next:focus,.ra-controls .swiper-button-prev:hover,.ra-controls .swiper-button-prev:focus{color:var(--ra-white);background-color:var(--ra-maroon)}
.ra-controls .swiper-button-next.swiper-button-disabled,.ra-controls .swiper-button-prev.swiper-button-disabled{opacity:.5}

.btn-ra-primary{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-white);background:var(--ra-orange);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.75rem;text-transform:uppercase;padding:.5rem 2.5rem;border-radius:3rem;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;min-width:400px}
.btn-ra-primary:hover,.btn-ra-primary:focus{color:var(--ra-white);background:var(--ra-maroon)}

.btn-ra-secondary{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-white);background:var(--ra-orange);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.75rem;text-transform:uppercase;padding:.5rem 2.5rem;border-radius:3rem;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;min-width:400px}
.btn-ra-secondary:hover,.btn-ra-secondary:focus{color:var(--ra-white);background:var(--ra-maroon)}

.btn-ra-bordered{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-maroon);background:transparent;font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.75rem;text-transform:uppercase;padding:.5rem 2.5rem;border-radius:3rem;border:1px solid var(--ra-maroon);cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;min-width:400px}
.btn-ra-bordered:hover,.btn-ra-bordered:focus{color:var(--ra-white);background:var(--ra-maroon)}

.btn-iAgree{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-white);background:var(--ra-orange);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.125rem;text-transform:uppercase;padding:8px 46px;border-radius:3rem;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.btn-iAgree:hover,.btn-iAgree:focus{color:var(--ra-white);background:var(--ra-maroon)}

.btn-error{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-white);background:var(--ra-maroon);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.125rem;text-transform:uppercase;padding:8px 46px;border-radius:3rem;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.btn-error:hover,.btn-error:focus{color:var(--ra-white);background:var(--ra-orange)}

.btn-home{display:inline-flex;align-items:center;justify-content:center;color:var(--ra-red);background:var(--ra-white);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;font-size:1.75rem;text-transform:uppercase;padding:.5rem 2.5rem;border-radius:3rem;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;box-shadow: -10px 10px 20px 0px rgba(198,82,41,0.3) inset;
-webkit-box-shadow: -10px 10px 20px 0px rgba(198,82,41,0.3) inset;
-moz-box-shadow: -10px 10px 20px 0px rgba(198,82,41,0.3) inset;min-width:400px}
.btn-home:hover,.btn-home:focus{background:var(--ra-red);color:var(--ra-white)}

.btn-block{display:block}
.btn-disabled,.btn-disabled:hover,.btn-disabled:focus{cursor:default;background:#E4E4E4;color:#878787;pointer-events:none}

.ra-accordion.acc-primary .accordion-item{background-color:var(--ra-white);border-bottom:1px solid #dfdfdf}
.ra-accordion.acc-primary .accordion-item:last-child{border-bottom:0}
.ra-accordion.acc-primary .accordion-item .accordion-button{font-size:18px;color:#000;padding:18px 0;box-shadow:none}
.ra-accordion.acc-primary .accordion-item .accordion-button:not(.collapsed){background-color:var(--ra-white)}
.ra-accordion.acc-primary .accordion-item .accordion-button:hover,.ra-accordion.acc-primary .accordion-item .accordion-button:focus{color:var(--ra-black)}
.ra-accordion.acc-primary .accordion-body{padding:18px 0;border-top:1px solid #dfdfdf}
.ra-accordion.acc-primary .accordion-body strong,.ra-accordion.acc-secondary .accordion-body strong{font-weight:500}
.ra-accordion.acc-primary .accordion-body p,.ra-accordion.acc-secondary .accordion-body p{margin-bottom:10px}
.ra-accordion.acc-primary .accordion-body .acc-img,.ra-accordion.acc-secondary .accordion-body .acc-img{text-align:center;padding:5px 0;max-width:800px;margin:0 auto}
.ra-accordion.acc-primary .accordion-body .ra-listing{margin-bottom:10px}

.ra-listing li{position:relative;padding:4px 0 4px 20px}
.ra-listing li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--ra-maroon);border-radius:50%;position:absolute;left:0;top:13px}

.disable-btn,.disable-btn:hover,.disable-btn:focus{cursor:default;background:#919191;color:var(--ra-white)}
.ra-form .form-control::-webkit-input-placeholder{color:#bcbdc5}
.ra-form .form-control:-moz-placeholder{color:#bcbdc5}
.ra-form .form-control::-moz-placeholder{color:#bcbdc5}
.ra-form .form-control:-ms-input-placeholder{color:#bcbdc5}
.ra-form .form-control{height:45px;color:#5A607F;background-color:var(--ra-white);border-color:#D9E1EC}
.ra-form textarea.form-control{height:auto;min-height:45px}
.ra-form select{height:45px;border-color:#D9E1EC;background:url(../images/select-arrow-down.png) no-repeat right 10px center;background-color:var(--ra-white);border:0;border-bottom:1px solid var(--ra-black);padding-right:2rem;-moz-appearance:none;-webkit-appearance:none;appearance:none}
.ra-form select::-ms-expand{display:none}
.has-error{border-color:#ba0c15!important;background-color:#fff6f6!important}
.has-error::-webkit-input-placeholder{color:#ba0c15}
.has-error:-moz-placeholder{color:#ba0c15}
.has-error::-moz-placeholder{color:#ba0c15}
.has-error:-ms-input-placeholder{color:#ba0c15}
::-ms-clear{display:none}
.ra-error{color:#dc2126;padding-top:.2rem;margin:5px 0 0;display:none}
.thankyou{color:#00950b;padding-top:.2rem;margin-bottom:0;display:none;font-size:1.125rem;font-weight:700}
.form-group,.input-group{margin-bottom:1.5873015873015872vh}
.form-select:focus{box-shadow:none;outline:0}
.ra-form .file-upload .input-group{margin-bottom:0}
.ra-form .help-text{display:block;font-size:12px;text-align:right;margin-top:8px}
.ra-form .custom-file-button .form-control{border-bottom:0}
.ra-form .custom-file-button{border-bottom:1px solid var(--ra-black)}
.ra-form .custom-file-button .input-group-text{font-size:14px;background:var(--ra-white);border:1px solid var(--ra-gold);border-radius:0;height:40px;margin-left:0!important;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.ra-form .custom-file-button .input-group-text:hover,.ra-form .custom-file-button .input-group-text:focus{background:var(--ra-gold);color:var(--ra-white)}
.ra-form .custom-file-button input[type=file]{margin-left:-2px!important}
.ra-form .custom-file-button input[type=file]::-webkit-file-upload-button{display:none}
.ra-form .custom-file-button input[type=file]::file-selector-button{display:none}
.ra-form .custom-file-button:hover label{background-color:#dde0e3;cursor:pointer}
.form-check .form-check-input{border:1px solid #dfdfdf}
.form-check-input:checked{background-color:var(--ra-orange);border-color:var(--ra-orange)}
.form-check-input:focus{border-color:#D9E1EC;outline:0;box-shadow:0 0 0 0.25rem rgba(244,142,34,.25)}
.form-check .form-check-label{font-size:14px}
.form-check .form-check-label a{color:var(--ra-maroon);text-decoration:underline}
.form-check .form-check-label a:hover,.form-check .form-check-label a:focus{color:var(--ra-orange)}
.form-check.has-error{background-color:transparent!important}
.form-check.has-error .form-check-label{color:#ba0c15}
.ra-form .form-group.has-icon{position:relative;overflow:hidden}
.ra-form .form-group.has-icon .form-control{padding-left:40px}


.ra-form .form-group.has-icon .error-toast{font-size:12px;position:absolute;display:inline-flex;right:9px;top:11px;background:var(--ra-red);color:var(--ra-white);padding:2px 10px;border-radius:5px;z-index:1;pointer-events:none;opacity:0;transform:translateX(50px);-webkit-transform:translateX(50px);-moz-transform:translateX(50px);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.ra-form .form-group.has-icon .error-toast.is-shown{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}

.ra-form .form-group.has-icon::before{content:url(../images/icon_name.svg);position:absolute;left:12px;top:11px;width:20px;height:20px}
.ra-form .form-group.has-icon.name::before{content:url(../images/icon_name.svg)}
.ra-form .form-group.has-icon.mobile::before{content:url(../images/icon_phone.svg)}
.ra-form .form-group.has-icon.email::before{content:url(../images/icon_email.svg)}
.ra-form .form-group.has-icon.age::before{content:url(../images/icon_age.svg)}

.lg-container{width:100%;max-width:1350px;margin-right:auto;margin-left:auto}
.ra-container{width:100%;max-width:1550px;margin-right:auto;margin-left:auto}
.container-fluid,.lg-container,.ra-container{position:relative;padding-right:1.563vw;padding-left:1.563vw}
.sm-container{max-width:1000px;margin:0 auto}
.ra-wrapper{padding-top:0;overflow:hidden}
.inner-page .ra-wrapper{padding-top:110px}
.section{position:relative;padding:3rem 0;overflow:hidden}
.section-pt{position:relative;padding:3rem 0 0;overflow:hidden}
.section-pb{position:relative;padding:0 0 3rem;overflow:hidden}
.row-30{--bs-gutter-x:30px}

.section-wrapper{position:relative;z-index:1}

.ra-loader{position:fixed;width:100%;height:100%;background-color:rgba(255, 255, 255, .95);top:0;left:0;z-index:20;display:none}
.ra-loader .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:2rem;color:var(--ra-maroon);text-align:center}
.ra-loader .loader-inner p{font-size:14px}
.ra-loader .percentage{font-size:1.5rem;margin-top:.5rem;color:var(--ra-maroon);pointer-events:none}

.box{margin:0 auto;width:60px;height:200px;position:relative}
.shadow{position:absolute;bottom:0;width:100%;height:12px;background:#00000059;border-radius:50%;filter:blur(3px);transform:scaleX(.5);animation:shadowBounce 2s infinite;animation-timing-function:ease-in-out}
.gravity{margin:0 auto;width:50px;height:50px;transform-origin:center bottom;animation:bounceLoop 2s infinite;animation-timing-function:ease-in-out}
.ball{width:50px;height:50px;background-image:url(../images/football.png);background-size:cover;animation:roll 1.2s linear infinite}
@keyframes roll {
to{transform:rotate(360deg)}
}
@keyframes bounceLoop {
0%{transform:translateY(0) scaleY(1)}
20%{transform:translateY(135px) scaleY(.88)}
30%{transform:translateY(110px) scaleY(1)}
45%{transform:translateY(135px) scaleY(1)}
55%{transform:translateY(120px) scaleY(.95)}
65%{transform:translateY(135px) scaleY(1)}
100%{transform:translateY(0) scaleY(1)}
}
@keyframes shadowBounce {
0%{transform:scaleX(.5);opacity:.28}
20%{transform:scaleX(1.25);opacity:.55}
30%{transform:scaleX(1.1);opacity:.48}
45%{transform:scaleX(1.15);opacity:.52}
55%{transform:scaleX(1.05);opacity:.45}
65%{transform:scaleX(1.1);opacity:.5}
100%{transform:scaleX(.5);opacity:.28}
}

.loading-container{width:100%;max-width:320px;text-align:center;color:var(--ra-maroon);position:relative;margin:0 auto}
.loading-container .loading-bar{position:absolute;width:0;height:2px;background-color:var(--ra-maroon);bottom:0;left:0;border-radius:10px;z-index:2;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
/*.loading-container:before{content:"";position:absolute;width:0;height:2px;background-color:var(--ra-maroon);bottom:0;left:0;border-radius:10px;z-index:2;animation:movingLine 2.8s ease-in-out infinite;animation-delay:.1s}*/
.loading-container:after{content:"";position:absolute;width:100%;height:2px;background-color:#f5dcdc;bottom:0;left:0;border-radius:10px;z-index:1}
@keyframes movingLine {
0%{width:0;opacity:0;left:0}
20%{width:100%;opacity:.8;left:0}
50%{width:100%;opacity:1;left:0}
85%{width:100%;opacity:1;left:0}
100%{width:0;opacity:0;left:100%}
}
.loading-text{font-size:1.125rem;line-height:55px;letter-spacing:5px;display:flex;justify-content:space-evenly;font-family:var(--font-barlowCond)}
.loading-text span{animation:moveLetters 2.8s ease-in-out infinite;position:relative;display:inline-block;opacity:0}
.loading-text span:nth-child(1){animation-delay:.05s}
.loading-text span:nth-child(2){animation-delay:.1s}
.loading-text span:nth-child(3){animation-delay:.15s}
.loading-text span:nth-child(4){animation-delay:.2s}
.loading-text span:nth-child(5){animation-delay:.25s}
.loading-text span:nth-child(6){animation-delay:.3s}
.loading-text span:nth-child(7){animation-delay:.35s}
.loading-text span:nth-child(8){animation-delay:.4s;margin-right:14px}
.loading-text span:nth-child(9){animation-delay:.45s}
.loading-text span:nth-child(10){animation-delay:.5s}
.loading-text span:nth-child(11){animation-delay:.55s}
.loading-text span:nth-child(12){animation-delay:.6s}
.loading-text span:nth-child(13){animation-delay:.65s}
.loading-text span:nth-child(14){animation-delay:.7s}
.loading-text span:nth-child(15){animation-delay:.75s}
.loading-text span:nth-child(16){animation-delay:.8s}
@keyframes moveLetters {
0%{transform:translateX(-15vw);opacity:0}
33%{transform:translateX(0);opacity:1}
66%{transform:translateX(0);opacity:1}
85%{transform:translateX(0);opacity:1}
100%{transform:translateX(15vw);opacity:0}
}

.frame-loader{position:absolute;width:100%;height:100%;background-color:rgba(255, 255, 255, 1);top:0;left:0;z-index:2;display:none}
.frame-loader .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:2rem;color:var(--ra-maroon);text-align:center}
.frame-loader .loader-inner p{font-size:14px}

.scrollToTop{position:fixed;background:var(--ra-maroon);color:var(--ra-white);text-align:center;font-size:12px;font-weight:500;border:1px solid var(--ra-white);padding:4px 12px;bottom:10px;right:10px;display:none;z-index:15;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.scrollToTop i{margin-left:5px}
.scrollToTop:hover,.scrollToTop:focus{background:var(--ra-orange);color:var(--ra-white);border-color:var(--ra-white)}

.ra-breadcrumb{padding:20px 0}
.ra-breadcrumb .breadcrumb{margin-bottom:0;display:block}
.breadcrumb li{display:inline;font-size:14px;color:var(--ra-black);text-transform:uppercase;font-weight:400}
.breadcrumb li a{color:var(--ra-black)}
.breadcrumb li a:hover{color:var(--ra-gold)}
.breadcrumb-item+.breadcrumb-item::before{content:'>';font-size:16px;font-weight:900;line-height:21px;float:none}

.ra-heading{margin-bottom:3.386243386243386vh;position:relative;z-index:2}
.ra-heading h1,.ra-heading h2{font-size:2.5rem;line-height:1.2;margin-bottom:0;color:var(--ra-red);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;background: #BC2023;
background:linear-gradient(to top, #BC2023 0%, #FD1319 30%, #BC2023 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ra-heading p{font-size:1.25rem;color:var(--ra-brown);margin:1.2698412698412698vh 0 0}
.ra-heading.center{text-align:center}
.ra-heading.gold h1,.ra-heading.gold h2{color:var(--ra-gold)}
.ra-heading.white h1,.ra-heading.white h2{color:var(--ra-white)}

.ra-header{position:fixed;top:0;left:0;width:100%;z-index:10;padding:20px 0;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease}
.inner-page .ra-header{background-color:var(--ra-white);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1)}
.ra-header .logo img{max-width:120px}
.ra-header .header-cta{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:5px;background-color:var(--ra-maroon);color:var(--ra-white);font-size:14px;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.ra-header .header-cta i{margin-right:5px}
.ra-header .header-cta:hover,.ra-header .header-cta:focus{background-color:var(--ra-orange);color:var(--ra-white)}
#btnBack,#btnTryAgain{display:none}

.ra-footer{color:var(--ra-white);position:absolute;width:100%;left:0;bottom:0}

.modal-social-share{text-align:center}
.modal-social-share .modal-header{justify-content:center}
.modal-social-share .modal-header h5{font-size:1.75rem;color:var(--ra-maroon);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;margin:0}
.modal-social-share .btn-close{position:absolute;right:20px;top:20px}
.modal-social-share .social-share{padding:2rem 0}
.social-share span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;font-size:1.125rem;color:var(--ra-white);background-color:var(--ra-maroon);border:0;border-radius:50%;margin-right:5px;cursor:pointer}
.social-share span:last-child{margin-right:0}
.social-share span.shareFB{background-color:#3b5998}
.social-share span.shareX{background-color:#000}
.social-share span.shareIN{background-color:#0e76a8}
.social-share span.shareWA{background-color:#25D366}
.social-share span.shareMore{background-color:var(--ra-maroon)}

.userSelectDisabled *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.play-now{position:relative;height:calc(var(--vh, 1vh) * 100);display:flex;flex: 0 0 100%;flex-wrap:wrap;justify-content:center}
.playScreens{width:100%;height:calc(var(--vh, 1vh) * 100)}
.playScreens .screen-slide{padding:4rem 0 .5rem}
.sbg-00{background:#F48E22;background:linear-gradient(60deg,rgba(244, 142, 34, 1) 0%, rgba(243, 176, 45, 1) 30%, rgba(243, 176, 45, 1) 70%, rgba(244, 142, 34, 1) 100%);}
.sbg-01{background:#FCDFB3;background:linear-gradient(60deg,rgba(252, 223, 179, 1) 0%, rgba(255, 243, 232, 1) 30%, rgba(255, 243, 232, 1) 70%, rgba(252, 223, 179, 1) 100%)}
.inner-page{height:100%;background:#fff3e8;}

.ra-flex{position:relative;display:flex;flex: 0 0 100%;flex-wrap:wrap;height:100%;align-items:center;justify-content:center;overflow:hidden;z-index:1}
.ra-flex .justify-center{flex-grow:1;width:100%}

.bg-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden;z-index:0}
.bg-elements .element{display:inline-flex;position:absolute}
.sbg-00 .bg-elements .element-1{top:5%;right:-9vw;animation:rotateAcw 50s infinite linear}
.sbg-00 .bg-elements .element-1 img{max-width:18.854166666666668vw}
.sbg-00 .bg-elements .element-2{top:1%;right:12%;animation:rotateCw 20s infinite linear}
.sbg-00 .bg-elements .element-2 img{max-width:10.416666666666666vw}
.sbg-00 .bg-elements .element-3{top:40%;left:-4vw;animation:rotateCw 20s infinite linear}
.sbg-00 .bg-elements .element-3 img{max-width:10.416666666666666vw}
.sbg-00 .bg-elements .element-4{bottom:-6vw;right:8%;animation:rotateAcw 50s infinite linear}
.sbg-00 .bg-elements .element-4 img{max-width:16.770833333333332vw}
.sbg-00 .bg-elements .element-5{bottom:-4vw;left:30%;animation:arrowUpMove 4s infinite linear}
.sbg-00 .bg-elements .element-5 img{max-width:13.541666666666666vw}
.sbg-00 .bg-elements .element-6{top:10%;right:45%;animation:arrowUpMove 4s infinite linear}
.sbg-00 .bg-elements .element-6 img{max-width:8.333333333333334vw}

.sbg-01 .bg-elements{opacity:.3}
.sbg-01 .bg-elements .element-1{top:-10vh;left:25%;animation:rotateAcw 50s infinite linear}
.sbg-01 .bg-elements .element-1 img{max-width:10.416666666666666vw}
.sbg-01 .bg-elements .element-2{top:35%;left:18%;animation:rotateCw 20s infinite linear}
.sbg-01 .bg-elements .element-2 img{max-width:6.25vw}
.sbg-01 .bg-elements .element-3{bottom:-5vh;right:15%;animation:rotateAcw 50s infinite linear}
.sbg-01 .bg-elements .element-3 img{max-width:10.416666666666666vw}
.sbg-01 .bg-elements .element-4{top:1%;right:8%;animation:arrowUpMove 4s infinite linear}
.sbg-01 .bg-elements .element-4 img{max-width:6.770833333333333vw}
.sbg-01 .bg-elements .element-5{bottom:1%;left:6%;animation:arrowUpMove 4s infinite linear}
.sbg-01 .bg-elements .element-5 img{max-width:6.770833333333333vw}
.sbg-01 .bg-elements .element-6{bottom:2%;right:3%;animation:rotateCw 20s infinite linear}
.sbg-01 .bg-elements .element-6 img{max-width:5.25vw}

.screen-cta{margin-top:3.386243386243386vh}
.screen-cta .cta-row{margin-bottom:1.2698412698412698vh}
.screen-cta .cta-row:last-child{margin-bottom:0}

.home-img{position:relative;text-align:center}
.home-img img{max-height:78.063492vh}
.home-content h1{font-size:10.416666666666666vw;font-family:var(--font-barlowCond);font-weight:800;font-style:italic;line-height:0.9;color:var(--ra-red);margin-bottom:2.1164021164021163vh;background: #BC2023;background:linear-gradient(to top right, #BC2023 0%, #FD1319 30%, #BC2023 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-content h3{font-size:3.333vw;line-height:1.2;color:var(--ra-brown);margin-bottom:3.386243386243386vh}
.home-img .home-sl{position:absolute;width:100%;height:100%;top:0;left:0}

.select-avatar-wrapper{max-width:37.03703703703704vh;margin:0 auto;overflow:hidden}
.select-avatar-wrapper .frame-list{position:relative;border-radius:10px;max-width:37.03703703703704vh;max-height:37.03703703703704vh;overflow:hidden}
.select-avatar-thumbs{max-width:48.67724867724868vh;margin:0 auto;text-align:center;overflow:hidden;margin-top:0.5291005291005291vh;position:absolute;left:1.563vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.select-avatar-wrapper .frame-list .gender-avatar{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;font-size:1.25rem;color:var(--ra-white);background-color:rgba(0,0,0,0.5);padding:5px;border-radius:50% 0 0;position:absolute;right:0;bottom:0;z-index:1}
.selectAvatarThumbs .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;grid-row-gap:15px}
.selectAvatarThumbs .frame-list-thumb{display:inline-block;border-radius:50%;border:3px solid var(--ra-white);overflow:hidden;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.selectAvatarThumbs .frame-list-thumb img{width:100px}
.selectAvatarThumbs .swiper-slide.swiper-slide-thumb-active .frame-list-thumb{border-color:var(--ra-red)}

.gender-filter{margin-bottom:1rem}
.gender-filter .gender-btn{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;padding:5px 15px;margin-right:2px;border-radius:5px;background-color:var(--ra-white);color:var(--ra-default);cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.gender-filter .gender-btn i{margin-right:5px}
.gender-filter .gender-btn:hover,.gender-filter .gender-btn:focus,.gender-filter .gender-btn.active{background-color:var(--ra-maroon);color:var(--ra-white)}

.screen-02,.screen-03,.screen-04,.screen-05{text-align:center}
.default-frame .upload-note{position:absolute;width:100%;text-align:center;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.default-frame .upload-note i{font-size:1.5rem;margin-bottom:10px}
.default-frame .upload-note P{font-size:.875rem}
.uploaded-frame{position:relative;border:1px solid #ACACAC;border-radius:10px;max-width:37.03703703703704vh;max-height:37.03703703703704vh;margin:0 auto;overflow:hidden;pointer-events:none}
.uploaded-frame .uploaded-photo{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:contain;object-position:center;z-index:2;display:none}
#changeImg{display:none}
.default-frame .upload-note .note-copy ul li{font-size:.875rem;position:relative;padding:4px 0}

.lead-form{max-width:500px;margin:0 auto;background-color:var(--ra-seaBlue);padding:2rem;border-radius:10px;overflow:hidden;text-align:left}
.lead-form h2{font-size:1.5rem;color:var(--ra-maroon);margin-bottom:0}
.lead-form p{font-size:1rem;color:var(--ra-default);margin:5px 0 1rem}

.generated-frame{position:relative;border:1px solid #ACACAC;border-radius:10px;max-width:37.03703703703704vh;max-height:37.03703703703704vh;margin:0 auto;background-color:var(--ra-white);overflow:hidden;pointer-events:none}
.generated-frame .generated-img{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.generated-frame .generated-img img{width:100%;height:100%;object-fit:contain;object-position:center}
.generated-frame .upload-note i{font-size:1.5rem;margin-bottom:10px}
.generated-frame .upload-note{position:absolute;width:100%;text-align:center;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.generated-frame .upload-note P{font-size:.875rem}
.surprice-gift{border-radius:10px;min-width:45.5026455026455vh;max-width:45.5026455026455vh;margin:0 auto;padding:1.25rem;text-align:left;position:absolute;right:1.563vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);background:radial-gradient(circle at 20% 70%, #f2c400 0%, rgba(242,196,0,0) 60%),radial-gradient(circle at 40% 30%, #ffde00 0%, rgba(255,222,0,0) 55%),radial-gradient(circle at 65% 20%, #e96887 0%, rgba(233,104,135,0) 50%),radial-gradient(circle at 85% 65%, #9ed27a 0%, rgba(158,210,122,0) 60%),linear-gradient(135deg, #d5cb00 0%, #ffbf00 40%, #d66f8b 70%, #96ce70 100%)}
.surprice-gift .gift-box{position:absolute;right:-1rem;top:-3rem}
.surprice-gift .gift-box img{max-width:22.32804232804233vh}
.surprice-gift p{font-size:1.25rem;margin-bottom:5px}
.surprice-gift h3{font-size:2.25rem;font-family:var(--font-barlowCond);font-weight:800;font-style:italic;text-transform:uppercase;background:#BC2023;background:linear-gradient(to top right, #BC2023 0%, #FD1319 30%, #BC2023 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}

.screen-02 .surprice-gift h3{font-size:3rem}

.modal-tnc .modal-header h5{font-size:1.75rem;color:var(--ra-maroon);font-family:var(--font-barlowCond);font-weight:800;font-style:italic;margin:0}

.modal-error{text-align:center}
.modal-error .error-icon{font-size:5rem;color:var(--ra-red)}
.modal-error .modal-body h6{line-height:1.5}

.modal-uploadNote .upload-note-image{text-align:center;}
.modal-uploadNote .upload-note-item li{font-size:.875rem;position:relative;padding:4px 0 4px 24px}
.modal-uploadNote .upload-note-item li::before{content:'\f058';font-family:"Font Awesome 7 Free";font-weight:900;font-size:1rem;position:absolute;left:0;top:5px;color:var(--ra-maroon)}

.tnc-wrapper h1,.tnc-wrapper h2,.tnc-wrapper h3,.tnc-wrapper h4,.tnc-wrapper h5,.tnc-wrapper p,.tnc-wrapper ul{margin-bottom:1.5rem}
.tnc-wrapper hr{margin-bottom:1.5rem}
.tnc-wrapper h5{font-size:1.125rem;font-weight:600;line-height:1.5}
.tnc-wrapper h5 strong{color:var(--ra-maroon)}
.tnc-wrapper h6{font-size:1.1125rem;font-weight:600;margin-bottom:1rem}
.tnc-wrapper p{font-size:1rem}
.tnc-wrapper ul li{font-size:1rem;position:relative;padding:4px 0 4px 20px}
.tnc-wrapper ul li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--ra-default);border-radius:50%;position:absolute;left:0;top:13px}

@keyframes rotateAcw {
  0% {transform: rotate(0deg)}
  50% {transform: rotate(-180deg)}
  100% {transform: rotate(-360deg)}
}
@keyframes rotateCw {
  0%{transform: rotate(0deg)}
  50%{transform: rotate(180deg)}
  100%{transform: rotate(360deg)}
}
@keyframes arrowUpMove {
  0%{transform: translateY(0)}
  50%{transform: translateY(-15px)}
  100%{transform: translateY(0)}
}

@media (-webkit-min-device-pixel-ratio:1.25){
:root{font-size:80%}
.ra-container{max-width:1200px}
}

@media screen and (max-width:1499.98px) {
:root{font-size:80%}
.lg-container,.ra-container{max-width:1200px}

.select-avatar-thumbs{max-width:380px}
.surprice-gift{min-width:330px;max-width:330px}
}

@media screen and (max-width:1199.98px) {
:root{font-size:100%}
.container-fluid,.lg-container,.ra-container{padding-right:30px;padding-left:30px}

.ra-accordion.acc-primary .accordion-item .accordion-button,.ra-accordion.acc-secondary .accordion-item .accordion-button{font-size:1rem}
.btn-ra-primary,.btn-ra-secondary,.btn-ra-bordered,.btn-home{font-size:1.125rem}

.select-avatar-thumbs{max-width:340px;left:30px}

.surprice-gift{min-width:315px;max-width:315px;right:30px}
.surprice-gift p{font-size:1rem}
.surprice-gift h3{font-size:1.5rem}
.screen-02 .surprice-gift h3{font-size:2rem}
.surprice-gift .gift-box img{max-width:150px}
}

@media screen and (max-width:1099.98px) {
.ra-form .form-control{height:45px}
.ra-form select{height:45px}

.select-avatar-thumbs{max-width:320px}
.selectAvatarThumbs .frame-list-thumb img{width:80px}
}

@media screen and (max-width:991.98px) {
.screen-01{text-align:center}
.home-img img{max-height:50.063492vh}
.home-content{margin-top:2.5396825396825395vh}
.home-content h1{font-size:15.164021vh}

.select-avatar-thumbs{position:relative;left:0;top:auto;transform:none;max-width:460px}
.selectAvatarThumbs .swiper-wrapper{display:flex}
.selectAvatarThumbs .swiper-slide{width:auto}

.surprice-gift{position:relative;top:auto;right:auto;transform:none;min-width:37.03703703703704vh;max-width:37.03703703703704vh;border-radius:0 0 10px 10px;margin-top:-10px}
.surprice-gift .gift-box{right:0;top:-2rem}
.surprice-gift .gift-box img{max-width:80px}
.surprice-gift h3 br,.surprice-gift p br{display:none}

.screen-02 .surprice-gift{border-radius:8px 0 0 8px;position:absolute;right:0;top:30%;min-width:250px;max-width:250px}
.screen-02 .surprice-gift .gift-box{right:12px}
.screen-02 .surprice-gift p br{display:block}
}

@media screen and (max-width:767.98px) {

}

@media screen and (max-width:640.98px) {

}

@media screen and (max-width:575.98px) {
.container-fluid,.lg-container,.ra-container{padding-right:20px;padding-left:20px}
.section{padding:2rem 0}
.section-pt{padding-top:2rem}
.section-pb{padding-bottom:2rem}

.ra-controls .swiper-button-next,.ra-controls .swiper-button-prev{width:30px;height:30px;font-size:12px}

.inner-page .ra-wrapper{padding-top:80px}

.ra-form .form-control{font-size:.875rem}
.ra-form select{font-size:.875rem}

.swiper-nav.bottom.float{bottom:5px}
.btn-ra-primary,.btn-ra-secondary,.btn-ra-bordered,.btn-home{font-size:1.125rem;min-width:100%}
.screen-cta{margin-top:2.5396825396825395vh}

.ra-heading{margin-bottom:2.5396825396825395vh}
.ra-heading h1,.ra-heading h2{font-size:1.75rem}
.ra-heading p{font-size:.875rem}
.ra-heading p br{display:none}

.ra-header{padding:15px 0}
.ra-header .logo img{max-width:75px}

.playScreens .screen-slide{padding:4rem 0 .5rem}

.sbg-00 .bg-elements .element-6{right:auto;left:20%;top:18%}

.home-content h1{font-size:10.519vh}
.home-content h3{font-size:5.333vw}

.selectAvatar .swiper-nav.bottom{margin-top:0}
.select-avatar-thumbs{max-width:100%}
.selectAvatarThumbs .frame-list-thumb img{width:50px}

.gender-filter .gender-btn{font-size:.75rem;padding:4px 10px}

.lead-form{padding:1rem}
.lead-form h2{font-size:1.125rem}
.lead-form p{font-size:.875rem}

.surprice-gift{min-width:90%;max-width:90%;padding:.75rem 1rem;border-radius:8px}
.surprice-gift .gift-box{top:-1rem}
.surprice-gift .gift-box img{max-width:60px}
.surprice-gift h3{font-size:1.25rem}
.screen-02 .surprice-gift h3{font-size:2rem}
.surprice-gift p{font-size:.875rem}

.screen-02 .surprice-gift{min-width:155px;max-width:155px;padding:10px;top:27%}
.screen-02 .surprice-gift .gift-box{right:4px}
.screen-02 .surprice-gift .gift-box img{max-width:40px}
.screen-02 .surprice-gift p{font-size:12px}

.modal-uploadNote .upload-note-image{margin-bottom:1.5rem}
}

@media screen and (max-width:355.98px) {

}

@media screen and (min-width:480px) and (max-width:990px) and (orientation:landscape) and (min-aspect-ratio:13/9){
.orientation{display:block}
}




.photo-upload-error{
  color:red;
}
#photoPreview{
  display: none;
  position: absolute;
  object-fit: contain;
  height: 100%;
  width: 100%;
  z-index: 1;
  background:white;
}