html,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
    /* letter-spacing: 1px; */
}
p {
    /* margin: 0; */
    margin: 0;
    font-size: 1em;
    color: #777;
    line-height: 1.9em;
    letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
}


body {
    /* color: #666; */
    /* font-family: 'Open Sans', sans-serif; */
}

.primary-bg {
    background-color: skyblue;
    
}
.navbar {
    background-color: #fff;
}
.navbar .nav-link{
    margin-right: 16px;
}
.navbar .nav-item.active .nav-link {
    /* color: #05adf2 !important; */
}
.navbar img {
    margin-right: 30px;
    transform: scale(2);
}
.footer {
    /* padding: 40px 0; */
    /* color: #fff; */
    background-color: #232d31;
}
.footer  .part {
    padding-top: 40px;
    margin-bottom: 30px;
}
.footer  .part .row {
    align-items: initial;
}

.footer  .part h3{
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
.footer  .part svg {
    margin-right: 4px;
    color: skyblue;
}
.footer .copyright {
    color: #fff;
    opacity: 0.6;
    padding: 20px;
    border-top: 1px solid #555;
}


.footer a, 
.footer span{
    color: #fff;
    opacity: 0.6;
    font-size: 15px;
    /* text-decoration: underline; */
}
.footer a:hover {
    opacity: 1;
    text-decoration: none;
}

.home-page p {
    /* font-family: ; */
}
.home-page .part {
    /* padding: 20px 0; */
}
.home-page .part,
.aboutus-page .part {
    padding: 20px 0;
}
.home-page .row,
.aboutus-page .part .row{
    align-items: center;
}
.home-page h4 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #333;
}
.home-page p {
    font-size: 18px;
    /* color: #515151; */
}
.home-page .banner {
    width: 100%;
    height: 500px;
    padding: 160px 0 0 160px;
    box-sizing: border-box;
    background-image: url('../images/main-banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.home-page .banner p {
    max-width: 320px;
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff;
}
.home-page .banner a {
    color: #fff;
}
.home-page .banner div {
    height: 52px;
    width: 180px;
    border-radius: 10px;
    background-color: #4982f1;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    line-height: 52px;
    cursor: pointer;
}

.aboutus-page .main {
    color: #fff;
   background-image: linear-gradient(180deg, #4bbbeb 0%, #8878cb 50%, #c35fb8 70%);
}
.aboutus-page .main p, .aboutus-page .main p{
    color: #fff;
}

.aboutus-page .title {
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    padding: 20px 0;
    /* color: #32323C; */
}

.aboutus-page .part {
    padding: 30px 0;
}
.aboutus-page .banner {
    padding: 30px 20px;
    /* background: #eff8fe; */
    /* background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    background-image: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);;
    background-image: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);; */
}
.aboutus-page .banner .number {
    font-size: 54px;
    font-weight: 500;
    line-height: 87px;
    /* color: #627286; */
}
.aboutus-page .banner p {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    /* color: #627286; */
    /* font-family: 'Courier New', Courier, monospace; */
}

.aboutus-page .part .row {
    font-size: 18px;
}

.aboutus-page .value {
    /* background-image: linear-gradient(#9cdffc,#7fcff2); */
    /* background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    background-image: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);;
    background-image: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);;
    background-image: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);; */
    /* background-image: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);;
    color: #fff; */
    /* background-image: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);;
    color: #fff; */
}
.aboutus-page .value .title-wrapper {
    max-width: 520px;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 18px;
}
.aboutus-page .value .title-wrapper div {
    margin-bottom: 10px;
    /* color: #32323C; */
    /* background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); */
}
.aboutus-page .value .title-wrapper p {
    font-size: 1.2em;
}
.aboutus-page .value .part-box {
    padding: 15px 30px;
    height: 380px;
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%)
}
.aboutus-page .value .part-box div {
    font-size: 24px;
    margin-bottom: 10px;
}
.aboutus-page .value .part-box p {
    /* color: #737373; */
    line-height: 1.7em;
}
.aboutus-page .partner {
    padding: 50px 0;

}
.aboutus-page .contact {
    /* background-image: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);; */
    /* background-image: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); */
}
.aboutus-page .contact .title {
    /* color: #32323C; */
    font-weight: 600;
    margin-bottom: 30px;
}
.aboutus-page .contact ul, 
.aboutus-page .contact li{
    list-style: none;
}
.aboutus-page .contact ul {
    margin-bottom: 30px;
    /* color: #5f5f5f; */
    font-family: 'AvenirNextCyr-Bold';
}
.aboutus-page .contact li {
    margin-bottom: 6px;
}
.aboutus-page .contact ul h5 {
    font-size: 22px;
    line-height: 150%;
    font-family: 'AvenirNextCyr-Bold';
    /* color: #32323C; */
    margin-bottom: 16px;
}
.aboutus-page .contact ul a {
    color: #f8adba;
}


.adv-page .title {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: #111;
    margin-bottom: 20px;
}
.adv-page ul,
.adv-page li {
    list-style: none;
}
.adv-page .part {
    padding: 30px 0;
}
.adv-page .banner {
    width: 100%;
    height: 400px;
    padding-top: 50px;
    box-sizing: border-box;
    background-image: url('./adv/banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.adv-page .banner .tip {
    margin-left: 100px;
    max-width: 400px;
    color: #f7f7f7;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: monospace;
}
.adv-page .banner .intro {
    margin-left: 100px;
    max-width: 400px;
    color: #fff;
    opacity: 0.9;
    line-height: 1.7em;
    font-size: 17px;
} 
.adv-page .content ul {
    height: 260px;
    padding: 20px 20px 0;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 10%)
}
.adv-page .content li {
    color: #627286;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.adv-page .content h2 {
    font-size: 20px;
    /* color: #000; */
    margin-bottom: 10px;
}
.adv-page .content h3 {
    font-size: 17px;
    font-weight: normal;
    /* color: #555; */
    margin-bottom: 6px;
    /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
} 
.adv-page .accelerate ul {
    padding: 0;
}
.adv-page .accelerate ul::before {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background-color: #f33;
    margin-bottom: 10px;
}
.adv-page .accelerate .desc{
    font-size: 19px;
    font-weight: normal;
    padding: 0 80px;
    color: #515151;
    margin-bottom: 30px;
}
.adv-page .accelerate h3 {
    font-size: 18px;
    font-weight: 500;
    color: #444;
}
.adv-page .platform h2{
    font-size: 20px;
    color: #333;
}

.pub-page .part {
    padding: 30px 0;
    /* margin-bottom: 30px; */
}
.pub-page .title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    color: #596069;
}
.pub-page .platform {
    /* font-size: 32px; */
    /* text-align: center; */
    /* margin-bottom: 20px; */
}
.pub-page .platform .row {
    align-items: center;
}
.pub-page .row {
    /* align-items: center; */
}
.pub-page .banner {
    width: 100%;
    height: 400px;
    padding: 70px 100px 0;
    color: #fff;
    background-image: url('./pub/banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}
.pub-page .banner .subtitle {
    font-size: 14px;
    font-family: monospace;
    color: #dbd6d6;
}
.pub-page .banner .bigtitle {
    font-size: 32px;
    margin-bottom: 10px;
    
}
.pub-page .banner p {
    font-size: 24px;
    width: 500px;
    /* font-weight: 300; */
    color: #ebeaea;
    font-family:'Times New Roman', Times, serif
}
.pub-page .platform {
    background-color: aliceblue ;
}
.pub-page .monetize {
    background-color: azure;
}
.pub-page .monetize img {
    height: 120px;
    margin: 0 auto;
    object-fit: contain;
}
.pub-page .formats {
    /* //honeydew cornsilk */
    background-color: honeydew; 
    color: #666;
    letter-spacing: 1px;
	font-family: 'Open Sans', sans-serif;
    
}
.pub-page .formats img {
    width: 70px;
    height: 64px;
    margin-right: 12px;
    object-fit: contain;
}
.pub-page .formats .row > div {
    margin-bottom: 20px;
}








.resource-page {
    /* background-color: #232d31; */
    /* background-image: url('images/main_banne_bg.jpg'); */
}
.resource-page .letter {
    width: 60%;
    min-height: calc(100vh - 224px);
    margin:0 auto;
    padding: 40px 0;
}
.resource-page .part {
    padding-top: 100px;
    box-sizing: border-box;
    min-height: calc(100vh - 124px);
    background-image: url(../images/main_banne_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.resource-page .letter .content {
    padding: 20px 30px;
    border-radius: 12px;
    background-color: lightskyblue;
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}
.resource-page .letter .content::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    border: 20px solid lightskyblue;
    border-color: transparent;
    border-top-color: lightskyblue;
}

.resource-page .letter .company {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #2a83f9;
}
.resource-page .letter .name {
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin-bottom: 4px;
}
.resource-page .letter .pos {
    text-align: center;
    color:#e9e9e9;
}

.policy-page p {
    color: #333;
    line-height: 1.6em;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

.policy-page .section {
    margin-bottom: 16px;
    margin-top: 16px;
}
.policy-page .title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.policy-page .subtitle {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.policy-page .thirdtitle {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 6px;
}


.playable-page h2 {
    font-size: 46px;
    line-height: 56px;
    font-weight: 700;
    margin: 0 0 40px;
    /* font-family: PxGrotesk,sans-serif; */
    font-family:'PxGrotesk,sans-serif';
}
.playable-page p {
    font-size: 18px;
    line-height: 145%;
    margin: 0 0 40px;
    font-weight: 300;
}
.playable-page .btn {
    padding: 10px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 20px;
    color: #3c2869;
    font-weight: 500;
    background-color: gold;
}
.playable-page .section {
    padding: 100px 0;
}
.playable-page  img {
    display: block;
    margin: 0 auto;
}
.playable-page .part1 {
    /* background-color: #3C2869; */
    background-color: cornflowerblue;
    color: #fff;
}
.playable-page .part1 p {
    color: #fff;
}
.playable-page .part1 .btn{
    color: #3c2869;
    font-weight: 500;
    background-color: gold;
}
.playable-page .part2 {
    /* background-color: #FAF5FA; */
    background-color: aliceblue;
    color: #3C2869;
}
.playable-page .part2 p {
    color: #3C2869;
}
.playable-page .part3 {
    color: #fff;
    /* background-color: #6E7DFF; */
    background-color: darkseagreen;
}
.playable-page .part3 p {
    color: #fff;
}
.playable-page .part3  .subtitle {
    margin-bottom: 40px;
}
.playable-page .part4 {
    color: #3c2869;
    /* background-color: #CDF5FF; */
    background-color: #CDF5FF;
}
.playable-page .part4 p {
    color: #3c2869;
    font-family: 'PxGrotesk,sans-serif';
}
.playable-page .part4 .playables h2 {
   font-size: 30px;
}

.playable-page .part5 {
    color: #3c2869;
    /* background-color: #FFD700; */
    background-color: floralwhite;
}
.playable-page .part5 p {
    color: #3c2869;
}
.playable-page .part5 .row:first-of-type {
    margin-bottom: 40px;
}
/* .playable-page .part5 img {
    display: block;
    margin: 0 auto;
} */
.playable-page .part6 {
    color: #fff;
    /* background-color: #3C2869; */
    background-color: slateblue;
}
.playable-page .part6 p {
    color: #fff;
}
.playable-page .part7 {
    color: #3c2869;
    background-color: #fff;
}
.playable-page .part8 {
    color: #3c2869;
    background-color: #CDF5FF;
}
.playable-page .part8 p {
    color: #3c2869;
}
.playable-page .img-wrapper  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.playable-page .img-wrapper img {
    display: block;
}
.playable-page .part8 .bg-wrapper{
    text-align: center;
    background: url('https://vungle.com/wp-content/uploads/2021/04/master-bg-03.svg') no-repeat center center;
    background-size: contain;
    background-color: #CDF5FF;
    padding: 120px 21% 0 24% !important;
    height: 850px !important;
}
.playable-page .part8 h2 {
    max-width: 640px;
    font-size: 40px;
    margin: 0 auto 40px;
}