/* ==================================== Public ==================================== */ :root { --whiteF2F: #F2F4F8; --whiteFF: #FFFFFF; --whiteF9: #F9F9F9; --greyCC: #CCCCCC; --grey66: #666666; --grey3A: #3A3A3A; --grey75: #757575; --green80C: #80C341; --green26A: #26A94A; --green063: #063D25; --green073: #073420; --yellowFFF: #FFFA61; --yellowFFD: #FFD061; --redFF3: #FF364E; --blue131: #131B24; --dark212: #212121; } html, body {font-family:'Poppins', sans-serif; background: var(--whiteFF);} .all-content {display: none;} * {margin:0; padding:0;} img {width: 100%; max-width: 100%;} a {text-decoration: none;} a:hover{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} ul {margin: 0; padding: 0;} li {list-style-type: none;} video {width: 100%;} .full-container {max-width: 100%; margin: 0 auto;} .custom-container {max-width: 85%; margin: 0 auto; position: relative; z-index: 2;} .marginY-5-auto {margin: 5% auto;} .background-pattern {position: absolute; left: -10%; transform: translateY(-30%); z-index: -1; opacity: 0.1;max-width:60%; pointer-events: none;} .background-default {background: var(--green063);} /* background gradient color */ .background-gradient-1 {background: rgb(255,250,97); background: linear-gradient(40deg, rgba(255,250,97,1) 25%, rgba(38,169,74,1) 100%);} .background-gradient-2 {background: rgb(196,255,141); background: linear-gradient(30deg, rgba(196,255,141,1) 35%, rgba(255,254,216,1) 100%);} .background-gradient-3 {background: rgb(128,195,65); background: linear-gradient(30deg, rgba(128,195,65,1) 0%, rgba(38,169,74,1) 40%, rgba(0,133,113,1) 85%);} .background-gradient-4 {background: rgb(255,199,226); background: linear-gradient(30deg, rgba(255,199,226,1) 35%, rgba(255,254,216,1) 100%);} /* button parttern */ .button-option-1 {background: rgb(255,208,97); background: linear-gradient(30deg, rgba(255,208,97,1) 30%, rgba(255,250,97,1) 70%); color: var(--green063); font-size: 20px; font-weight: 600; line-height: 0px; border: none; border-radius: 10px; padding: 20px 40px;} .button-option-1:hover {background:linear-gradient(220deg, rgba(255,208,97,1) 30%, rgba(255,208,97,1) 70%);} .button-option-2 {color: var(--green26A); background: var(--whiteFF); font-size: 20px; font-weight: 600; line-height: 0px; border: none; border-radius: 10px; padding: 20px 40px;} .button-option-2:hover{background: var(--green26A);color:var(--whiteFF);} .button-option-3 {border: 1px solid var(--grey66); border-radius: 100px; color: var(--grey66); font-size: 12px; font-weight: 400; line-height: 0px; padding:15px 25px; text-align: center;} .button-option-4 {border: 1px solid var(--whiteFF); border-radius: 100px; color: var(--whiteFF); font-size: 12px; font-weight: 400; line-height: 0px; padding:15px 25px; text-align: center;} .button-option-5 {border: none; border-radius: 10px; background: var(--blue131); color: var(--whiteF9); font-size:20px; font-weight: 600; line-height: 0px; padding:2rem 3rem;} .button-option-5:hover {background: var(--green073); transition: all 0.4s ease;} .button-option-6 {border: none; border-radius: 10px; background: rgb(128,195,65); background: linear-gradient(30deg, rgba(128,195,65,1) 30%, rgba(38,169,74,1) 70%); font-size: 14px; font-weight: 600; color: var(--whiteFF); padding: 15px 30px;} .button-option-6:hover{background:var(--green26A);color:var(--whiteFF);} .button-option-7 {background: rgb(255,208,97); background: linear-gradient(30deg, rgba(255,208,97,1) 30%, rgba(255,250,97,1) 70%); color: var(--green063); font-size: 14px; font-weight: 600;border: none; border-radius: 10px; padding: 15px 30px;} .button-option-7:hover {background:linear-gradient(220deg, rgba(255,208,97,1) 30%, rgba(255,208,97,1) 70%);} .button-option-8 {border: none; border-radius: 10px; background: var(--blue131); color: var(--whiteF9); font-size:14px; font-weight: 600; line-height: 0px; padding:1.5rem 1.5rem;} .button-option-8:hover {background: var(--green073); transition: all 0.4s ease;} /* font default */ span {font-size: 14px; font-weight: 500; color: var(--blue131);} p {font-size: 16px; font-weight: 400; line-height: 25px; color: var(--greyCC);} h1 {font-size:70px; font-weight: bold; line-height:80px; color: var(--green063);} h1 span {font-size:70px; font-weight: bold; line-height:80px; color: var(--green26A);} h2 {font-size: 50px; font-weight: bold; line-height:60px; color: var(--green063);} h2 span {font-size: 50px; font-weight: bold; line-height: 60px; color: var(--green26A);} h3 {font-size: 40px; font-weight: bold; line-height: 50px; color: var(--green063);} h3 span {font-size: 40px; font-weight: bold; line-height: 50px; color: var(--green26A);} h4 {font-size:20px; font-weight: 600; line-height:25px; color: var(--dark212);} h5 {font-size:14px; font-weight: 500; color: var(--blue131);} .italic-date {line-height: 21px; font-style: italic; font-weight: unset; color: #AAAAAA;} .yellow{color:var(--yellowFFF);} .green{color:var(--green26A);} .help-block {color: red!important; font-weight: bold!important;} /*scrollbar-customize*/ /* ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background:none;} ::-webkit-scrollbar-thumb {background:var(--green26A);border-radius:100px;margin:10px;} ::-webkit-scrollbar-thumb:hover {background:#fff;} */ /* Loading Page */ #loading-overlay {position: fixed; top: 0;left: 0; width: 100%; height: 100%; background-color:var(--whiteF2F); display: flex; justify-content: center; align-items: center; z-index: 9999;} #loading-message {font-size: 24px;} #loading-message img{max-width:60%;margin:0 auto;display:block;} /* header desktop */ #section_nav_desktop {width: 100%; position: fixed; top: 0; z-index:10; background: var(--whiteFF); padding: 20px 50px;border-bottom:1px solid #e9e9e9;} .navbar-expand-lg{padding:0;} #section_nav_desktop .navbar-brand {width: 200px;} #section_nav_desktop #navbarSupportedContent {justify-content: center;} #section_nav_desktop .navbar .nav-item {margin:0 1rem; padding:.5rem .5rem;} #section_nav_desktop .nav-link {font-size: 14px; font-weight: 600; color: var(--grey3A);} #section_nav_desktop .navbar .dropdown {position:static;} #section_nav_desktop .navbar .dropdown p{color:var(--grey3A);font-weight: 600;font-size:14px;} #section_nav_desktop .navbar .dropdown-menu {background-color: var(--whiteFF); border:none; border-radius: 10px; width: 100%; max-width:60%; left: 50%; right: 0; top: 50px; transform: translateX(-50%); display: block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear;} #section_nav_desktop .navbar .dropdown-menu span {display:block;line-height:18px;opacity:.7;} #section_nav_desktop .navbar .dropdown-menu ul li {padding: 0.2rem 0;} #section_nav_desktop .navbar .dropdown-menu ul li a {font-size: 12px; font-weight: 400; color: var(--grey3A); text-transform: capitalize; text-decoration: none; transition: all 0.3s ease; opacity: 0.7} #section_nav_desktop .navbar .dropdown-menu ul li a:hover {padding-left: 10px;} #section_nav_desktop .navbar .dropdown:hover .dropdown-menu, #section_nav_desktop .navbar .dropdown .dropdown-menu:hover {display:block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; padding: 50px;} #section_nav_desktop .sub-menu-item {padding-bottom: 20px;} #section_nav_desktop .sub-menu-item p {font-weight: 600; color: var(--grey3A); margin: 10px auto; text-transform: capitalize; text-decoration: none; transition: all 0.3s ease;} #section_nav_desktop .sub-menu-item p:hover {padding-left: 10px;} #section_nav_desktop .sub-menu-item span {font-size: 12px; font-weight: 400; color: var(--grey3A);text-decoration: none; transition: all 0.3s ease;} #section_nav_desktop .sidebtn .btn-signin {font-size: 14px; font-weight: 600; color: var(--grey3A); padding-right: 30px;} /* header mobile */ #section_nav_mobile {display: none; width: 100%; position: fixed; top: 0; z-index:10;} #section_nav_mobile .nav-mobile {background: var(--whiteFF);margin:0; padding:1rem 0; cursor: auto; font-size: 20px; color: var(--green063); list-style-type: none;border-bottom:1px solid #e9e9e9;} #section_nav_mobile .nav-mobile:after { content: ""; display: table; clear: both;} #section_nav_mobile .nav-mobile svg {height: 45px; width: 65px; padding: 9px;} #section_nav_mobile .nav-mobile svg path {fill: var(--green063);} #section_nav_mobile .nav-mobile svg.icon-close {display: none; padding: 15px;} #section_nav_mobile .nav-mobile li {width: 100%; height:auto; line-height: 46px; text-align: center; float: left;} #section_nav_mobile .nav-mobile li a { display: block; color: #333; width:100%; height: 100%; text-decoration: none;margin:auto;} #section_nav_mobile .nav-mobile li a img{width:45%;} #section_nav_mobile .nav-mobile .menu-button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; display: block;} #section_nav_mobile .nav-mobile .menu-button:after {opacity: 0; top:80px; content: ""; width: 100vw; display: block; position: fixed; height: 100vh; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: opacity 0.2s cubic-bezier(0, 0, 0.3, 1); transition-delay: 0.1s;} #section_nav_mobile .nav-mobile #menu-toggle.active ~ .menu-button:after, #section_nav_mobile .nav-mobile #menu-toggle:checked ~ .menu-button:after {opacity: 1; pointer-events: auto; transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);} #section_nav_mobile .nav-mobile #menu-toggle.active ~ .menu-sidebar, #section_nav_mobile .nav-mobile #menu-toggle:checked ~ .menu-sidebar { transform: translateX(0); transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);} #section_nav_mobile .nav-mobile .menu-container {width: 65px; float: left; cursor: pointer; position: absolute;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar {box-shadow: 5px 0 5px -5px #333; display: block; width:80vw; bottom: 0; background: white; color: #333; position: fixed; transform: translateX(-405px); transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1); top:80px; z-index: 2; list-style-type: none; padding: 0; max-width: 400px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar .arrow {position: absolute; line-height: 50px; font-size: 32px; color: #555; top: 0; z-index: 0;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar .arrow.left {left: 25px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar .arrow.right {right: 25px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li {height: 55px; line-height: 55px; font-size: 16px; text-align: left; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 20px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li:hover {background: #eee;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .menu-sub {position: fixed; top: 0; right: 0; bottom: 0; width: 0; overflow: hidden; background: white; visibility: hidden; transition: all 0.5s cubic-bezier(0, 0, 0.3, 1); border-left: 1px solid #ccc; list-style-type: none; padding: 0; margin: 0; z-index: 2; max-width: 400px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .menu-sub li {overflow: hidden;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .menu-sub .menu-sub-title {padding-left: 50px;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .submenu-label {cursor: pointer; width: 100%; height: 100%; display: block;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .submenu-toggle.active ~ .menu-sub, #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {width:80vw; visibility: visible; z-index: 1; transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);} #section_nav_mobile .nav-mobile #menu-toggle.active ~ .menu-button .icon-close, #section_nav_mobile .nav-mobile #menu-toggle:checked ~ .menu-button .icon-close {display: block;} #section_nav_mobile .nav-mobile #menu-toggle, #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .submenu-toggle, #section_nav_mobile .nav-mobile #menu-toggle.active ~ .menu-button .icon-open, #section_nav_mobile .nav-mobile #menu-toggle:checked ~ .menu-button .icon-open {display: none;} /* footer */ footer {background-color: var(--green26A); padding:80px 50px 20px 50px; position: relative; z-index: 2;} footer .row {display: flex; flex-wrap: wrap;} footer img {max-width: 30%; margin-bottom: 15px;} footer p {font-size: 14px; font-weight: 400; line-height: 25px; color: var(--whiteFF);opacity: 0.5;max-width: 85%;} .footer-col {padding: 0 15px;} .footer-col ul.list{float:left;width:50%;} .footer-col h3 {font-size: 16px; font-weight: 500; line-height: 25px; color: var(--whiteFF); text-transform: capitalize; margin-bottom: 20px; position: relative;} .footer-col ul li:not(:last-child) {margin-bottom: 5px;} .footer-col ul li a {display: block; font-size: 14px; font-weight: 400; line-height:20px; color: var(--whiteFF); text-transform: capitalize; text-decoration: none; transition: all 0.3s ease; opacity: 0.5;} .footer-col ul li a:hover {color: var(--whiteFF); padding-left: 7px;} .footer-col .social-links a {background-color: var(--whiteFF); display: inline-block; height: 40px; width: 40px; border-radius: 50%; text-align: center; margin: 0 10px 10px 0; padding: 2px; font-size: 25px; line-height: 40px; color: var(--green063); transition: all 0.5s ease;} .footer-col .social-links a:hover {color: var(--whiteFF); background-color: var(--green26A);} .footer-col .sub-col {padding: 22.5px 0;} footer .bottom-part a {border-radius: 50px;border: none; width: 60px; height: 60px; display: inline-block; background: #0000004f; padding: 10px;} footer .bottom-part a:hover {background: black;} footer .bottom-part a i {color: var(--whiteFF); font-size: 25px; font-weight: bold;} footer hr {color: var(--whiteFF); opacity: 0.2;} footer span {font-size: 12px; font-weight: 400; line-height: 30px; color: var(--whiteFF); opacity: 0.5;} /* head title default */ .head-title h2 {font-size:50px; width: 100%; max-width: 50%; float: left;min-height:200px;} .head-title p {font-size:16px;line-height:25px; color: var(--grey75);} /* ********** Section Title ********** */ #section_title {background: var(--green063);position: relative;width: 100%; height: 800px; z-index: 3;} #section_title .custom-container {padding: 150px 0 0 0;} #section_title .text-wrap {width: 100%;margin: auto; padding-top: 100px; text-align: center;} #section_title h1 {color: var(--whiteFF);} #section_title h1 span {color: var(--yellowFFD);} #section_title h5 {color: var(--whiteFF);} #section_title .text-wrap p {font-size: 16px; font-weight: 400; color: var(--whiteFF); opacity: 0.5; width: 50%; margin: 0 auto;} #section_title .row {display: flex; justify-content: space-between; position: absolute; bottom: 0; transform: translateY(150%); width: 100%;} #section_title .row img {max-width: 25%;} #section_title .row img:nth-child(2) {position: relative; right: 0;} /* ********** Section Multiplate ********** */ /* part - left */ #section_multiplate_design .custom-container {position: unset;} #section_multiplate_design .left-part-content {position: relative; z-index: 1; min-height: 100vh;} #section_multiplate_design .left-part-content h4 {font-weight: bold; line-height: 40px; color: var(--whiteFF);} /* part - image */ #section_multiplate_design .left-part-content .custom-container .image-wrap img {max-width:max-content; position: relative; left: 50%; transform: translateX(-50%);} /*#section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(2) {max-width: 100%; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%);} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(3) {max-width: 15%; position: absolute; top: 10%; right: 15%;z-index:-1;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(4) {max-width: 40%; position: absolute; bottom: 30%; left: -11%;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(5) {max-width: 8%; position: absolute; top: 3%; right: 5%;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(6) {max-width: 40%; position: absolute; top: 29%; left: 50%; transform: translateX(-50%);} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(7) {max-width: 60%; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%);}*/ #section_multiplate_design .left-part-content .game-wrap img {max-width: 40%; margin: 15% auto;border-radius:10px;} /* part - right */ #section_multiplate_design .right-part-form {background: var(--whiteF2F); position: fixed; right: 0; z-index: 2; min-height: 100vh; height: 100vh; padding: 50px 0; overflow-y: scroll;} #section_multiplate_design .right-part-form h4 {text-align: center; font-size: 25px; color: var(--blue131);} #section_multiplate_design .text-end a {font-size: 30px; color: var(--blue131);} #section_multiplate_design .text-end a:hover {color: var(--green26A);} /* part - form */ #section_multiplate_design form .row {--bs-gutter-x: none;} #section_multiplate_design form .form-group {padding: 10px 10px 10px 0;} #section_multiplate_design form label {font-size: 14px; font-weight: 600; color: var(--blue131); padding-bottom: 10px;} #section_multiplate_design form input[type=text], #section_multiplate_design form input[type=email], #section_multiplate_design form input[type=number], #section_multiplate_design form input[type=tel], #section_multiplate_design form select, #section_multiplate_design form input[type=code] {font-size: 14px; font-weight: 400; line-height: 22px; color: var(--blue131); padding: 15px 30px; width: 100%; max-width: 100%; background: var(--whiteFF); border: 1px solid #C5C5C5; border-radius: 10px;} #section_multiplate_design form input[type=text]::placeholder, #section_multiplate_design form input[type=tel], #section_multiplate_design form input[type=email], #section_multiplate_design form input[type=number]::placeholder {color: #B2B2B2;} /* part - input date & date icon custom */ .mc-calendar h1, .mc-calendar h2, .mc-calendar h3 {color: var(--whiteFF);} #section_multiplate_design form #preferred_date {float: left;} #section_multiplate_design form #preferred_date::placeholder {color: var(--blue131)!important; } #section_multiplate_design form .date-icon {position: absolute; right: 12%; float: left; font-size: 20px; transform: translateY(40%); pointer-events: none;} /* part - terms & custom mark */ #section_multiplate_design form .form-check {display: flex; align-items: center;} #section_multiplate_design form input[type="checkbox"] {width: 25px; height: 25px; border: 1px solid #C5C5C5; border-radius: 50%; margin-top: unset;} #section_multiplate_design form .form-check label {font-weight: 400; line-height: 44px; padding: 0 15px;} #section_multiplate_design form .form-check-input:checked {background-color: var(--green26A); border-color: var(--green26A);} #section_multiplate_design form .form-check a {font-size: 14px; font-weight: 500; line-height: 44px; color: var(--green26A);} #section_multiplate_design form .form-check a:hover {color: var(--green063);} /* part - form button */ #section_multiplate_design form button {font-size: 20px; line-height: 30px; padding: 20px 40px;} /* custom for become partner */ #section_multiplate_design form button.btn-big {padding: 20px 70px; margin: 3% auto;} #section_multiplate_design .video-wrap {position: relative; margin: 5% auto; width: 100%; max-width: 80%;} #section_multiplate_designvideo {border-radius: 10px;} /* custom for register */ .iti {display: block!important;} #section_multiplate_design {overflow:hidden;} /*#section_multiplate_design .r-content {padding-top: 150px;}*/ #section_multiplate_design .r-h3 {font-size: 50px; font-weight: bold; line-height: 60px; color: var(--whiteFF);} #section_multiplate_design .r-h3 span {color: var(--yellowFFD);} #section_multiplate_design .left-part-content .custom-container .r-content .image-wrap img:nth-child(4) {bottom:0;} /* custom for contact */ #section_multiplate_design .contact-bg{background-image: url('../../assets/images/contact.webp');background-repeat: no-repeat;background-size: cover;background-color: var(--green26A);} /* ==================================== Page Main ==================================== */ /* ********** Section Main Title ********** */ #section_main_title.home_section {background-image: url('../../assets/images/home.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover; max-width: 100%; min-height: 500px; padding: 80px 0;} #section_main_title.pricing_section {background-image: url('../../assets/images/pricing.webp'); background-repeat: no-repeat; background-position: top center; background-size: cover; max-width: 100%; min-height: 500px; padding: 80px 0;} .main_title{background:linear-gradient(90deg, rgba(38,169,74,1) 0%, rgba(255,250,97,1) 55%, rgba(255,50,82,1) 80%); background-clip:text; color:transparent!important;font-size: 66px;line-height: 65px;} #section_main_title h5 {font-size:18px;line-height:25px;} #section_banner h2 {color: var(--green26A);} .small-box{margin:-20px 0;} /* ********** Section Swiper ********** */ #section_swiper {position: relative; width: 100%; height:calc(100vh - 100px);z-index: 2;margin-top:100px;} /* part - button */ #section_swiper .button-wrap {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; z-index: 2;} #section_swiper .button-wrap .small-box-wrap-left {padding:30px 22px 0 22px; background: var(--whiteFF);} #section_swiper .button-wrap .small-box-wrap-left span {font-size: 12px; color: var(--grey3A);} #section_swiper .button-wrap .small-box-wrap-left p {font-size: 20px; font-weight: 500; line-height: 30px; color: var(--blue131); } #section_swiper .button-wrap .small-box-wrap-left a {font-size: 12px; font-weight: 500; line-height: 18px; color: var(--green26A); } #section_swiper .button-wrap .small-box-wrap-left a:hover {color: var(--green063); font-size: 13px; font-weight: bold; transition: all 0.4s ease;} #section_swiper .button-wrap button {padding:2.5rem; border: none; color: var(--whiteFF);} #section_swiper .button-wrap button:hover {color: var(--green063); transition: all 0.4s ease;} /* part - swiper slider */ #section_swiper .swiper-container {width: 100%; height: 100%;} #section_swiper .swiper-wrapper {position: relative; z-index: 1;} #section_swiper .swiper-image {width: 50%; height: 100%;} #section_swiper .swiper-image-inner {width: 100%; height: 100%; background-size: cover; background-position: center center; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 1s linear; transition-delay: 1s;} #section_swiper .column-wrap {background: var(--green063); flex-direction: column; flex-wrap: wrap; padding:0 6rem; width: 100%; height: calc(100vh - 100px); display:flex; justify-content:center;} #section_swiper .column-wrap h1 {margin: 0; color: var(--whiteFF); text-transform: uppercase;} #section_swiper .column-wrap h1:nth-child(even) {color: var(--yellowFFF);} #section_swiper .column-wrap p {margin:1rem 0; width:80%;} #section_swiper .column-wrap p span {color: var(--whiteFF);} #section_swiper .column-wrap img {max-width:70%; object-fit: contain;} #section_swiper .column-wrap ul {display: flex; width:80%;} #section_swiper .column-wrap ul li{text-align:left;} #section_swiper .column-wrap ul li p {font-size: 14px; color: var(--whiteFF); margin:0; width:100%; padding-left:1.5rem;} /* ********** Section Superpowers ********** */ #section_super, #section_main_title{padding-top:5rem;} #section_super img {position: absolute; top:45%; left: -20%; width: 100%; max-width: 80%; transform: rotate(30deg); opacity: 0.5; z-index: 1;opacity:.1;} /* part - wrap text */ #section_super .position-relative {z-index: 2;} /* part - card body */ #section_super .default-card {background-repeat: no-repeat; background-position: top center; margin-right: 1%; margin-bottom: 1%; padding: 4rem; border-radius: 10px; width: 100%; height: 420px;} #section_super .card-1 {background-image: url('../../assets/images/main/banner_5.webp'); max-width:99%;background-size:cover;transition: all 0.4s ease;cursor:pointer;} #section_super .card-2 {background-image: url('../../assets/images/main/banner_6.webp'); max-width:99%;background-size:cover;transition: all 0.4s ease;cursor:pointer;} #section_super .card-3 {background-image: url('../../assets/images/main/banner_7.webp'); max-width:99%;background-size:cover;transition: all 0.4s ease;cursor:pointer;} #section_super .card-4 {background-image: url('../../assets/images/main/banner_8.webp'); max-width:99%;background-size:110%;transition: all 0.4s ease;cursor:pointer;background-position:bottom center;background-color:#f2f4f8;} #section_super .card-1:hover, #section_super .card-2:hover, #section_super .card-3:hover, #section_super .card-4:hover{transform:scale(1.05);} #section_super .default-card h5 {color: var(--whiteFF);} #section_super .default-card.card-1 h2, #section_super .default-card.card-2 h2{font-size:35px; font-weight: 600; line-height:45px; color: var(--whiteFF);width:100%;margin:.5rem 0;} #section_super .default-card.card-3 h2{font-size:30px; font-weight: 600; line-height:40px; color: var(--whiteFF);width:100%;margin:.5rem 0;} #section_super .default-card.card-4 h2 {font-size:30px;line-height:40px;color: var(--blue131);width:100%;margin:.5rem 0;} #section_super .default-card.card-4 h5 {color: var(--blue131);} /* ********** Section Client Slide ********** */ #section_client{padding:3rem 0 0 0;} /*#section_client .slick-track{display:flex;}*/ #section_client .list-body {padding:0 30px;margin:auto;height:auto;} .slick-slide img{margin:10px auto;} /* ********** Section Tab ********** */ #section_tab .background-tab {padding:5rem 0 0 0; position: relative; z-index: 3;} /* part - tab & button */ #section_tab .tab {overflow: hidden; margin: 2% auto;} #section_tab .tab button {background: inherit; float: left; border: none; border-radius: 10px; outline: none; cursor: pointer; padding:2.5rem 3rem; transition: 0.3s; font-size:20px; font-weight: 600; line-height: 0px; color: var(--blue131);margin-right:15px;} #section_tab .tab button:hover {background:var(--green26A); transition: all 0.4s ease;color:#fff;} #section_tab .tab button.active {background: var(--whiteFF); color: var(--green26A);} #section_tab .tab img {max-width: 10%; position: absolute; transform: translateY(-80%);} /* content tab as default */ #tab_content_1 {display: block;} #tab_content_2 {display: none;} .module.module-1 .categoryButton, .module-1 .category button {color: var(--green26A);} /* part - tab body */ .tab-body{border: none;background: var(--whiteFF);border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);} .content-wrap {display: flex;flex-direction: row;} .side-tab-content {width: 100%; max-width:85%;background:var(--green063);} /* part - tab sidebar */ .side-tab-navbar {width: 100%; max-width:25%;border-right:1px solid rgba(0,0,0,.1);} .display-fake-button{display: flex;background:var(--whiteF2F);padding:1.5rem 2rem;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);border-radius:10px 10px 0 0;} .display-fake-button div {width: 20px; height: 20px; border: none; border-radius: 50%; margin-right:10px;} .display-fake-button div:nth-child(1) {background: var(--redFF3);} .display-fake-button div:nth-child(2) {background: var(--yellowFFD);} .display-fake-button div:nth-child(3) {background: var(--green80C);} .category li {list-style: none;outline:0;} .category button {font-size: 14px; font-weight: 400; line-height: 38px; color: var(--grey3A); background: none; border: none;outline:0;} /* part - search input */ .search-wrap{padding:0 20px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:2rem;} #searchModules {background:transparent; border: none; font-size: 18px; font-style: italic; line-height: 0px; margin: 5% auto; padding: 10px;outline:0;width:calc(100% - 50px);} #searchModules::placeholder {color: #C2C2C2;} .search-wrap svg {color: #757575;} /* part - 5 category */ .module {padding:0 20px 0 30px;} .module .categoryButton {background: none; font-size: 18px; font-weight: 600; line-height: 50px; color: var(--grey3A); border: none;} #tab_content_2, #tab_content_1, .module-content{padding:3.5rem;} .module-content h4{color:var(--whiteFF);} .module-content p{font-size:14px;line-height:20px;} #tab_content_1{background:var(--whiteFF);} /*#tab_content_1 h3{color:var(--whiteFF);margin-bottom:2rem;}*/ #tab_content_1 b{font-size:16px;line-height:20px;color:black;display:block;margin-bottom:2rem;} #tab_content_1 ul.list{padding:0;display: grid;grid-template-columns: 33% 33% 33%;padding-bottom:2rem;} #tab_content_1 ul.list li{color:black;font-size: 14px;list-style: none;padding:30px;border: 1px solid rgba(255, 255, 255, .1);margin:10px 5px 0 5px;min-height:130px;display:inline;} #tab_content_1 ul.list li:hover{border:1px solid var(--green26A);} #tab_content_1 ul.list li b{margin:25px 0;} #tab_content_1 ul.list li span{color:black;font-size:15px;display:inline-block;line-height:20px;} #tab_content_1 img{margin-bottom:2rem;border-radius:10px;max-width:15%;float: left;margin:0 15px 0 0;} #tab_content_2 b{font-size:14px;line-height:20px;color:var(--green063);display:block;margin-bottom:2rem;} #tab_content_2 p{color:var(--grey66);} #tab_content_2 ul.list{padding:0;display: grid;grid-template-columns: auto auto auto;padding-bottom:2rem;} #tab_content_2 ul.list li{color: var(--grey99);font-size: 14px;list-style: none;padding:30px;border: 1px solid rgba(0, 0, 0, .1);margin:10px 5px 0 5px;min-height:130px;display:inline;} #tab_content_2 ul.list li:hover{border:1px solid var(--green26A);} #tab_content_2 ul.list li b{margin:25px 0;} #tab_content_2 ul.list li span{color:var(--grey99);font-size:12px;display:inline-block;line-height:20px;} #tab_content_2 img{margin-bottom:2rem;border-radius:10px;max-width:15%;float: left;margin:0 15px 0 0;} /* ********** Section Analytics ********** */ #section_analytics{padding:5rem 0;} #section_analytics .part-left-analytics h4 {padding-left:3rem;} #section_analytics .part-left-analytics img {margin:2rem auto;} #section_analytics p {line-height:30px; color: var(--grey66);} #section_analytics .part-left-analytics{background:var(--whiteF2F);padding:4rem 0;width:40%;margin:5rem auto;border-radius:10px;z-index: 2} #section_analytics .part-right-analytics {padding:8rem 0;} #section_analytics .part-right-analytics .text-box {background: var(--whiteFF);margin:2rem auto 0 auto; padding:2.5rem 3rem;} #section_analytics .part-right-analytics .text-box:hover{box-shadow: 11px 13px 12px 0px rgba(100,100,100,0.17); -webkit-box-shadow: 11px 13px 12px 0px rgba(100,100,100,0.17); -moz-box-shadow: 11px 13px 12px 0px rgba(100,100,100,0.17); } #section_analytics .part-right-analytics .text-wrap, #section_analytics .part-right-analytics .text-box {position: relative; z-index: 2;} #section_analytics .part-right-analytics .text-box{border:1px solid #E8E8E8;border-radius:10px;} /* ********** Section Game ********** */ #section_game{overflow:hidden;} #section_game .background-game {background: var(--green073); width: 100%; max-width: 100%; text-align: center;} /* part - text trap */ #section_game .background-game .text-wrap {padding:8rem 0 3rem 0;} #section_game .background-game .text-wrap h5 {font-weight: 500; line-height:20px; color: var(--whiteFF);} #section_game .background-game .text-wrap h1 {color: var(--whiteFF)!important; width: 100%; max-width: 80%; margin: 0 auto;} #section_game .background-game .text-wrap h1 span {color: var(--yellowFFD)!important;} /* part - benefits */ #section_game ul {display: flex; justify-content: center;} #section_game ul li {display: flex; padding: 15px;} #section_game ul li svg {color: var(--green26A); margin-right: 10px;} #section_game ul li p {font-size:20px; font-weight: 500; color: var(--whiteFF);} /* part - a tag wrap */ #section_game .background-game .a-wrap {margin-bottom: 5%; padding: 40px 0;} #section_game .background-game .a-wrap a:nth-child(1) {margin-right: 15px;} /* part - mobile & game slider */ #section_game .part-right-showcase {position: relative; z-index: 2;} #section_game .game-wrap {min-height: 750px; padding-top: 100px;} #section_game .img-mobile {max-width: 23%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; pointer-events: none;} #section_game .slick-center .slick-slide {text-align: center; line-height: 0px; border: none; transition: transform .3s ease; transform: scale(1);} #section_game .slick-center img {border-radius: 10px; text-align: center; margin: 0 auto; max-width: 90%;} #section_game .slick-center .slick-list, #section_game .slick-center .slick-track {overflow: visible;} #section_game .slick-center .slick-current {width: 0 30px; top: 50%; transform: scale(1.1); transform-origin: center center;} /* part - iframes mobile on left */ #section_game .display-fake-button {margin-left: 20px;padding: 13px 0;border:0;background:none;} #section_game .display-fake-button svg {margin: 0; position: absolute; top: 10px; right: 15px; color: var(--grey75);} #section_game .background-iframes {background: var(--green26A); text-align: center; padding: 0; min-height: 800px;} #section_game .fake-mobile {background: white;border: none; border-radius: 10px; width: 100%; max-width: 300px; height: 600px; position: relative; top: 47%; left: 50%; transform: translate(-50%, -50%);} #section_game .fake-mobile .display-fake-button div{width:15px;height: 15px;} #section_game iframe {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} #section_game .image-wrap {position: absolute; width: 100%; max-width: 50%;} #section_game .image-wrap img:nth-child(1) {position: relative; top: 120px;left:12px;} #section_game .image-wrap img:nth-child(2) {position: relative; top: 280px;left:12px;} /* part - information on right */ #section_game .part-right-showcase .text-wrap {background: var(--whiteF2F); padding:8rem 8rem 8rem 5rem; min-height: 800px;} #section_game .part-right-showcase .text-wrap p {color: var(--grey66);} #section_game .part-right-showcase .text-wrap > .row h5 {color: var(--grey66);} #section_game .part-right-showcase .text-wrap > .row p {font-size:18px; font-weight: bold; color: var(--blue131);} #section_game .part-right-showcase .text-wrap > .row .details {display: flex; padding: 10px 0;} #section_game .part-right-showcase .text-wrap > .row .details svg {color: var(--green26A); margin-right: 15px;} #section_game .part-right-showcase .text-wrap > .row .details p {font-size: 20px; font-weight: bold; color: var(--blue131); margin: auto 0;} /* showcase tab button dot */ #section_game .dot-button {display: flex; flex-direction: column;position: absolute; top: 45%; right: 50px;} #section_game .dot-button button {border: 1px solid var(--green063); border-radius: 50%; background: none; width: 10px; height: 10px; margin-bottom: 10px;z-index: 5;} .game-tab-active {background: var(--green063)!important;} /* ********** Section News & Updates ********** */ #section_news_updates {padding:0 0 8rem 0;} #section_news_updates .custom-container{margin:3rem auto;} #section_news_updates .custom-container > .row {align-items: center;} #section_news_updates .background-pattern {max-width: 60%; transform: translateY(-40%);} #section_news_updates .small-date {font-size:12px; font-weight: 400; line-height: 0px; color: var(--grey66); width: 100%; max-width: 100%; display: block; padding: 20px 0;} #section_news_updates h4 {color: var(--blue131);} #section_news_updates a {margin-bottom: 10px;display:inline-block;} #section_news_updates .a-wrap a:hover {color: var(--green26A); border:1px solid var(--green26A);} /* part - news content 1 */ #section_news_updates .news-content-1 {padding: 30px 0;} #section_news_updates .news-content-1 p {color: var(--grey66);opacity:1;} #section_news_updates .news-content-1 h3{margin-bottom:2rem;} /* part - news content 2 */ #section_news_updates .news-content-2 .background-default {background: #f2f4f8; border-radius: 10px;padding:20px;} #section_news_updates .news-content-2 .text-wrap {padding:20px 0;} #section_news_updates .news-content-2 .text-wrap h5 {margin-bottom:1rem;} #section_news_updates .news-content-2 .text-wrap span {color: var(--blue131);} #section_news_updates .news-content-2 .row {align-items: center; height:300px; margin: 0;} #section_news_updates .news-content-2 .img-wrap {position: relative; right:0;} /* part - news content 3 */ #section_news_updates .news-content-3 .background-default {border-radius: 10px;padding:20px 0;} #section_news_updates .news-content-3 .text-wrap {padding: 20px;position:relative;z-index:1;} #section_news_updates .news-content-3 .text-wrap h5 {margin-bottom: 1rem;} #section_news_updates .news-content-3 .row {align-items: center; height:300px; margin: 0;} #section_news_updates .news-content-3 .img-wrap {position:absolute;top:5%; right: 2%;width:80px;} /* part bottom 3 article content */ #section_news_updates .list-content:first-child{margin-top:5rem;} #section_news_updates .list-content {padding:3rem 0;border-bottom:1px solid rgba(0,0,0,.1);} #section_news_updates .list-content:last-child{border:0;} #section_news_updates .list-content img {max-width:20%; position: absolute; right: 30%; display: none;} #section_news_updates .list-content h4 {width: 100%; max-width: 50%;} /* part - news text color */ #section_news_updates .news-content-3 span, #section_news_updates .news-content-3 h4 {color: var(--whiteFF);} #section_news_updates p {color: var(--whiteFF); opacity: 0.5;font-size:14px;} .news-content-3 .text-wrap h5{color:var(--whiteFF);} /* part - news a wrap */ #section_news_updates .a-wrap {display:inline-block; position: relative; z-index: 2; padding:0;} #section_news_updates .news-content-3 .a-wrap a:hover {border:1px solid var(--yellowFFF); color: var(--yellowFFF);} #section_news_updates .list-content .a-wrap a {margin-right: 5px;} #section_news_updates .list-content .a-wrap {display: block; padding: 10px 0;} #section_news_updates .list-content .sub-button {font-size: 16px; font-weight: 600; position: absolute; right:0; padding:25px 40px; display: none;} #section_news_updates .list-content .sub-button:hover {background: var(--green073); color: var(--whiteFF); display: block;} /* ********** Section Subscribe ********** */ #section_subscribe {position: relative; z-index: 3;} #section_subscribe .background-subscribe {background-image: url('../../assets/images/main/mailchimp.webp'); background-repeat: no-repeat; background-position: top center; max-width: 100%; min-height: 500px; padding: 80px 0; text-align: center;} /* part - text */ #section_subscribe .background-subscribe h5 {color: var(--grey66);} #section_subscribe .background-subscribe .custom-container span:nth-child(4) {font-weight: 400;} /* part - form */ #section_subscribe .background-subscribe form, .subscribe-form {margin: 3% auto 1% auto;} #section_subscribe .background-subscribe form input{font-size:18px; font-weight:400; line-height: 0px; color: var(--grey3A); border: none; border-radius: 10px; margin-right: 20px; padding:20px 40px;outline:0;} #section_subscribe .background-subscribe form input::placeholder, .subscribe-form input::placeholder;{color:var(--greyCC);} #section_subscribe .alert {max-width: 50%;margin:auto;margin-bottom: 1rem;} .subscribe-form{display:flex;flex-wrap:wrap;} .subscribe-form input {font-size:14px; font-weight:400; line-height: 0px; color: var(--grey3A); border: none; border-radius: 10px; margin-right: 10px; padding:10px 20px;outline:0;} /* ==================================== Part Modal ==================================== */ /* page main - modal 1 */ .modal-1 {display: none;position: fixed;z-index: 10;padding-top: 100px;left: 0;top: 0;width: 100%; height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} /* Modal Content */ .modal-content-1 {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 70%;} /* The Close Button */ .close-modal-1 {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;} .close-modal-1:hover, .close-modal-1:focus {transition: all 0.4s ease;color: #000;text-decoration: none;cursor: pointer;} /* ==================================== Page Brands ==================================== */ /* ********** Section Omnichannel ********** */ #section_omnichannel ul li img {max-width: 30%;} #section_omnichannel .card-list {border: 1px solid var(--green26A); border-radius: 10px; display:inline-flex; align-items: center; min-height: 300px; width: 100%; max-width: 32%; margin-right: 20px;} #section_omnichannel .card-list h4 {font-size: 30px; font-weight: bold;} #section_omnichannel .card-list span {font-weight: 400; line-height: 20px; opacity: 0.5} /* part - card */ #section_omnichannel .default-card {background-repeat: no-repeat; background-position: top center; margin-right: 1%; margin-bottom: 1%; padding: 4rem; border-radius: 10px; width: 100%; height: 420px;} #section_omnichannel .default-card h5 {color: var(--whiteFF);} #section_omnichannel .default-card.card-1 h3, #section_omnichannel .default-card.card-2 h3, #section_omnichannel .default-card.card-3 h3, #section_omnichannel .default-card.card-4 h3, #section_omnichannel .default-card.card-5 h3 {color: var(--whiteFF); width:85%; margin:.5rem 0;font-size:35px;line-height:45px;} #section_omnichannel .card-1 {background-image: url('../../assets/images/brand/banner_1.webp'); max-width: 60%; background-size:cover; transition: all 0.4s ease; cursor:pointer;} #section_omnichannel .card-2 {background-image: url('../../assets/images/brand/banner_2.webp'); max-width: 40%; background-size:cover; transition: all 0.4s ease; cursor:pointer;} #section_omnichannel .card-3 {background-image: url('../../assets/images/brand/banner_3.webp'); max-width: 50%; background-size:cover; transition: all 0.4s ease; cursor:pointer;} #section_omnichannel .card-4 {background-image: url('../../assets/images/brand/banner_4.webp'); max-width: 50%; background-size:cover; transition: all 0.4s ease; cursor:pointer;} #section_omnichannel .card-5 {background-image: url('../../assets/images/brand/banner_5.webp'); max-width: 100%; background-size:cover; transition: all 0.4s ease; cursor:pointer;} #section_omnichannel .card-1:hover, #section_omnichannel .card-2:hover, #section_omnichannel .card-3:hover, #section_omnichannel .card-4:hover, #section_omnichannel .card-5:hover {transform:scale(1.05);} /* ==================================== Page Regional Partners ==================================== */ /* part - partner logo */ #section_regional ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;margin: 5% auto;text-align:center;} #section_regional ul li {display: flex; flex-direction: column; align-items: center; padding-right: 30px; padding-bottom: 30px;} #section_regional ul li img {padding-bottom: 10px; max-width: 80%;} #section_regional ul li span{display:block;} /* ********** Section Become Our Partner ********** */ #section_become_our_partners{margin-top:3rem;} #section_become_our_partners .background-gradient-3 {min-height: 550px; padding:5rem 0;} #section_become_our_partners span {color: var(--whiteFF);} #section_become_our_partners h2 {font-size:50px; line-height:60px; color: var(--whiteFF);} #section_become_our_partners h2 {color: var(--yellowFFD);} #section_become_our_partners p {font-size:18px; font-weight:400; color: var(--whiteFF); opacity:0.7;} #section_become_our_partners .col-lg-5{margin:auto;} #section_become_our_partners a{display:inline-block;padding:2rem 2.5rem;} #section_regional hr{margin:3rem 0;} #section_regional hr:last-child{border:none;} /* ==================================== Page Key Features ==================================== */ /* ********** Section Nav Bar ********** */ #section_nav_control{position:sticky;z-index:5;top:107px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} #section_nav_control > div:only-child {background:var(--whiteFF); padding: 30px 0; position: relative; z-index: 2;text-align:center;} #section_nav_control ul{display:inline-flex;} #section_nav_control ul li {padding-right: 50px;} #section_nav_control ul li a {font-size: 16px; font-weight: 500; line-height: 24px; color: var(--grey75);} #section_nav_control ul li a:hover {color: var(--green26A);} #section_new_level{background: rgb(242, 244, 248);background: linear-gradient(180deg, rgba(242, 244, 248, 1) 5%, rgba(255, 255, 255, 1) 38%);} /* part - each category content */ .key-content {position: relative; z-index: 2;} .key-content > div:only-child {padding:8rem 0;} .key-content h5 {color: var(--grey3A); line-height: 24px;} .key-content p {color: var(--grey75); margin: 0; padding: 20px 0 50px 0;} .key-content ul {display: grid; grid-template-columns: auto auto auto auto; justify-items: center; justify-content: start; text-align: center;} .key-content ul li {padding: 0 15px 15px 0;} .key-content ul li div {display: flex; flex-direction: column; align-items: center; background: var(--whiteFF); border: 1px solid #E8E8E8; border-radius: 10px; width:140px; height:140px; padding: 20px;} .key-content ul li div:hover {border: 5px solid #80C341;} .key-content ul li img {width:60px; height:60px; max-width: 80px;} .key-content ul li span {font-size: 11px; font-weight: 600; line-height: 14px; color: var(----dark212); padding-top: 10px;} .key-content .col-lg-6{margin:auto;} /* part - tooltip */ .tooltip-body .tooltip-text {visibility: hidden; text-align: center; background: var(--whiteF2F); border-radius: 10px; position: absolute; top: 40%; left: 5%; width:400px; height:auto; padding: 50px 30px; z-index: 3;} .tooltip-body .tooltip-text h5 {font-size: 18px; font-weight: bold; line-height: 27px; color: var(--blue131);} .tooltip-body .tooltip-text p {font-size: 14px; color: var(--blue131); padding: 0;} .tooltip-body:hover .tooltip-text {visibility: visible; border: none;} /* ********** Section Become Our Partner ********** */ #section_key_plug > div:only-child, .key_plug > div:only-child {background: var(--green063); padding: 100px 0;} #section_key_plug .background-pattern, .key_plug .background-pattern {opacity: 1; left: 0; transform: translateY(-30%);} #section_key_plug h5, .key_plug h5 {line-height: 24px; color: var(--whiteFF); opacity: 0.5;} #section_key_plug h2, .key_plug h2 {color: var(--whiteFF);} #section_key_plug h2 span, .key_plug h2 span {color: var(--yellowFFF);} #section_key_plug ul, .key_plug ul {display: grid; grid-template-columns: auto auto; align-items: center;} #section_key_plug ul li, .key_plug ul li {display: flex; align-items: center; padding: 10px 0;} #section_key_plug ul li svg, .key_plug ul li svg {color: var(--green26A);} #section_key_plug ul li p, .key_plug ul li p {font-size:20px; font-weight: 500; line-height: 25px; color: var(--whiteFF); margin: 0; padding-left: 20px;} /* part - each plug content */ .plug-content > div:only-child {padding:8rem 0;} .plug-content .col-lg-5 ul {display: grid; grid-template-columns: auto auto auto;} .plug-content .col-lg-5 ul li span {font-weight: 400; line-height: 21px; color: var(--grey75);} .plug-content h3 {margin-bottom: 30px;} .plug-content ul li h4 {line-height: 30px; color: var(--blue131);} .plug-content p { color: var(--grey75); margin: 0; padding: 30px 0;} .plug-content a {padding: 15px 50px; font-size: 20px; line-height: 30px;} .plug-content .d-flex img {border-radius: 30px; padding: 10px;width:auto;height:400px;} .plug-content .slick-dots {bottom: 10px;} .plug-content .slick-slide {padding: 10px; border-radius: 30px;} .plug-content .slick-slide img {border-radius: 20px;} /* ==================================== Page Game Library & Page Updates ==================================== */ #controlCatergory {padding:30px 0;text-align:center;} #section_category_nav {background: var(--whiteFF);position:sticky;z-index:5;top:107px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} #section_category_nav .category-btn, .dropdown {margin-right: 10px;} #section_category_nav .category-btn, .dropbtn {border-radius: 10px; padding:0 30px 0 0;} #section_category_nav .category-btn, #section_category_nav .dropbtn, #section_category_nav .sub-category-btn {font-size: 16px; font-weight: 500; line-height: 24px; color: var(--blue131); border: none; cursor: pointer; background: none;outline:0;} #section_category_nav .category-btn:hover, #section_category_nav .dropbtn:hover, #section_category_nav .sub-category-btn:hover, #section_category_nav .catagoryActive{color: var(--green26A);} #section_category_nav .dropdown {position: relative; display: inline-block;} #section_category_nav .dropdown-content {display: none; position: absolute; background: var(--whiteFF); width: inherit; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} #section_category_nav .sub-category-btn {font-size: 14px; width: 100%; text-align: left; border: none; padding: 15px;} #section_category_nav .sub-category-btn:hover {background: var(--green26A); color: var(--whiteFF);} #section_category_nav .dropdown:hover .dropdown-content {display: block; z-index: 99;} #section_filter_content .w-100 button {margin: 2% auto; width: 100%; max-width:max-content;} /* page updates - top part */ #section_updates_top {margin-top:100px;background:var(--whiteF2F);overflow:hidden;} #section_updates_top .row .col-lg-6 {padding: 0;margin:auto;} #section_updates_top .row .col-lg-6:nth-child(2) {margin: auto;padding:5rem 7rem 5rem 5rem;display: flex;vertical-align: middle;} #section_updates_top .tab {display: flex; flex-direction: column; position: absolute; top:50%;right:3%;transform:translateY(-100%);} #section_updates_top .tab button {width: 10px; height: 10px; border: none; border-radius: 50%; background: none; border: 1px solid var(--grey75); margin-bottom: 10px;} #section_updates_top .dotActive {background: black!important; border: 1px solid black!important;} #section_updates_top .tabcontent {padding: 10px;} #section_updates_top .tabcontent h5 {font-weight: 400;font-size:14px;line-height:20px;color:var(--grey66)} #section_updates_top .tabcontent p {font-weight: unset; font-style: italic; color: var(--grey75);font-size:12px;margin:0;} /* page updates - bottom part: filter by articles */ #section_filter_content {background: rgb(242,244,248);background: linear-gradient(180deg, rgba(242,244,248,1) 5%, rgba(255,255,255,1) 38%);padding: 70px 0; min-height: 1000px; position: sticky; z-index: 1;} #section_filter_content .filter_article {width: 100%; max-width: 24%; float: left; background: var(--whiteFF); border: 1px solid #D8D8D8; border-radius: 10px; flex-direction: column; align-items: center; margin:0px 10px 20px 0px;min-height:400px;} #section_filter_content .filter_article:hover {border: 1px solid var(--green26A); border-radius: 10px;} #section_filter_content .filter_article img {border: none; border-radius: unset; object-fit: cover; width: 100%; max-height:350px; height: auto;} #section_filter_content .filter_article span {display:block; width: 100%; padding: 15px 30px;color: var(--green26A); font-weight: 600; line-height:20px;text-transform:capitalize;font-size:12px;} #section_filter_content .filter_article span.italic-date{font-size:12px;color:var(--grey75);font-weight:400;} #section_filter_content .filter_article h4 {font-size:20px;font-weight: bold; color: var(--blue131); width: 100%; min-height: 120px; padding: 0 30px;} /* page game - bottom part: filter by games */ #section_filter_content .filter_game {width: 100%; max-width: 20%; float: left; border: none; border-radius: 10px; text-align: center; display: flex; padding-right: 15px; transition: all 0.4s ease;cursor:pointer;} #section_filter_content .filter_game a video{border-radius:10px;} #section_filter_content .filter_game:hover{transform:scale(1.05);} #section_filter_content .filter_game img {border: none; border-radius: 10px; object-fit: cover; width: 100%; max-height: 540px; height: auto;} #section_filter_content .filter_game span {display:block; width: 100%; padding: 15px 0 30px 0; font-size:13px; line-height:20px;} #section_filter_content a .play-button{color: var(--green26A);background: var(--whiteFF);font-size:14px;font-weight: 600;line-height: 0px;border: none;border-radius: 10px;padding:20px 30px;display:none;position:absolute;left:50%;transform:translateX(-50%);width:max-content;bottom:40%;} #section_filter_content a .play-button:hover{color:var(--whiteFF);background:var(--green26A);} /* ==================================== Article Page From Updates ==================================== */ .new-detail-banner{margin-top:100px;height:auto;background:var(--green063);} .new-detail-banner img{width:auto;display:block;margin:0 auto;height:600px;} #section_content_article a{color:var(--green26A);} #section_content_article a:hover{text-decoration:underline;} /* left part content */ #section_content_article .col-lg-9, #section_content_article .col-lg-3 {margin: 5% auto;} #section_content_article h3 {font-size:40px; line-height:50px; padding: 10px 0;} #section_content_article h4 {font-size: 25px; font-weight: bold; line-height: 25px; color: var(--blue131);} #section_content_article h5 {font-weight: 400;color:var(--green26A);text-transform:capitalize;} #section_content_article p {color: var(--grey75);text-align:justify;} #section_content_article p strong{color:var(--green063);} #section_content_article .italic-date {font-size:14px; line-height: 24px; color: var(--grey75); padding-bottom: 20px;} #section_content_article .desc {color: var(--blue131); padding: 30px 0;text-align:justify;} #section_content_article .label {font-size:16px; font-weight: 600; line-height: 25px; color: var(--blue131);text-transform:capitalize;} /* right part related and social share */ #section_content_article .board {min-height: 500px; background: var(--whiteF2F); border: none; border-radius: 10px; padding:3rem 2rem;} #section_content_article .board li {font-size:16px; font-weight: 500; line-height:20px; color: var(--grey75); padding: 10px 0;} #section_content_article .social {padding: 30px 0;} #section_content_article .social .icon {padding-top: 10px;} #section_content_article .social a {background: var(--green26A); border: none; border-radius: 10px; font-size: 25px; color: var(--whiteFF); margin-right: 5px; padding: 6px 12px;} #section_content_article .social a:hover {background: var(--green063);} /* bottom part control */ #section_control_previous_next {padding:2rem 0 3rem 0; border-top: 1px solid rgba(0,0,0,.1);} #section_control_previous_next a {font-size:16px; font-weight:600; line-height: 20px; color: var(--grey75); transition: all 0.3s ease;} #section_control_previous_next .bi::before, #section_control_previous_next [class*=" bi-"]::before, #section_control_previous_next [class^=bi-]::before, #section_control_previous .bi::before, #section_control_previous [class*=" bi-"]::before, #section_control_previous [class^=bi-]::before{font-weight:600!important;} #section_control_previous_next .text-start a:hover, #section_control_previous_next .text-end a:hover {color: var(--green26A);} #section_control_previous_next .text-end a:hover h3, #section_control_previous_next .text-start a:hover h3 {color:var(--green26A);} #section_control_previous_next span {font-size:12px;line-height:16px; color: var(--grey75);text-transform:capitalize;margin:20px 0 5px 0;} #section_control_previous_next h3, #section_control_previous h3{font-size:25px;line-height:30px;} /* ==================================== Page Partners ==================================== */ #section_integrate .background-pattern {left: -10%;} #section_integrate p {margin: 0; padding:10px 0;} /* part bottom 3 card */ #section_benefits {padding-bottom:5rem;} #section_benefits img {transition: all 0.4s ease; cursor:pointer;} #section_benefits img:hover{transform:scale(1.05);} #section_benefits .text-center {padding:30px 10px;} #section_benefits h3 {font-size:25px; line-height:35px; min-height:80px;} #section_benefits p {color: var(--grey75);} /* ==================================== Page Why Playable Marketing ==================================== */ #tab_content_1 .col-lg-6 {padding-bottom: 30px;} #tab_content_1 .col-lg-6 h3 {margin-bottom: 1rem;} #tab_content_1 .col-lg-6 p {color: rgba(255, 255, 255, .5); font-size: 12px; font-weight: 500; line-height: 20px;} /* ==================================== Page Partners & Page Why Playable Marketing ==================================== */ ##section_banner {position: relative; z-index: 2;padding:0 0 8rem 0;} #section_banner .banner-wrap {padding:2rem 0;} #section_banner .col-lg-6 {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;} #section_banner h2{margin-bottom:2rem;} #section_banner h5 {color: var(--grey3A);} #section_banner p {color: var(--grey75); padding-right: 50px;} /* ==================================== Page Who We Are ==================================== */ #section_video {margin-bottom: 5%;} #section_staff {margin:0 auto 8rem auto;} #section_staff .staff-list {padding-top: 3rem;} #section_staff .staff-list img {-webkit-border-radius:20%; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius:20%; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; border-radius:20%; border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding:0 10px;} /* text wrap */ #section_staff .staff-list .list-wrap {position: sticky; bottom: 25%; width: 100%; max-width: 70%; margin: 0 auto;} #section_staff .staff-list h4 {font-size:20px; font-weight: bold; color: var(--whiteFF);line-height:20px;margin-bottom:0;} #section_staff .staff-list p {color: var(--whiteFF);font-size:12px;} .staff-list .slick-dots{bottom:5%;} /* ==================================== Page Regional Partners Details ==================================== */ /* top part */ #section_intro .row .col-lg-6:nth-child(2) {margin: auto; padding: 5rem 3rem 5rem 5rem; display: flex; vertical-align: middle;} #section_intro span {font-size: 16px; line-height: 24px;} #section_intro h3 {line-height: 40px;} #section_intro h4 {font-weight: bold; color: var(--blue131);} #section_intro p {color: var(--grey66);} #section_intro .a-wrap {padding: 30px 0;} #section_intro .button-option-5 {padding: 1rem 2rem;} /* middle part */ #section_details .row {margin: 5% auto;} #section_details h3 {color: var(--blue131);} #section_details p {font-size: 20px; line-height: 30px; color: #757575;} #section_details ul {display: grid; grid-template-columns: auto auto;} #section_details ul li {display: flex; align-items: center; padding-bottom: 10px;} #section_details ul li svg {color: var(--green26A); padding-right: 15px;} #section_details ul li h5 {font-size: 25px; line-height: 25px; color: var(--grey75); margin: 0;} #section_details .banner-wrap {background: var(--whiteF2F); border: none; border-radius: 10px; padding: 50px; text-align: center; min-height: 600px;} #section_details .banner-wrap h4 {font-weight: 500; line-height: 30px; color: var(--blue131);} /*pricing*/ #section_pricing{padding-bottom:8rem;} #section_pricing.head-title h2{min-height:auto;} .price-table tbody tr{background:var(--whiteF2F);} .price-table .table{margin-bottom:0;} .price-table .table, .price-table .table>thead th{--bs-table-bg:none;text-align:center;color:var(--green26A);padding:1.5rem 0;} .price-table .table>thead{position:sticky;top:107px;z-index:5;background:var(--whiteFF);} .price-table .table th{text-align:left;vertical-align:top!important;} .price-table .table>:not(caption)>*>*{padding:1.5rem 2rem;vertical-align: middle;} .price-table h6{font-weight:600;margin-bottom:3px;margin-top:5px;} .price-table p{margin:0;font-size:14px;width:95%;} .price-table .tt{float:right;margin-top:-6%;} .price-table .tt i{font-size: 20px;} .price-table td svg{display:block;margin:0 auto;color:var(--green26A);} .price-table a.btn-started{margin:5rem auto 5rem auto;} .price-table .table.plugins table-dark{font-size:#fff;background:#131B24;} .price-table .table.plugins>thead{position:inherit;background:none;} .price-table .table.plugins>thead th{--bs-table-bg:#131B24;color:#fff;text-align:left;padding:1.5rem 2rem;} .price-table .table.plugins thead th .tt{margin-top:-2%;} .price-table .table.plugins thead th .tt i{color:#999;} .price-table .table.plugins tbody tr:last-child{height:200px;} .price-table .table.plugins tbody tr:last-child td{vertical-align:top;} /*privacy-policy*/ .privacy_policy-content li{font-size: 1.2rem;font-weight: 600;margin:2rem 0 1rem 0 ;text-indent: 1rem;list-style-type: decimal;} .privacy_policy-list{margin: 0 0 2rem 3rem;} .privacy_policy-list li{color:var(--grey66);font-size:0.9rem;list-style-type:disc;text-indent:0;margin:0;padding:5px 10px;line-height:1.2;} .privacy_policy-content p, .privacy_policy-list p{font-size: 0.9rem;padding: 0 0 0 1rem;line-height: 1.5;} ol.privacy_policy-content{margin-left:20px;} .privacy_policy-list li::marker{text-align:left;} .custom-built-bg{background-image:url(../images/pricing/pricing-custom-build.webp);width:100%;background-size:contain;background-repeat:no-repeat;background-position:right center;background-color:#07653a;} .custom-built-bg small{color:var(--whiteFF);display:block;margin-top:2rem;margin-bottom:1rem;} .custom-built-bg h4{font-size:60px;line-height:70px;color:var(--whiteFF);font-weight:700;font-style:italic;} #section_faq{padding:3rem 0 8rem 0;} #section_faq.head-title h2{float:none;min-height:auto;} .faq-wrapper{margin-bottom:5rem} .accordion-item h2{max-width:100%;} .accordion-button{font-weight:700;color:var(--dark212);background-color:transparent;border:0;} .accordion-button:not(.collapsed){color:var(--dark212);background-color:transparent;} .accordion-item{border:0;border-bottom:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);} .accordion-body{padding:2rem 2rem 5rem 2rem;} .accordion-body a{color:var(--green26A);} .accordion-body a:hover{text-decoration:underline;} .accordion-button:focus{outline:0;box-shadow:none;} button:focus:not(:focus-visible){border-bottom:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);} .accordion-item:last-of-type{border:0;} /*1024-tablet*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) { h1, h1 span{font-size:50px;line-height:60px;} h2, h2 span{font-size:35px;line-height:45px;} h3, h3 span{font-size:25px;line-height:35px;} h5, h5 span{font-size:14px;line-height:20px;margin:0;} p{font-size:14px;line-height:20px;} .custom-container{max-width:90%;} .head-title p{font-size:16px;} .modal-content-1{width:80%;} .modal-content-1 iframe{height:500px;} .button-option-1, .button-option-2, .button-option-3, .button-option-4, .button-option-5{font-size:16px;padding:1.5rem 2.5rem;} /*navigation*/ #section_nav_desktop{padding:20px;} #section_nav_desktop .navbar-brand{width:175px;} #section_nav_desktop .navbar .dropdown-menu{max-width:80%;} #section_nav_desktop .sidebtn .btn-signin{padding-right:10px;} #section_nav_desktop .navbar .nav-item{margin:0 .5rem;} #section_nav_control, #section_category_nav{top:99px;} /*banner*/ #section_swiper .column-wrap{padding:0 3rem;} #section_swiper .column-wrap p{width:90%;} #section_swiper .column-wrap ul li{text-align:center;} #section_swiper .column-wrap ul li p{padding-left:0;} #section_swiper .button-wrap button svg{height: 70px;} #section_swiper .button-wrap button{padding:2rem;} #section_swiper .button-wrap .small-box-wrap-left br{display:none;} #section_super .card-1, #section_super .card-2, #section_super .card-3, #section_super .card-4{padding:2rem;height:30O0px;} #section_super .card-1:hover, #section_super .card-2:hover, #section_super .card-3:hover, #section_super .card-4:hover{transform:scale(1);} #section_super .default-card.card-1 h2, #section_super .default-card.card-2 h2, #section_super .default-card.card-3 h2, #section_super .default-card.card-4 h2{font-size:25px;line-height:35px;} #tab_content_1 img, #tab_content_2 img{max-width:30%;} #tab_content_1 ul.list li b, #tab_content_2 ul.list li b{margin:10px 0;} #tab_content_1 ul.list li span, #tab_content_2 ul.list li span{margin-top:15px;} #section_analytics p{line-height:20px;} #section_analytics .part-left-analytics{width:45%;} #section_analytics .part-left-analytics h4{padding-left:2rem;} #section_game .game-wrap{padding-top:65px;} #section_game .part-right-showcase{margin-top:-35%;} #section_game .part-right-showcase .text-wrap{padding:3rem;} #section_game .part-right-showcase .text-wrap > .row p{font-size:16px;} #section_game .part-right-showcase .text-wrap .row:nth-child(odd) .col-lg-6{width:100%;} #section_game .part-right-showcase .text-wrap > .row .details p{font-size:16px;} #section_title{height:auto;padding:100px 0 150px 0;margin-top:100px;} #section_title .custom-container{padding:0;} #section_title .text-wrap{padding-top:0;} #section_title .text-wrap p{width:80%;font-size:14px;} .head-title h2{font-size:35px;height:250px;} .key-content > div:only-child{padding:3rem 0;} /*.key-content ul{grid-template-columns:auto auto auto;} */ .key-content ul li div{width:100px;} .key-content ul li{padding:5px;} .key-content ul li img{width:50px;height:50px;} #section_key_plug ul li p{font-size:14px;} .plug-content .col-lg-7 .d-flex{overflow-x:scroll;overflow-y:hidden;} .plug-content .col-lg-7 .d-flex img{width:auto;max-width:max-content;height:350px;} #section_new_level iframe{height:600px;} /*game-library*/ #section_nav_control > div:only-child, #controlCatergory{padding:20px 0;} #section_nav_control ul li a, #section_category_nav .category-btn, #section_category_nav .dropbtn, #section_category_nav .sub-category-btn{font-size:14px;} #section_omnichannel .default-card{padding:2rem;height:300px;} #section_omnichannel .card-list{margin:0 2px;display:inline-block;max-width:33%;} #section_omnichannel .card-list .col-lg-4, #section_omnichannel .card-list .col-lg-8{width:100%;text-align:center;} #section_omnichannel .card-list img{max-width:100px;margin:15px auto;} #section_omnichannel .card-list h4{font-size:25px;} #section_omnichannel .default-card.card-1 h3, #section_omnichannel .default-card.card-2 h3, #section_omnichannel .default-card.card-3 h3, #section_omnichannel .default-card.card-4 h3, #section_omnichannel .default-card.card-5 h3{font-size:25px;line-height:30px;} #section_banner{padding:3rem 0;} #section_regional ul{justify-content:space-between;margin:0;} #section_regional ul li{width:33.33%;padding-right:0;} #section_regional ul li span{text-align:center;} #section_regional hr{margin:3rem 0;} #section_become_our_partners h2{font-size:35px;line-height:45px;} #section_become_our_partners p{font-size:16px;} #section_multiplate_design .row{margin:0;} #section_multiplate_design .r-h3{font-size:25px;line-height:35px;} #section_multiplate_design form button{font-size:16px;} #section_multiplate_design form .form-check label{line-height:20px;} #section_multiplate_design .left-part-content{padding-top:50px;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(6){max-width:55%;top:30%;z-index:1;pointer-events:none;} #section_multiplate_design .left-part-content .game-wrap img{max-width:50%;margin:20% auto 0 auto;} #section_multiplate_design .video-wrap iframe{height:200px;} #section_news_updates .news-content-1{width:100%;} .news-content-2{width:50%;padding:0 5px 0 0;} .news-content-3{width:50%;padding:0 0 0 5px;} #section_news_updates{padding:0;} #section_news_updates a{font-size: 12px;padding: 15px 20px;} #section_news_updates .list-content img{max-width:30%;} #section_news_updates .list-content:first-child{margin-top:3rem;} #section_news_updates .list-content h4{max-width:80%;} #section_news_updates .list-content{padding:2rem 0;} #section_news_updates .news-content-3 .img-wrap{top: 21%;right: 1%;} #section_subscribe .background-subscribe{min-height:300px;} #section_subscribe .background-subscribe form input{font-size:14px;padding:1rem 2.5rem;margin-right:10px;} /*updates*/ #section_updates_top .row{margin:0;} #section_updates_top .row .col-lg-6:nth-child(2){padding:2rem;} #section_updates_top .tab{display:block;top:50%;left: 50%;right:auto;transform: translate(-50%, 0%);} #section_filter_content .filter_article{max-width:47%;margin:10px;} .new-detail-banner{margin-top:85px;} .new-detail-banner img{height:auto;} #section_content_article h3{font-size:25px;line-height:35px;} #section_content_article .col-lg-9, #section_content_article .col-lg-3{margin-top:3rem;} #section_control_previous_next h3, #section_control_previous h3{font-size:20px;line-height:25px;} #section_control_previous_next .row>*{width:50%;} #section_control_previous_next .text-end{text-align:right!important;} #section_content_article iframe{width:100%;} #section_content_article .board li{font-size:12px;} #section_content_article img{margin:1rem auto;} /*who-we-are*/ .display-fake-button{padding:1rem 2rem;} #section_video{margin-bottom:0;} #section_video iframe{height:500px;} /*pricing*/ #section_pricing.head-title h2{height: auto;} .price-table p{font-size:14px;line-height:20px;} .price-table .table>thead{top:99px;} .price-table .tt{margin-top:-17%;} .price-table .table.plugins thead th .tt{margin-top:-3%;} #section_faq.head-title h2{height:auto;} .faq-wrapper h3{width:80%;} .accordion-body{padding:2rem 2rem 3rem 2rem;} } /*768px-tablet*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : portrait) { body{text-align:center;} h1, h1 span{font-size:40px;line-height:50px;} h2, h2 span{font-size:35px;line-height:45px;} h3, h3 span{font-size:25px;line-height:35px;} h5, h5 span{font-size:14px;line-height:20px;margin:0;} p{font-size:14px;line-height:20px;} .custom-container{max-width:90%;} .head-title p{font-size:16px;} .hide-mobile{display:none;} .modal-content-1{width:80%;} .modal-content-1 iframe{height:500px;} .button-option-1, .button-option-2, .button-option-3, .button-option-4, .button-option-5{font-size:16px;padding:1.5rem 2.5rem;} /*Navigation*/ #section_nav_desktop {display: none;} #section_nav_mobile {display: block;border-bottom:rgba(0,0,0,.1)} #section_nav_mobile .nav-mobile{height:100px;} #section_nav_mobile .nav-mobile svg{margin:10px 0;} #section_nav_mobile .nav-mobile li a img{width:25%;margin:5px auto;} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar{top:100px;max-width:500px;transform:translateX(-504px);} #section_nav_mobile .nav-mobile .menu-container .menu-sidebar li .menu-sub{max-width:500px;} #section_nav_mobile .nav-mobile .menu-button:after{top:100px;} /*banner*/ #section_swiper{height:calc(50vh - 100px);} #section_swiper .column-wrap{height:calc(50vh - 100px);padding:0 2rem;} #section_super .position-relative .d-flex:nth-child(3){display:block!important;} #section_swiper .button-wrap{left:0;transform:translateX(0);width:100%;justify-content:flex-start;bottom:-18%;text-align:left;} #section_swiper .button-wrap .small-box-wrap-left{padding:15px;width:100%;} #section_swiper .button-wrap .small-box-wrap-left br{display:none;} #section_swiper .button-wrap button{padding:10px;} #section_swiper .button-wrap button svg{width:80px;height:50px;} #section_swiper .button-wrap .small-box-wrap-left p{font-size:16px;margin:0;} #section_swiper .column-wrap ul{width:100%;} #section_swiper .column-wrap ul li{text-align:center;} #section_swiper .column-wrap ul li p{padding:0;} #section_swiper .column-wrap h1, #section_swiper .column-wrap h1 span{font-size:50px;} #section_swiper .column-wrap p{margin:1rem auto;} #section_super{margin-top:5rem;} #section_super .default-card{padding:2rem;margin:0;} #section_super .card-1, #section_super .card-2{max-width:97%;margin:0 5px;height:300px;text-align:left;} #section_super .card-3, #section_super .card-4{max-width:98%;margin:5px;height:250px;text-align:left;} #section_super .card-3{background-position:0 -100px;margin-top:8px;} #section_super .card-4{background-position:0 -50px;margin-top:8px;background-size:cover;} #section_super .card-1:hover, #section_super .card-2:hover, #section_super .card-3:hover, #section_super .card-4:hover{transform:scale(1);} #section_super .default-card.card-1 h2, #section_super .default-card.card-2 h2, #section_super .default-card.card-3 h2, #section_super .default-card.card-4 h2{font-size:25px;line-height:30px;} #tab_content_1 ul.list li, #tab_content_2 ul.list li{padding:10px;text-align:center;} #tab_content_1 ul.list li span, #tab_content_2 ul.list li span{display:none;} #tab_content_1 img, #tab_content_2 img{float:none;margin:10px auto;max-width:40%;} #tab_content_1 ul.list li b, #tab_content_2 ul.list li b{margin:10px 0;} #section_analytics .part-left-analytics{width:100%;margin:3rem auto 0 auto;} #section_analytics .part-right-analytics{padding:3rem 0;} #section_analytics .part-right-analytics .text-wrap br{display:none;} #section_tab .tab button{font-size:16px;padding:2rem 3.5rem;} #section_game ul li p{font-size:16px;} #section_game .img-mobile{max-width:48%;} #section_game .part-right-showcase{margin-top:-10%;} #section_game .image-wrap{max-width:100%;} #section_game .part-right-showcase .text-wrap{padding:5rem 5rem 7rem 5rem;min-height:auto;text-align:left;} #section_game .part-right-showcase .text-wrap .row .col-lg-6{width:50%;} #section_game .part-right-showcase .text-wrap > .row .details p{font-size:16px;} #section_game .background-game .text-wrap h1{max-width:90%;} #section_news_updates{padding:0;} #section_news_updates .news-content-2, #section_news_updates .news-content-3{width:50%;} #section_news_updates .news-content-2 .row, #section_news_updates .news-content-3 .row{height:400px;} #section_news_updates .news-content-2 .background-default{padding:20px 10px;} #section_news_updates a{font-size:12px;padding:12px 15px;} #section_news_updates .list-content{padding:2rem 0;} #section_news_updates .list-content:first-child{margin-top:3rem;} #section_news_updates .news-content-3 .img-wrap{top:20%;width:60px;} #section_news_updates .list-content h4{max-width:100%;} #section_news_updates .list-content img{max-width:40%;right:50%;transform:translate(50%, -20%);z-index:3;} #section_news_updates .list-content .sub-button{right:50%;transform:translate(50%, 190%);z-index:3;} #section_subscribe .background-subscribe{background-position:-872px -14px;} #section_subscribe .background-subscribe form input{font-size:14px;padding:1rem 2.5rem;margin-right:10px;} #section_subscribe .button-option-5{margin:15px auto;} /*footer*/ footer p{max-width:100%;} /*key-features*/ #section_nav_control{top:100px;} #section_nav_control > div:only-child{padding:20px 0;} #section_title{height:auto;padding:100px 0;margin-top:100px;} #section_title .custom-container{padding:0;} #section_title .text-wrap{padding-top:0;} #section_title .text-wrap p, .head-title h2 br, #section_key_plug h2 br{display:none;} #section_title .row{bottom:-40px;} .head-title h2{font-size:35px;line-height:45px;float:none;margin:3% auto;max-width:100%;min-height:auto;} .display-fake-button{padding:1rem;} .display-fake-button div{width:15px;height:15px;margin-right:5px;} #section_nav_control ul li a{font-size:14px;} .key-content > div:only-child{padding:3rem 0;} .key-content ul{grid-template-columns:20% 20% 20% 20% 20%;} .key-content ul li div{width:130px;} .key-content ul li{padding:2px 5px;} #section_key_plug ul li p{font-size:16px;} #section_key_plug ul{margin-left:100px;} .plug-content .col-lg-7 .d-flex{overflow-x:scroll;overflow-y:hidden;} .plug-content .col-lg-7 .d-flex img{width:auto;max-width:max-content;} #section_new_level iframe{height:400px;} #section_regional ul{justify-content:space-between;} #section_regional ul li{padding-right:0;} #section_become_our_partners h2{font-size:35px;line-height:45px;} #section_become_our_partners p{font-size:16px;opacity:.7;} #section_become_our_partners img{max-width:60%;margin:0 auto;} #section_regional hr{margin:0 0 3rem 0;} /*why-playable*/ #section_video iframe{height:350px;} #section_banner{padding:0 0 3rem 0;} #section_banner p{padding:0;} .banner-wrap{margin:2rem 0;} #section_banner .background-gradient-2{padding:3rem 0;} .banner-wrap h2 br{display:none;} /*partners*/ #section_benefits .col-lg-4{width:50%;float:left;} /*game-library*/ #section_category_nav{top:100px;} #controlCatergory{padding:20px 0;white-space: nowrap;width: 100%;overflow-x: scroll;} #section_category_nav .category-btn, #section_category_nav .dropbtn, #section_category_nav .sub-category-btn{font-size:14px;} #section_category_nav .category-btn, .dropbtn{0 15px;} #section_filter_content .filter_game{max-width:33%;padding:0 5px;} /*form*/ #section_multiplate_design .row{margin:0;} #section_multiplate_design .left-part-content{min-height:30vh;padding:0;} #section_multiplate_design .right-part-form{position:relative;overflow:unset;height:auto;min-height:auto;} #section_multiplate_design .r-content{padding:0;} #section_multiplate_design .r-content .image-wrap{margin-top:3rem;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(1){left: auto;transform:translateX(-0%);margin:0 auto;} #section_multiplate_design .r-h3, #section_multiplate_design .r-h3 span, #section_multiplate_design .left-part-content h4{font-size:30px;line-height:40px;width:70%;margin:0 auto;} #section_multiplate_design .r-h3 br{display:none;} #section_multiplate_design .left-part-content .custom-container .r-content .image-wrap img:nth-child(4){bottom:-16%;left:-8%;z-index:-1;} #section_multiplate_design .right-part-form .custom-container{max-width:80%;} #section_multiplate_design .right-part-form h4{margin:2rem 0;} #section_multiplate_design form .form-check label, #section_multiplate_design form .form-check a{text-align:left;line-height:20px;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(6){max-width:40%;z-index:2;pointer-events:none;} #section_multiplate_design .left-part-content .game-wrap img{max-width:35%;margin:15% auto 0 auto;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(7){display:none;} #section_multiplate_design .col-lg-6{flex: 0 0 auto;width: 50%;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(3){top:-11%;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(4){bottom:-30%;} .right-part-form form{text-align:left;} #section_multiplate_design .right-part-form{padding-bottom:80px;} #section_multiplate_design .video-wrap iframe{height:400px;} /*brand*/ #section_omnichannel .card-list{max-width:38%;display:inline-block;margin:10px 2px;} #section_omnichannel .card-list span{font-size:12px;line-height:20px;display:block;} #section_omnichannel .card-list img{max-width:40%;margin:15px;} #section_omnichannel .card-list h4{font-size:20px;} #section_omnichannel .card-1, #section_omnichannel .card-2, #section_omnichannel .card-3, #section_omnichannel .card-4, #section_omnichannel .card-5{max-width:100%;padding:15px;height:200px;margin-bottom:10px;} #section_omnichannel .default-card.card-1 h3, #section_omnichannel .default-card.card-2 h3, #section_omnichannel .default-card.card-3 h3, #section_omnichannel .default-card.card-4 h3, #section_omnichannel .default-card.card-5 h3{width:80%;line-height:25px;font-size:20px;margin:0 auto;} #section_omnichannel .default-card h5{margin-top:20px;} /*updates*/ #section_updates_top .row{margin:0;} #section_updates_top .row .col-lg-6:nth-child(2){padding:2rem;} #section_updates_top .tab{display:block;top:50%;left: 50%;right:auto;transform: translate(-50%, 0%);} #section_filter_content .filter_article{max-width:47%;margin:10px;} .new-detail-banner{margin-top:85px;} .new-detail-banner img{height:auto;} #section_content_article h3{font-size:25px;line-height:35px;} #section_content_article .col-lg-9, #section_content_article .col-lg-3{margin-top:3rem;} #section_control_previous_next h3, #section_control_previous h3, #section_control_previous_next span{display:none!important;} #section_control_previous_next .row>*{width:50%;} #section_control_previous_next .text-end{text-align:right!important;} #section_content_article iframe{width:100%;} #section_content_article img{margin:1rem auto;} /*pricing*/ #section_pricing{padding-bottom:5rem;} .price-table .table>thead{top:100px;} .price-table p{display:none;} .price-table h6{font-size:14px;} .price-table th h6{width:90%;} .price-table .tt{margin-top:-12%;} .price-table .table.plugins thead th .tt{margin-top:-4%;} .custom-built-bg{background:linear-gradient(30deg, rgba(128, 195, 65, 1) 0%, rgba(38, 169, 74, 1) 40%, rgba(0, 133, 113, 1) 85%);} #section_faq{padding:3rem 0 2rem 0;} #section_faq.head-title h2{margin:0;} .accordion-body{font-size:14px;line-height:20px;padding:1rem 2rem 3rem 2rem;} } /* mobile */ @media screen and (max-width: 480px) { body{text-align:center;} /*Navigation*/ #section_nav_desktop {display: none;} #section_nav_mobile {display: block;border-bottom:rgba(0,0,0,.1)} #section_nav_mobile .nav-mobile{height:85px;} /*slider*/ #section_swiper{height:calc(70vh - 85px);margin-top:85px;} #section_swiper .button-wrap{left:0;transform:translateX(0);width:100%;justify-content:flex-start;bottom:-20%;text-align:left;} #section_swiper .button-wrap .small-box-wrap-left{padding:15px;width:100%;} #section_swiper .button-wrap .small-box-wrap-left br{display:none;} #section_swiper .button-wrap button{padding:10px;} #section_swiper .button-wrap button svg{width:80px;height:50px;} #section_swiper .button-wrap .small-box-wrap-left p{font-size:16px;margin:0;} h1, h1 span{font-size:35px;line-height:40px;} h2, h2 span{font-size:25px;line-height:30px;} h3, h3 span{font-size:20px;line-height:25px;} h5, h5 span{font-size:14px;line-height:20px;margin:0;} p{font-size:14px;line-height:20px;} .custom-container{max-width:90%;overflow:hidden;} .head-title p{font-size:14px;} .modal-content-1{width:100%;} .modal-content-1 iframe{height:300px;} .text-end{text-align:center!important;} .button-option-1, .button-option-2, .button-option-3, .button-option-4, .button-option-5{font-size:14px;} /*banner*/ #section_swiper .swiper-image{width:100%;height:0;} #section_swiper .column-wrap{padding:0 2rem;height:calc(70vh - 85px);} .swiper-slide{display:block!important;} #section_swiper .column-wrap p{width:100%;} #section_swiper .column-wrap ul{width:100%;} #section_swiper .column-wrap ul li{text-align:center;} #section_swiper .column-wrap ul li p{padding:0;} #section_swiper .column-wrap h1, #section_swiper .column-wrap h1 span{font-size:50px;} /*home-content*/ #section_super{padding-top:10rem;} #section_super .d-flex{display:block!important;} #section_super .default-card{padding:2rem;margin:0;} #section_super .card-1, #section_super .card-2, #section_super .card-3, #section_super .card-4{max-width:100%;margin-top:15px;height:280px;} #section_super .default-card h5{font-size:14px;} #section_super .default-card.card-1 h2, #section_super .default-card.card-2 h2, #section_super .default-card.card-3 h2, #section_super .default-card.card-4 h2{font-size:20px;line-height:25px;} #section_super .card-4{background-color:var(--whiteF2F);background-position:center bottom;background-size:125%} #section_super .card-1:hover, #section_super .card-2:hover, #section_super .card-3:hover, #section_super .card-4:hover{transform:scale(1);} #section_client .mt-5, #section_client .mb-5{margin:0!important;} #section_tab .background-tab{padding:3rem 0 0 0;} #section_tab .tab{display:inline-flex;width:max-content;margin:5% auto;overflow-x:scroll;} #section_tab .tab button{font-size:14px;padding:1.5rem;margin:0;} #section_tab .tab img{max-width: 25%;right: 0;top:20%;transform:translateY(0);} #tab_content_1 h3 br{display:none;} #tab_content_2, #tab_content_1, .module-content{padding:2rem;} #tab_content_1 ul.list, #tab_content_2 ul.list{grid-template-columns:50% 50% 50%;text-align:center;overflow-x:scroll;} #tab_content_1 ul.list li, #tab_content_2 ul.list li{padding:20px 15px;margin:0;min-height:auto;} #tab_content_1 img, #tab_content_2 img{max-width:50px;margin:0 auto;float:none;} #tab_content_1 ul.list li b, #tab_content_2 ul.list li b{margin:10px 0;font-size:12px;line-height:16px;} #tab_content_1 ul.list li span, #tab_content_2 ul.list li span{display:none;} .main_title{font-size: 42px;line-height: 41px;padding-bottom: 24px;} #section_main_title.home_section{padding:40px 0 0 0;} #section_main_title.pricing_section{background:none;padding:40px 0 0 0;min-height: 0;} .small-box{margin: 0;} .mobile-hidden{display: none;} .button-option-6{padding: 15px 8px;} .button-option-7{padding: 15px 8px;} #section_analytics .part-left-analytics h4{padding:0;} #section_analytics .part-left-analytics{width:90%;margin:0 auto;padding-bottom:0;} #section_analytics .part-right-analytics{width:90%;margin:0 auto;padding:3rem 0 0 0;} #section_analytics p{line-height:25px;} #section_analytics .part-right-analytics .text-box{padding:2rem;margin:1rem auto 0 auto;} #section_game .background-game .text-wrap{padding:5rem 0 3rem 0;} #section_game .background-game .text-wrap h1{max-width:90%;} #section_game ul{display:inline-block;} #section_game ul li{justify-content:center;padding:5px 0;display:inline-flex;} #section_game ul li svg{margin-left:10px;} #section_game ul li p{font-size:14px;line-height:20px;} #section_game .background-game .a-wrap a{display:block;text-align:center;width:60%;margin:10px auto;padding:1.5rem 2.5rem;} #section_game .background-game .a-wrap a:nth-child(1){margin:auto;} #section_game .img-mobile{max-width:80%;} #section_game .slick-center img{max-width:60%;} #section_game .part-right-showcase{margin-top:-50%;} #section_game .image-wrap{max-width:100%;width:100%;} #section_game .image-wrap img{max-width:150%;width:150%;} #section_game .part-right-showcase .text-wrap{padding:3rem;} #section_game .part-right-showcase .text-wrap .row .col-lg-6{width:100%;} #section_game .part-right-showcase .text-wrap .row:nth-child(even) .col-lg-6{width:50%;} #section_game .part-right-showcase .text-wrap > .row p{min-height:40px;font-size:16px;line-height:20px;} #section_game .part-right-showcase .text-wrap > .row .details{padding:0;} #section_game .part-right-showcase .text-wrap > .row .details p{font-size:16px;line-height:20px;padding:5px 0;} #section_game .part-right-showcase .text-wrap > .row h5{font-size:14px;} #section_game .display-fake-button{padding:15px 0;} #section_game .fake-mobile .display-fake-button div{width:10px;height:10px;} #section_news_updates{padding:3rem 0;} #section_news_updates .custom-container{max-width:80%;margin:0 auto;} #section_news_updates .list-content .sub-button{right:20%;margin-top:50%;z-index:5;} #section_news_updates .list-content img{max-width:100%;right:0;z-index:3;} #section_news_updates h3, #section_news_updates h3 span{font-size:40px;line-height:50px;} #section_news_updates .list-content:first-child{margin-top:2rem;} #section_news_updates .list-content h4{max-width:100%;} #section_news_updates .list-content .a-wrap a{display:inline-block;margin-bottom:10px;padding:15px;} #section_news_updates .list-content{padding:2rem 0;} #section_news_updates .news-content-2 .background-default{margin-bottom:1rem;} #section_news_updates .news-content-2 .row, #section_news_updates .news-content-3 .row{height:auto;} #section_news_updates .news-content-3 .img-wrap{display:none;} #section_subscribe .background-subscribe{padding:3rem 0;background-position: -300px 0;} #section_subscribe .background-subscribe form input{margin:0 0 15px 0;font-size:14px;padding:16px 30px;width:85%;} #section_subscribe .background-subscribe form button{padding:1.5rem 2.5rem;margin:1rem auto;width:85%;} footer{padding:3rem 0;} footer img{max-width:max-content;} footer p{max-width:100%;} .hide-mobile{display:none;} .footer-col .social-links a{margin:0 5px 10px 5px;} footer .row{margin:0;} /*key-feature*/ #section_title{height:auto;margin-top:85px;padding:50px 0;} #section_title .text-wrap{padding:0;} #section_title h1, #section_title h1 span{font-size:30px;line-height:40px;} #section_title h1 br, .head-title h2 br, #section_key_plug h2 br{display:none;} #section_title .text-wrap p{display:none;} #section_title .row{margin:0 auto;} #section_title .row img{max-width:40%;} #section_nav_control{top:85px;} #section_nav_control ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;width:100%;} #section_title .custom-container{padding-top:0;} .display-fake-button{padding:1rem;} .display-fake-button div{width:10px;height:10px;margin-right:5px;} #section_nav_control ul li a{font-size:14px;} #section_new_level{padding:3rem 0 0 0;} #section_new_level iframe{height:300px;} .head-title h2, .head-title h2 span{font-size:30px;line-height:35px;float:none;margin:0 auto;max-width:100%;margin-bottom:2rem;min-height:auto;} .key-content > div:only-child, .plug-content > div:only-child{padding:5rem 0;} .key-content ul{grid-template-columns:33.33% 33.33% 33.33%;} .key-content ul li{padding:5px;} .key-content ul li div{width:100%;height:auto;padding:10px;} .key-content ul li span{height:50px;width:80px;} .tooltip-body .tooltip-text{left:10%;width:300px;} #section_key_plug ul{grid-template-columns:auto;} #section_key_plug ul li p{font-size:16px;} .plug-content .col-lg-5 ul{grid-template-columns:auto auto;} hr{margin:10% auto;} .plug-content .col-lg-5{margin-top:2rem;} .plug-content .col-lg-7 .d-flex{overflow-x:scroll;overflow-y:hidden;} .plug-content .col-lg-7 .d-flex img{width:auto;max-width:max-content;} #section_category_nav{top:85px;} #controlCatergory{white-space:nowrap;display:inline-block;width:100%;overflow-x:scroll;padding:20px 0;overflow-y:hidden;} #section_category_nav .category-btn, #section_category_nav .dropbtn, #section_category_nav .sub-category-btn{font-size:14px;} #section_filter_content .filter_game span{font-size:12px;} #section_filter_content{min-height:auto;} #section_category_nav .dropdown-content{position:fixed;top:158px;} #section_category_nav .dropdown:hover .dropdown-content{width:200px;white-space:normal;left:15%;} #section_nav_control > div:only-child{padding:20px 0;} /*game-library*/ .marginY-5-auto{margin:10% auto;} #section_filter_content .filter_game{max-width:50%;padding:0 5px;} #section_regional ul li{width:50%;padding-right:0;} #section_become_our_partners h2{font-size:25px;line-height:35px;} #section_become_our_partners .background-gradient-3{padding:3rem 0;} #section_become_our_partners a{padding:1.5rem 2.5rem;} #section_become_our_partners p{font-size:14px;} #section_multiplate_design .row{margin:0;} #section_multiplate_design .left-part-content{min-height:50vh;padding:0;} #section_multiplate_design .right-part-form{position:relative;overflow:unset;height:auto;min-height:auto;} #section_multiplate_design .r-content{padding:0;} #section_multiplate_design .r-content .image-wrap{margin-top:3rem;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(1){left: auto;transform:translateX(-0%);margin:0 auto;} #section_multiplate_design .r-h3, #section_multiplate_design .r-h3 span, #section_multiplate_design .left-part-content h4{font-size:30px;line-height:40px;} #section_multiplate_design .r-h3 br{display:none;} #section_multiplate_design .left-part-content .custom-container .r-content .image-wrap img:nth-child(4){bottom:-16%;left:-8%;z-index:-1;} #section_multiplate_design .right-part-form .custom-container{max-width:80%;} #section_multiplate_design .right-part-form h4{margin:2rem 0;} #section_multiplate_design form .form-check label, #section_multiplate_design form .form-check a{text-align:left;line-height:20px;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(6){max-width:60%;z-index:2;pointer-events:none;} #section_multiplate_design .left-part-content .game-wrap img{max-width:55%;margin:15% auto 0 auto;} #section_multiplate_design .left-part-content .custom-container .image-wrap img:nth-child(7){display:none;} #section_multiplate_design form .form-group{padding:10px 0;} #section_multiplate_design .video-wrap iframe{height:200px;} /*brand*/ #section_omnichannel .d-flex{display:block!important;} #section_omnichannel .card-list{max-width:100%;display:inline-block;margin-bottom:15px;} #section_omnichannel .card-list img{max-width:30%;margin:15px;} #section_omnichannel .card-list h4{font-size:20px;} #section_omnichannel .card-1, #section_omnichannel .card-2, #section_omnichannel .card-3, #section_omnichannel .card-4, #section_omnichannel .card-5{max-width:100%;padding:15px;height:200px;margin-bottom:10px;} #section_omnichannel .default-card.card-1 h3, #section_omnichannel .default-card.card-2 h3, #section_omnichannel .default-card.card-3 h3, #section_omnichannel .default-card.card-4 h3, #section_omnichannel .default-card.card-5 h3{width:100%;line-height:25px;font-size:20px} #section_omnichannel .default-card h5{margin-top:20px;} /*updates*/ #section_updates_top{margin-top:85px;} #section_updates_top .row{margin:0;} #section_updates_top .row .col-lg-6:nth-child(2){padding:2rem;} #section_updates_top .tab{display:block;top:35%;left: 50%;right:auto;transform: translate(-50%, 0%);} #section_filter_content .filter_article{max-width:100%;margin:0 0 15px 0;} .new-detail-banner{margin-top:85px;} .new-detail-banner img{height:auto;} #section_content_article img{margin:1rem auto;} #section_content_article h3{font-size:25px;line-height:35px;} #section_content_article .col-lg-9, #section_content_article .col-lg-3{margin-top:3rem;} #section_control_previous_next h3, #section_control_previous h3, #section_control_previous_next span{display:none!important;} #section_control_previous_next .row>*{width:50%;} #section_control_previous_next .text-end{text-align:right!important;} #section_content_article iframe{width:100%;} /*who-we-are*/ #section_video iframe{height:250px;} #section_banner p{padding-right:0;} #section_banner{padding:0 0 5rem 0} #section_staff{margin:0 auto 5rem auto;} /*pricing*/ .price-table{overflow:auto;} .price-table .table>thead{position:inherit;} .price-table .table, .price-table .table>thead th{width:600px;} .price-table p{display:none;} .price-table .table>:not(caption)>*>*{padding:1.5rem;} .price-table .tt{margin:10px 0;float:left;} .price-table .plugins .tt{float:right;margin-top:-4%;} .price-table .plugins th h6{position:relative;top: 15px;} #section_become_our_partners .custom-built-bg{background:linear-gradient(30deg, rgba(128, 195, 65, 1) 0%, rgba(38, 169, 74, 1) 40%, rgba(0, 133, 113, 1) 85%);} .custom-built-bg h4{font-size:50px;line-height:60px;} #section_faq{padding:3rem 0 0 0;} .faq-wrapper h3, .faq-wrapper h3 span{font-size:25px;line-height:30px;margin-bottom:3rem;} .accordion-body{padding:1rem 2rem 3rem 2rem;} .accordion-button{text-align:center;line-height:25px;display:block;} #section_faq.head-title h2{margin-bottom:1rem;} }