body{background-color:transparent}
.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
iframe{margin:0px !important;padding:0px !important;border:0px !important}
html,
body{margin:0px !important;padding:0px !important;border:0px !important;width:100%;height:100%}
.iframe_wrapper{width:590px;height:400px;padding:0;margin:0}
.rg-container{width:100%;height:400px;text-align:center;padding:0}
.rg-wrapper{border:10px solid #fff;border-radius:30px;position:relative;overflow:hidden;min-height:400px;background-color:#fff}
.text-wrapper{padding-top:40px;font-family:"Poppins",sans-serif}
.action-wrapper{position:absolute;width:100%;text-align:center;background-color:#14AA82;color:#fff;bottom:0;padding:16px}
.action-wrapper.result-wrapper{min-height:183px;min-height:calc(50vh - 50px)}
.button{font-family:"Poppins",sans-serif;font-weight:600 !important;font-size:18px;font-style:normal;text-transform:uppercase;line-height:58px;border-radius:50px;background-color:#fff;color:#ccc;display:inline-block;padding:0 40px;border:0;cursor:pointer}
.button.icon-next-button{padding:0 50px 0 40px;background-image:url('/themes/rolgenerator/assets/images/icon-arrow-forward.svg');background-repeat:no-repeat;background-position:calc(100% - 20px) center}
.button.active{color:#000}
button:disabled.icon-next-button,
button[disabled].icon-next-button{padding:0 50px 0 40px;background-image:url('/themes/rolgenerator/assets/images/icon-arrow-forward-grey.svg');background-repeat:no-repeat;background-position:calc(100% - 20px) center}
h1{font-family:"Poppins",sans-serif;font-weight:800 !important;font-size:36px !important;font-style:normal;text-transform:uppercase;padding:40px 80px 10px;margin:0 !important}
h1.result{padding:10px 20px 20px!important;font-size:50px !important;line-height:0.84 !important;overflow-wrap:break-word}
.step h1{padding:20px 80px 20px;min-height:120px}
h2{font-family:"Poppins",sans-serif;font-weight:800 !important;font-size:24px!important;font-style:normal;text-transform:uppercase;padding:20px 80px;margin:0!important}
.result-partial h2{font-size:30px}
h4{font-family:"Poppins",sans-serif;font-weight:400 !important;font-size:16px !important;padding:10px 80px;line-height:1.5 !important}
.dropdown-wrapper{position:relative;width:calc(100vw - 160px);left:50%;transform:translate(-50%,0);z-index:100}
.dropdown-wrapper .dropdown-field{font-family:"Poppins",sans-serif;font-weight:300 !important;width:100%;padding:17px 44px 17px 30px;border:1px solid #ccc;font-size:16px;border-radius:16px;background-image:url('/themes/rolgenerator/assets/images/icon-arrow-down.svg');background-repeat:no-repeat;background-position:calc(100% - 20px) center;cursor:pointer;outline:none}
.close-icon{position:absolute;right:-15px;top:15px;z-index:500;cursor:pointer}
.close-icon img{width:24px;height:24px}
.dropdown-list-wrapper{position:relative;padding-top:60px}
.dropdown-list{display:none;width:100%;position:fixed;top:-120px;border:5px solid #fff;outline:1px solid #ccc;border-radius:15px;background-color:#fff;color:#000;max-height:280px;overflow-y:auto;padding:15px 0;padding:0px 0 15px;scroll-margin-right:20px;scrollbar-color:#eee transparent;box-shadow:0px 30px 30px -30px rgba(0,0,0,0.7);border-radius:10px !important}
.dropdown-list::-webkit-scrollbar-thumb{background:#f00;border-radius:10px !important}
.dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.dropdown-list::-webkit-scrollbar-track{background:#fff;border:1px solid transparent;border-radius:10px !important}
.dropdown-list::-webkit-scrollbar{width:7px;scroll-behavior:smooth !important;border-radius:10px !important;background:#fff}
.dropdown-list .dropdown-list-header{position:fixed;top:-120px;background-color:#fff;width:calc(100% - 50px);text-align:left;font-family:"Poppins",sans-serif;font-weight:300 !important;font-size:16px;padding:20px 30px 10px}
.dropdown-list li{list-style:none;text-align:left;font-family:"Poppins",sans-serif;font-weight:300 !important;font-size:16px;padding:10px 30px;cursor:pointer}
.tag-item-list{padding:0px 15px 15px}
.tag-item{display:inline-block;background-color:#F1EEEE;color:#000;line-height:30px;border-radius:25px;border:4px solid #fff;padding:0 10px;cursor:pointer;font-size:13px}
.tag-item:hover{background-color:#999;color:#fff}
.tag-item.active{background-color:#14AA82;color:#fff}
.page-wrapper{display:flex;align-items:center;justify-content:center;height:calc(100vh - 120px)}
.result-partial .page-wrapper{height:calc(50vh - 50px)}
#counter{font-family:"Poppins",sans-serif;font-weight:500 !important;line-height:1}
.step_indicator{position:absolute;top:0;left:0;height:10px;background-color:#14AA82;width:30%}
.move-area{width:100%;height:100vh}
.container{width:100%}
.eye{position:relative;display:inline-block;border-radius:50%;height:50px;width:50px;background:#E8E8E8;border:5px solid #fff}
.eye:after{position:absolute;bottom:17px;right:10px;width:20px;height:20px;background:#000;border-radius:50%;content:" "}
@media only screen and (max-width:500px){.iframe_wrapper{width:calc(100vw - 40px);height:500px}.rg-wrapper{height:500px}h1,.step h1{padding:40px 16px 10px}h1.result{padding:10px!important;font-size:40px!important;min-height:100px}.dropdown-wrapper{width:90%}.page-wrapper{display:flex;align-items:center;justify-content:center;height:calc(100vh - 240px)}.result-partial .page-wrapper{height:calc(50vh - 150px)}.result-partial h2{font-size:24px}}