/* why_um_content_banner_box */
.why_um_content_banner_box{background-color: rgba(255, 255, 255, 1);padding-top: 100px;}
.why_um_content .why_um_content_banner_box .inner{padding-top: 0;}
.why_um_content_banner_box .banner_top {position: relative;display: flex;justify-content: space-between;align-items: center;padding-top:70px;padding-bottom: 40px; }
.why_um_content_banner_box .banner_top .banner_top_text{max-width: 705px;margin-right: 10px;}
.why_um_content_banner_box .banner_top h1 {font-size: 64px;color: #11140F;line-height: 1;margin-bottom: 24px;font-weight: 350;}
.why_um_content_banner_box .banner_top p{font-size: 24px;font-weight: 350;color:rgba(126, 126, 126, 1);margin: 0 0 52px;}
.why_um_content_banner_box .banner_top h1 span {color: #11140f99;}
.why_um_content_banner_box .banner_top_box{display: flex;justify-content: space-around;}
.why_um_content_banner_box .banner_top_box .black_button_green{max-width: 354px;margin-right: 10px;}
.why_um_content_banner_box .banner_top_box .green_button{max-width: 326px;}

/* why_um_content_banner */ 
.why_um_content .inner{padding-top: 80px; max-width: 1350px;}
.why_um_content_banner .banner_bottom { background: rgba(255, 255, 255, 1);}
.why_um_content_banner .banner_bottom ul .banner_bottom_box {display: flex;align-items: center;justify-content: space-between;}
.why_um_content_banner .banner_bottom ul .banner_bottom_row {background: #FFFFFF66;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_left{max-width: 50%;width: 100%;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_left img{width: 100%;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right {max-width: 616px;width: 100%;padding: 0 24px;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right h4 {font-size: 24px;font-weight: 600;line-height: 1.3;text-align: left;color: #3E4233;margin-bottom: 24px;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p {font-size: 16px;line-height: 1.3;text-align: left;color: #3E4233;margin-bottom: 24px;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p:last-child{margin-bottom: 0;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p a{color: #3E4233;}
.why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right a{color: rgba(48, 142, 4, 1);font-size: 16px;font-weight: 350;text-decoration: underline;text-underline-offset: 3px;}

/* app_details_content */
.app_details_content{display: flex;justify-content: space-between;padding-top: 122px;}
.app_details_content .details_content_img{margin-right: 5px;}
.details_content_img p{text-transform: uppercase;margin-bottom: 45px;color: #11140F;font-size: 16px;word-spacing: 10px;}
.details_content_text{overflow-y: scroll;max-width: 523px;width: 100%;height:565px;direction:ltr;padding-right: 63px;}
.details_content_text::-webkit-scrollbar{width: 4px;color: #11140F;}
.details_content_text::-webkit-scrollbar-thumb{border-radius: 10px;background: #11140F;}
.details_content_text::-webkit-scrollbar-track{border-radius: 0;background: #FFFFFF;}
.details_content_text::-webkit-scrollbar-button{height: 0;}
.details_content_text .text_box.frist_box h3{margin-top: 0;margin-bottom: 26px;}
.details_content_text .text_box{padding-bottom: 32px;border-bottom: 1px solid #11140F0D;direction: ltr;display: flex;align-items: center;}
.details_content_text .text_box img {margin-right: 24px;}
.details_content_text .text_box h3{margin-bottom: 26px;font-size: 36px;color: #3E4233;margin-top: 32px;line-height: 1.3;}
.details_content_text .text_box p{font-size: 20px;color: #11140FB2;margin-bottom: 0;line-height: 1.375;}
.details_content_text .text_box p a{text-decoration: underline;text-underline-offset: 5px;color: #11140FB2;}

/* discover_um_reviews */
.discover_um_reviews{background: rgba(255, 255, 255, 1);border-radius: 20px;margin-top: 20px;}
.discover_um_reviews .discover_um_reviews_title{display: flex;align-items: center;justify-content: space-between;}
.discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text{padding: 0 40px;max-width: 724px;}
.discover_um_reviews .discover_um_reviews_title .discover_um_reviews_image img{border-radius:  0 20px 20px 0;}
.discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text h3{color: rgba(17, 20, 15, 1);font-size: 36px;font-weight: 350;margin-bottom: 24px;}
.discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text p{font-size: 20px;color:rgba(17, 20, 15, 0.7);font-weight: 350;line-height: 1.6;margin-bottom: 24px;}
.discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text a{max-width: 287px;}

/* why_um_ios_App_wrap */
.why_um_ios_App_wrap .inner{padding-top: 0px; padding-bottom: 80px;}
.why_um_ios_App{background: url(/images/qt/why_um_content_award_bg.webp) no-repeat;border-radius: 20px; background-size: cover;}
.why_um_ios_App_conter{background: url(/images/qt/why_um_content_award_iphone.webp) no-repeat;background-position: 450px -220px;}
.why_um_ios_App_text{padding: 37px 0 37px 64px;max-width: 818px;}
.why_um_ios_App_text h2{font-size: 34px; color: rgba(297, 221, 252, 1); font-weight: 600;margin-bottom: 16px;}
.why_un_ios_image .img_left{margin-right: 20px;}
/* why_um_content_market_wrap */
.why_um_content_market_wrap{background: rgba(255, 255, 255, 1);}
.why_um_content_market_wrap .inner{padding-bottom: 80px;}
.why_um_content_market h3 {font-size: 36px;font-weight: 600;line-height: 1.3;text-align: center;color: #3E4233;margin-bottom: 0px;}
.why_um_content_market .content_market_text {font-size: 24px;line-height: 1.3;text-align: center;color: #7E7E7E;margin-bottom: 40px;}
.why_um_content_market ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.why_um_content_market ul li {width: 23%;background: #fff;border: 1px solid #D9D9D9;border-radius: 16px;}
.why_um_content_market ul li .market_text_box {margin: 0 auto;max-width: 298px;width: 100%;text-align: center;}
.why_um_content_market ul li img {border-radius: 16px 16px 0 0;}
.why_um_content_market ul li .market_text_row {padding: 20px;}
.why_um_content_market ul li .market_text_tag {max-width: 64px;width: 100%;height:30px;padding: 8px 16px 8px 16px;border-radius: 16px;background: #EFEFEF;font-size: 16px;line-height: 1.2;color: #000;margin-bottom: 10px;}
.why_um_content_market ul li h4 {font-size: 24px;font-weight: 600;line-height: 1.2;text-align: left;color: #11140F;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.why_um_content_market ul li p {font-size: 16px;line-height: 1.4;text-align: left;color: #292C33;margin-bottom: 20px;height: 90px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.why_um_content_market ul li .green_button {max-width: 176px;width: 100%;height: 43px;font-size: 14px;}
.why_um_content_market .market_text_btn {display: block;font-size: 18px;line-height: 1.5;color: #000;max-width: 189px;width: 100%;padding: 8px 16px 8px 16px;border-radius: 8px;background: rgba(247, 247, 247, 1);margin: 30px auto 0;cursor: pointer; text-align: center;}

.article_text {position: relative;}
.article_label {margin: 20px 0 5px;}
.article_label .label_tag {max-width: max-content;overflow: hidden;height: 24px;text-align: right;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.article_label .label_tag>a {color: black;background-color: #EFEFEF;display: inline-block;padding: 0 20px;border-radius: 50px;font-size: 12px;line-height: 24px;white-space: nowrap;cursor: pointer;counter-increment: num;}
.article_label .label_tag>.post_single_a {display: none;}
.article_label .label_tag>a:first-child {margin-right: 5px;}
.label_tag_box {position: relative;display: flex}
.overflow_box {margin-left: 5px;background-color: #EFEFEF;color: #000;padding: 0 10px;border-radius: 50px;display: none;cursor: pointer;height: 24px;line-height: 24px;}
.hidden_content {display: none;position: absolute;z-index: 9;white-space: normal;bottom: 30px;right: 0;width: auto;}
.hidden_content>a {color: #000;background-color: #EFEFEF;display: block;margin-top: 5px;text-align: center;border-radius: 10px;padding: 0 8px;width: auto;}
@media (max-width:1240px) {
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right h4{margin-bottom: 20px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p{margin-bottom: 20px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text h3{margin-bottom: 15px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text p{margin-bottom: 15px;}
}
@media (max-width:1150px) {
    .details_content_img p{word-spacing: 5px;}
    .details_content_text{padding-left: 50px; height: 410px;}
    .why_um_content_banner_box .banner_top h1{font-size: 60px;}
    .why_um_content_banner_box .banner_top p{font-size: 20px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right h4{font-size: 20px;margin-bottom: 10px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p{margin-bottom: 10px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text h3{margin-bottom: 10px;font-size: 32px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text p{line-height: 1.25;font-size: 16px;}

    .why_um_ios_App_text{max-width: 650px;}
    .why_um_ios_App_text h2{font-size: 27px;}
    .why_un_ios_image img{max-width:200px}
    .why_um_ios_App_conter{background-position: 220px -220px;}
}
@media (max-width:1124px) {
    .why_um_content_banner_box .banner_top h1{font-size: 50px;}
    .why_um_content_banner_box .banner_top p{margin-bottom: 45px;}
}
@media (max-width:1024px) {
    .why_um_content_banner {margin-bottom: 80px;}
    .why_um_content_banner .banner_bottom {padding: 40px 40px 40px;}
    .why_um_content_market ul {justify-content: center;}
    .why_um_content_market ul li {width: 36%;margin: 0 auto 24px;}
    .why_um_content_market ul li .market_text_box {max-width: 100%;}
    
}
@media (max-width:980px) {
    .why_um_content_banner .banner_bottom ul .banner_bottom_box {flex-wrap: wrap;padding:10px 20px;justify-content: center}
    .why_um_content_banner .banner_bottom ul .banner_bottom_row{flex-direction: column-reverse;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right h4 {font-size: 24px;margin-left: 0px;margin-top: 15px;width: 100%;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right {flex-wrap: wrap;padding: 0px 0 20px;max-width: 100%;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right {padding: 0px 0 20px;max-width: 100%;}
    .why_um_content .inner{padding-top: 60px;}
}
@media (max-width:950px) {
    .why_um_content_banner_box .banner_top_box .black_button_green{font-size: 16px;}
    .why_um_content_banner_box .banner_top_box .green_button{font-size: 20px;}
    .why_um_content_banner_box .banner_top h1{margin-bottom: 20px;}
    .why_um_content_market ul li {width: 40%;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text{padding: 0 20px 0 40px;}
}
@media (max-width:895px) {
    .why_um_content_banner_box .banner_top h1{font-size: 44px;}
    .why_um_content_banner_box .banner_top p{font-size: 18px;}
    .why_um_content_banner_box .banner_top p{margin-bottom: 40px;}
    .why_um_content_banner_box .banner_top_box .black_button_green{font-size: 18px;}
    .why_um_content_banner_box .banner_top_box .green_button{font-size: 18px;}

    .why_um_ios_App_text{max-width: 550px;}
    .why_um_ios_App_text h2{font-size: 24px;}
    .why_un_ios_image img{max-width: 150px;}
    .why_um_ios_App_conter {background-position: 20px -220px;}
}
@media (max-width:808px) {
    .why_um_content_banner_box .banner_top h1{font-size: 40px;}
    .why_um_content_banner_box .banner_top_box .black_button_green{font-size: 16px;}
    .why_um_content_banner_box .banner_top_box .green_button{font-size: 16px;}
}
@media (max-width:768px) {
    .why_um_content_banner_box .banner_top_box{flex-direction: column;align-items: center;}
    .why_um_content_banner_box .banner_top_box .black_button_green{margin-right: 0;max-width: 450px;margin-bottom: 30px;width: 100%;}
    .why_um_content_banner_box .banner_top_box .green_button{max-width: 450px;}
    .why_um_content_banner_box{padding-top: 64px;}
    .why_um_content_banner_box .banner_top{flex-direction: column-reverse;padding-top: 0px;padding-bottom: 20px;}
    .why_um_content_banner_box .banner_top .banner_top_text{margin-right: 0;margin-top: 20px;}
    .why_um_content_banner {margin-bottom: 20px;}
    .why_um_content_banner_box .banner_top h1 {text-align: center;}
    .why_um_content_banner_box .banner_top p{text-align: center;}
    
    .details_content_text{padding-left: 0px;overflow-y: inherit;height: auto;padding-right: 0;}
    .app_details_content{flex-wrap: wrap; justify-content: center;padding-top: 30px;}
    .app_details_content .details_content_img{margin-right: 0;}
    .details_content_img p{margin-bottom: 20px;}
    .details_content_text .text_box{padding: 0px 23px 32px;}
    .details_content_text .text_box h3{line-height: 1;font-size: 36px;}
    .details_content_text .text_box p{font-size: 16px;}

    .why_um_content_market ul li {width: 47%;}
    .why_um_content .inner{padding-top: 40px; padding-bottom: 40px;}
    .why_um_content_banner .banner_bottom{padding: 20px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box{padding: 10px 20px;}

    .discover_um_reviews .discover_um_reviews_title{flex-direction: column;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text{padding:35px 20px;display: flex;flex-wrap: wrap;justify-content: center;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text p{font-size: 20px;line-height: 1.6;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text h3{font-size: 36px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_image img{border-radius: 0;}

    .why_um_ios_App_text {max-width: 400px;}
    .why_um_ios_App_conter{background-position: 300px -87px;background-size: 504px 380px;}
    .why_um_ios_App_text{padding: 37px 0 37px 30px;}
}
@media (max-width:642px) {
    .why_um_content_banner {margin-left: -20px;margin-right: -20px;}
    .why_um_content_banner .banner_bottom {padding: 40px 0px 40px;}
    .why_um_ios_App_conter{background-position: 196px -104px;background-size: 504px 351px;}
    .why_um_ios_App_text h2 {font-size: 20px;}
    .why_um_ios_App_text {padding: 27px 0 27px 30px;}
    .why_un_ios_image img {max-width: 120px;}
    .why_um_ios_App_text {max-width: 300px;}
}
@media (max-width:618px) {
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_image img{border-radius: 0 0 20px 20px;}
    .why_um_content_banner_box .banner_top_box .black_button_green{margin-bottom:15px}
}
@media (max-width:568px) {
    .why_un_ios_image .img_left{margin-right: 10px;}
    .why_um_ios_App_conter {background-position: 138px -104px;background-size: 504px 351px;}
    .why_un_ios_image img{max-width: 100px;}
}
@media (max-width:500px) {
    .why_um_content_banner_box .banner_top img {right: 0;}
    .why_um_content_market ul li {width: 90%;}
    .details_content_text .text_box{flex-direction: column;margin-bottom: 25px;}
    .details_content_text .text_box img{margin-right: 0;}
    .details_content_text .text_box h3{text-align: center;margin-top: 20px;margin-bottom: 15px;}
    .details_content_text .text_box p{text-align: center;}
    .details_content_text .text_box.frist_box h3{margin-top: 20px;margin-bottom: 15px;}

    .why_um_ios_App_wrap .inner{ padding-left: 0px;padding-right: 0px;padding-top: 0px;}
    .why_um_ios_App_text{padding: 20px 0 20px 20px;}
    .why_um_ios_App{border-radius: 0;}
}
@media (max-width:430px) {
    .why_um_content .why_um_content_banner_box .inner{padding: 0;}
    .why_um_content_banner_box .banner_top .banner_top_text{padding: 0 20px;}
    .why_um_content_banner_box .banner_top h1{font-size: 36px;margin-bottom: 15px;}
    .why_um_content_banner_box .banner_top p{font-size: 16px;margin-bottom: 30px;}

    .why_um_ios_App_text h2{font-size: 16px;}
    .why_un_ios_image img{max-width: 82px;}
    .why_um_ios_App_text{max-width: 231px;}
    .why_um_ios_App_conter {background-position: 163px -54px;background-size: 325px 235px;}
}
@media (max-width:390px) {
    .why_um_content_market ul li {width: 100%;}
    .why_um_content_banner_box .banner_top_box .black_button_green{height: 43px;max-width: 310px;}
    .why_um_content_banner_box .banner_top_box .green_button{height: 43px;max-width: 310px;}
    .why_um_ios_App_conter {background-position: 170px -66px;background-size: 250px 250px;}

}
@media (max-width:364px) {
    .why_um_content_banner_box .banner_top h1{font-size: 34px;}
    .why_um_content_banner_box .banner_top p{margin-bottom: 20px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right h4{font-size: 22px;}
    .why_um_content_banner .banner_bottom ul .banner_bottom_box .banner_bottom_box_right p{font-size: 14px;}
    .why_um_content_banner .banner_bottom{padding: 40px 0 20px;}
    .details_content_text .text_box h3{font-size: 28px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text h3{font-size: 28px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text p{font-size: 16px;}
    .discover_um_reviews .discover_um_reviews_title .discover_um_reviews_text a{font-size: 18px;}
    .why_um_content_market h3{font-size: 28px;}
    .why_um_content_market .content_market_text{font-size: 20px;}
}




.excellent_performance_awards {position: relative;z-index: 12;padding: 40px 0;}
.excellent_performance_awards h2 {font-size: 36px;font-weight: 600;color: #3E4233;text-align: center;margin-bottom: 0;line-height: 1.3;}
.excellent_performance_awards p {font-size: 24px;color: #7E7E7E;text-align: center;margin: 0 auto;}
.excellent_performance_awards ul {max-width: 1282px;margin: 50px auto 0;display: flex; flex-wrap: wrap;justify-content: center; gap: 72px; list-style: none; padding: 0;}
.excellent_performance_awards ul li {max-width: 260px;width:100%;text-align: center;margin-bottom: 50px;
 flex: 1 1 calc(25% - 10px);box-sizing: border-box;}
.excellent_performance_awards ul:last-child li{margin-bottom: 0;}
.excellent_performance_awards ul li:last-child{margin-right: 0;}
.excellent_performance_awards ul p{font-size: 16px;color:#000000;text-align: center;margin: 0 auto;text-transform: capitalize;}
.excellent_performance_awards ul p span{font-size: 14px;color:#7E7E7E;text-align: center;margin: 0 auto;display: block;font-style: italic;}
.excellent_performance_awards ul li .img_box{min-height: 210px;} 
.excellent_performance_awards ul li:nth-child(n+5):nth-child(-n+7) {
    flex: 1 1 calc(33.33% - 10px);
}	 
.excellent_performance_awards ul li:nth-child(n+8):nth-child(-n+9) {
    flex: 1 1 calc(50% - 10px); 
}   
.excellent_performance_awards ul li:nth-of-type(5){margin-left: 80px;}
  @media(max-width:1312px){
    .excellent_performance_awards ul li:nth-of-type(5){margin-left:0}
}
@media(max-width:1020px){
    .excellent_performance_awards ul{gap:40px}
}
@media(max-width:940px){
    .excellent_performance_awards ul li{flex: 1 1 calc(50% - 10px);}
    .excellent_performance_awards ul li:nth-child(n+5):nth-child(-n+7) {
        flex: 1 1 calc(50% - 10px);
    }	 
    .excellent_performance_awards ul li:nth-child(n+8):nth-child(-n+9) {
        flex: 1 1 calc(50% - 10px); 
    }   
}
@media(max-width:768px){
    .excellent_performance_awards ul li {max-width: 230px;margin-bottom: 30px;}
    .excellent_performance_awards h2{font-size: 30px;}
    .excellent_performance_awards p{font-size: 18px;}
}
 @media(max-width:600px){
    .excellent_performance_awards ul li{flex: 1 1 100%;}
    .excellent_performance_awards ul li:nth-child(n+5):nth-child(-n+7) {flex: 1 1 100%;}	 
    .excellent_performance_awards ul li:nth-child(n+8):nth-child(-n+9) { flex: 1 1 100%;} 
}
 @media(max-width:500px){
    .excellent_performance_awards ul li .img_box{min-height: auto;margin-bottom: 20px;}
}

