h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
body {
    background: linear-gradient(180deg, #F2F6FF 0%, #FFF 32.58%);
}
body.wipit{background: linear-gradient(180deg, #FAFAFA 0%, #FFF 32.58%);}

/* ar */
#ar { direction: rtl; }
#ar .content { flex-direction: row; }
#ar .hot_article_item a { margin: 0 10px 0 0; }
#ar .hot_article_title_left img { margin: 0 0 0 10px; }

.banner {
    margin: 0 auto;
    width: 94%;
    box-sizing: border-box;
    background: url('https://imobie-resource.com/en/img/iphone_unlocker_banner.png') center no-repeat;
    background-size: cover;
    border-radius: 33px;
    margin-top: 60px;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 100px 20px;
    will-change: transform;
}


.banner h1 {
    color: #FFF;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    max-width: 1200px;
}

.banner_desc {
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    max-width: 1050px;
}


.wipit .banner{background: url('https://imobie-resource.com/en/img/watermark_remover_banner.png') center no-repeat;}
.wipit .banner h1{color: #000;}
.wipit .banner .banner_desc{color: #333;}







.content {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.content_left {
    margin-right: 80px;
}

.article_item {
    max-width: 912px;
    border-bottom: 1px solid #E5E5F2;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.article_item:last-child {
    margin-bottom: 0;
}

/* new */
.content_new { 
    max-width: 1240px;
    width: 100%;
    margin-right: 0;
}

.content_new .article_item {
    max-width: 100%;
}

.article_item a {
    color: #333;
    font-family: Poppins;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.article_item a:hover {
    cursor: pointer;
    color: #227BFB;
}

.article_desc {
    color: #333;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.article_info {
    display: flex;
    align-items: center;
}

.article_info .line {
    width: 2px;
    height: 15px;
    background: #C3C3CF;
    margin: 0 16px;
}

.article_author {
    display: flex;
    align-items: center;
}

.author_by {
    color: #999;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
}

.article_author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 8px;
    object-fit: cover;
}

.author_name {
    color: #227BFB;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
}
.wipit .author_name{color: #2AC081;}

.article_date {
    color: #999;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
}

.product_banner {
    width: 408px;
    border-radius: 32px;
    background-color: #fff;
    padding: 40px 24px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.product_banner_title {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    text-decoration: none;
    cursor: pointer;
}

.product_banner a {
    color: #000;
}

.product_banner a:hover {
    color: #000;
}

.product_banner_title svg, .product_banner_title img {
    margin-right: 10px;
}

.product_banner_list {
    margin-bottom: 36px;
}

.product_banner_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.product_banner_item:last-child {
    margin-bottom: 0;
}

.product_banner_item span {
    flex: 1;
    color: #333;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
}

.product_banner_item svg {
    margin-right: 10px;
    margin-top: 7px;
}

.product_banner_download {
    width: 240px;
    height: 64px;
    border-radius: 12px;
    background: #1D1F1E;
    box-shadow: 0px 1.3px 104px 0px rgba(17, 121, 252, 0.05);
    cursor: pointer;
    margin: 0 auto;
}

.product_banner_download svg {
    margin-left: 9px;
    transition: all 0.3s ease-in-out;
}

.product_banner_download a {
    text-decoration: none;
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_banner_download a:hover {
    color: #FFF;
}

.product_banner_download:hover svg {
    transform: translateY(6px);
}

.au_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/au_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.dk_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/dk_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.pr_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/pr_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.mirror_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/mirror_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.wipit_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/wipit_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.vozard_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/vozard_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.af_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/af_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.screenify_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/screenify_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.ae_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/ae_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.ati_product_banner_bg {
    background: url('https://imobie-resource.com/en/img/ati_product_banner_bg.png') center no-repeat;
    background-size: cover;
}

.product_banner_item::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: 7px;
    margin-right: 10px;
}

.dk_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%231BAC2C"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.ati_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%232376FF"></rect><path d="M8.90723 3.46167C9.10124 3.33343 9.36521 3.35541 9.53613 3.52612C9.70705 3.69704 9.72888 3.96093 9.60059 4.15503L9.53613 4.23315L5.29395 8.47632C5.12302 8.64701 4.85904 8.66804 4.66504 8.53979L4.58691 8.47632C4.58576 8.47519 4.58415 8.47453 4.58301 8.47339L2.46191 6.35132L2.39746 6.27319C2.26941 6.07913 2.2911 5.8151 2.46191 5.64429C2.63275 5.47356 2.89679 5.45177 3.09082 5.57983L3.16895 5.64429L4.93945 7.41479L8.8291 3.52612L8.90723 3.46167Z" fill="white"></path></svg>');
}

.pr_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2304BEAA"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.af_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2318B7A5"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.au_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2318B7A5"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.screenify_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2319E292"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.ae_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%23FF501E"></rect><path d="M8.90723 3.46167C9.10124 3.33343 9.36521 3.35541 9.53613 3.52612C9.70705 3.69704 9.72888 3.96093 9.60059 4.15503L9.53613 4.23315L5.29395 8.47632C5.12302 8.64701 4.85904 8.66804 4.66504 8.53979L4.58691 8.47632C4.58576 8.47519 4.58415 8.47453 4.58301 8.47339L2.46191 6.35132L2.39746 6.27319C2.26941 6.07913 2.2911 5.8151 2.46191 5.64429C2.63275 5.47356 2.89679 5.45177 3.09082 5.57983L3.16895 5.64429L4.93945 7.41479L8.8291 3.52612L8.90723 3.46167Z" fill="white"></path></svg>');
}

.vozard_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%237242FB"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}

.mirror_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%237057EA" /><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white" /></svg>');
}

.screenify_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2319E292" /><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white" /></svg>');
}

.wipit_product_banner_bg .product_banner_item::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect width="12" height="12" rx="6" fill="%2318B7A5"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4.62669 8.51166C4.61164 8.49974 4.59711 8.48681 4.5832 8.4729L2.46188 6.35158C2.26661 6.15632 2.26661 5.83974 2.46188 5.64448C2.65714 5.44921 2.97372 5.44921 3.16898 5.64448L4.94005 7.41554L8.8295 3.52609C9.02476 3.33082 9.34134 3.33082 9.53661 3.52609C9.73187 3.72135 9.73187 4.03793 9.53661 4.23319L5.29397 8.47583C5.11148 8.65831 4.82304 8.67026 4.62669 8.51166Z" fill="white"></path></svg>');
}


.hot_article {
    width: 408px;
    border-radius: 32px;
    border: 1px solid #DBEDFF;
    background: radial-gradient(102.14% 101.31% at 83.21% 42.21%, rgba(214, 238, 254, 0.00) 0%, #D6EEFE 100%), radial-gradient(99.25% 76.12% at 94% -10.67%, rgba(255, 204, 253, 0.60) 0%, rgba(255, 204, 253, 0.00) 94.47%), linear-gradient(206deg, #DFFFFD -1.94%, #FFF 51.17%, #E3F3FF 105.26%);
    padding: 40px 24px;
    box-sizing: border-box;
}

.hot_article_title {
    margin-bottom: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

.hot_article_title_left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hot_article_title_left img {
    margin-right: 10px;
    width: 28px;
    height: auto;
}

.hot_article_title_left span {
    color: #000;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
}

.hot_article_title_right {
    display: none;
    cursor: pointer;
}

.hot_article_title_right svg {
    margin-top: 5px;
}

.hot_article_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.hot_article_item:nth-child(n)::before {
    margin-top: 4px;
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path opacity="0.2" d="M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z" fill="%23227BFB"></path><path opacity="0.5" d="M11.9224 8.07564C11.9224 7.6676 12.0845 7.27627 12.373 6.98774C12.6615 6.6992 13.0529 6.53711 13.4609 6.53711C13.8689 6.53711 14.2603 6.6992 14.5488 6.98774C14.8373 7.27627 14.9994 7.6676 14.9994 8.07564V14.2298C14.9994 14.4338 14.9184 14.6295 14.7741 14.7737C14.6299 14.918 14.4342 14.999 14.2302 14.999H11.9224V8.07564Z" fill="%23227BFB"></path><path d="M4.99902 13.461C4.99902 13.869 5.16112 14.2603 5.44965 14.5489C5.73818 14.8374 6.12951 14.9995 6.53756 14.9995H14.2302C14.0262 14.9995 13.8305 14.9184 13.6863 14.7742C13.542 14.6299 13.461 14.4343 13.461 14.2302V6.53756C13.461 6.12951 13.2989 5.73818 13.0103 5.44965C12.7218 5.16112 12.3305 4.99902 11.9224 4.99902H6.53756C6.12951 4.99902 5.73818 5.16112 5.44965 5.44965C5.16112 5.73818 4.99902 6.12951 4.99902 6.53756V13.461Z" fill="%23227BFB"></path><path d="M6.34521 7.3062C6.34521 7.15318 6.406 7.00643 6.5142 6.89823C6.6224 6.79003 6.76915 6.72925 6.92217 6.72925H7.69143C7.7672 6.72925 7.84222 6.74417 7.91222 6.77317C7.98222 6.80216 8.04582 6.84466 8.0994 6.89823C8.15297 6.95181 8.19547 7.01541 8.22447 7.08541C8.25346 7.15541 8.26838 7.23043 8.26838 7.3062C8.26838 7.38196 8.25346 7.45699 8.22447 7.52699C8.19547 7.59699 8.15297 7.66059 8.0994 7.71416C8.04582 7.76774 7.98222 7.81024 7.91222 7.83923C7.84222 7.86823 7.7672 7.88315 7.69143 7.88315H6.92217C6.76915 7.88315 6.6224 7.82236 6.5142 7.71416C6.406 7.60596 6.34521 7.45922 6.34521 7.3062ZM6.34521 9.614C6.34521 9.46098 6.406 9.31423 6.5142 9.20603C6.6224 9.09784 6.76915 9.03705 6.92217 9.03705H11.5378C11.6908 9.03705 11.8375 9.09784 11.9457 9.20603C12.0539 9.31423 12.1147 9.46098 12.1147 9.614C12.1147 9.76702 12.0539 9.91377 11.9457 10.022C11.8375 10.1302 11.6908 10.191 11.5378 10.191H6.92217C6.76915 10.191 6.6224 10.1302 6.5142 10.022C6.406 9.91377 6.34521 9.76702 6.34521 9.614ZM6.92217 11.3449C6.76915 11.3449 6.6224 11.4056 6.5142 11.5138C6.406 11.622 6.34521 11.7688 6.34521 11.9218C6.34521 12.0748 6.406 12.2216 6.5142 12.3298C6.6224 12.438 6.76915 12.4988 6.92217 12.4988H9.22997C9.38298 12.4988 9.52973 12.438 9.63793 12.3298C9.74613 12.2216 9.80692 12.0748 9.80692 11.9218C9.80692 11.7688 9.74613 11.622 9.63793 11.5138C9.52973 11.4056 9.38298 11.3449 9.22997 11.3449H6.92217Z" fill="white"></path></svg>');
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hot_article_item:nth-child(2n+2)::before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path opacity="0.2" d="M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z" fill="%23FD7B1F"></path><path opacity="0.5" d="M11.9224 8.07564C11.9224 7.6676 12.0845 7.27627 12.373 6.98774C12.6615 6.6992 13.0529 6.53711 13.4609 6.53711C13.8689 6.53711 14.2603 6.6992 14.5488 6.98774C14.8373 7.27627 14.9994 7.6676 14.9994 8.07564V14.2298C14.9994 14.4338 14.9184 14.6295 14.7741 14.7737C14.6299 14.918 14.4342 14.999 14.2302 14.999H11.9224V8.07564Z" fill="%23FD7B1F"></path><path d="M4.99902 13.461C4.99902 13.869 5.16112 14.2603 5.44965 14.5489C5.73818 14.8374 6.12951 14.9995 6.53756 14.9995H14.2302C14.0262 14.9995 13.8305 14.9184 13.6863 14.7742C13.542 14.6299 13.461 14.4343 13.461 14.2302V6.53756C13.461 6.12951 13.2989 5.73818 13.0103 5.44965C12.7218 5.16112 12.3305 4.99902 11.9224 4.99902H6.53756C6.12951 4.99902 5.73818 5.16112 5.44965 5.44965C5.16112 5.73818 4.99902 6.12951 4.99902 6.53756V13.461Z" fill="%23FD7B1F"></path><path d="M6.34521 7.3062C6.34521 7.15318 6.406 7.00643 6.5142 6.89823C6.6224 6.79003 6.76915 6.72925 6.92217 6.72925H7.69143C7.7672 6.72925 7.84222 6.74417 7.91222 6.77317C7.98222 6.80216 8.04582 6.84466 8.0994 6.89823C8.15297 6.95181 8.19547 7.01541 8.22447 7.08541C8.25346 7.15541 8.26838 7.23043 8.26838 7.3062C8.26838 7.38196 8.25346 7.45699 8.22447 7.52699C8.19547 7.59699 8.15297 7.66059 8.0994 7.71416C8.04582 7.76774 7.98222 7.81024 7.91222 7.83923C7.84222 7.86823 7.7672 7.88315 7.69143 7.88315H6.92217C6.76915 7.88315 6.6224 7.82236 6.5142 7.71416C6.406 7.60596 6.34521 7.45922 6.34521 7.3062ZM6.34521 9.614C6.34521 9.46098 6.406 9.31423 6.5142 9.20603C6.6224 9.09784 6.76915 9.03705 6.92217 9.03705H11.5378C11.6908 9.03705 11.8375 9.09784 11.9457 9.20603C12.0539 9.31423 12.1147 9.46098 12.1147 9.614C12.1147 9.76702 12.0539 9.91377 11.9457 10.022C11.8375 10.1302 11.6908 10.191 11.5378 10.191H6.92217C6.76915 10.191 6.6224 10.1302 6.5142 10.022C6.406 9.91377 6.34521 9.76702 6.34521 9.614ZM6.92217 11.3449C6.76915 11.3449 6.6224 11.4056 6.5142 11.5138C6.406 11.622 6.34521 11.7688 6.34521 11.9218C6.34521 12.0748 6.406 12.2216 6.5142 12.3298C6.6224 12.438 6.76915 12.4988 6.92217 12.4988H9.22997C9.38298 12.4988 9.52973 12.438 9.63793 12.3298C9.74613 12.2216 9.80692 12.0748 9.80692 11.9218C9.80692 11.7688 9.74613 11.622 9.63793 11.5138C9.52973 11.4056 9.38298 11.3449 9.22997 11.3449H6.92217Z" fill="white"></path></svg>');
    display: inline-block;
    width: 20px;
    height: 20px;
}

.hot_article_item:last-child {
    margin-bottom: 0;
}

.hot_article_item svg {
    margin-top: 6px;
}

.hot_article_item a {
    flex: 1;
    margin-left: 10px;
    color: #333;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.hot_article_item a:hover {
    text-decoration: underline;
}

.hot_article_btn {
    display: none;
    position: absolute;
    right: -32px;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 32px;
    border-radius: 0 10px 10px 0;
    background-color: #DBEDFF;
    align-items: center;
    justify-content: center;
}

.hot_article_btn svg {
    transform: rotate(180deg);
}

.more_topics {
    width: 94%;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 24px;
    box-sizing: border-box;
    background: url('https://imobie-resource.com/en/img/more_topics_bg.png')center no-repeat;
    background-size: cover;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 100px;
    padding: 60px 0 70px 0;
}

.more_topics_title {
    color: #FFF;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 38px;
}

.more_topics_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.more_topics_list a {
    text-decoration: none;
    color: #000;
}

.more_topics_item {
    padding: 0 30px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 59px;
    border: 1px solid #FFF;
    background: radial-gradient(23.82% 36.91% at 50% 36.33%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(18.56% 129.54% at 18.95% 5.66%, rgba(255, 255, 255, 0.54) 0%, rgba(228, 237, 255, 0.00) 100%), radial-gradient(37.46% 101.33% at 50% 14.84%, rgba(226, 250, 255, 0.60) 0%, rgba(228, 237, 255, 0.00) 100%), radial-gradient(50.97% 103.76% at 86.91% 89.26%, rgba(255, 224, 214, 0.20) 0%, rgba(255, 245, 242, 0.00) 100%), radial-gradient(52.37% 106.62% at 24.8% 24.41%, rgba(225, 233, 255, 0.60) 0%, rgba(228, 237, 255, 0.00) 100%), rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(1.5144827365875244px);
    margin-right: 13px;
    margin-left: 13px;
    margin-top: 32px;
    box-sizing: border-box;
}

.more_topics_item:hover {
    color: #fff;
    animation-play-state: paused;
    background: radial-gradient(51.27% 50.85% at 50.23% 125.42%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(45.15% 49.15% at 50.23% -18.64%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(55.15% 63.56% at 50% 50%, #63A3FF 0%, rgba(84, 154, 255, 0.00) 100%), #3689FB;
    backdrop-filter: blur(1.5144827365875244px);
}

.more_topics_item:last-child {
    margin-right: 0;
}

.upDown_1 {
    animation: upDown1 2s ease-in-out infinite;
}

.upDown_2 {
    animation: upDown1 2s 0.3s ease-in-out infinite;
}

.upDown_3 {
    animation: upDown1 2s 0.5s ease-in-out infinite;
}

@keyframes upDown1 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.list-part {
    list-style: none;
    padding: 0;
}

.pagination-controls {
    margin-top: 60px;
    color: #999;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-controls button {
    color: #999;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid #E5E5F2;
    background-color: #fff;
    margin: 0 11px;
    padding: 3px 15px;
    cursor: pointer;
}

.pagination-controls .btn-prev,
.pagination-controls .btn-next {
    color: #7E7E7E;
    display: flex;
    align-items: center;
}

.pagination-controls button.active,
.pagination-controls button:hover {
    background-color: #227BFB;
    color: white;
    border-color: #227BFB;
}

.pagination-controls button:hover svg path {
    fill: #fff;
}

.pagination-controls span.dot {
    margin: 0 4px;
}

/* how-to */
.navmo { display: none; }
.nav-lists-mo { overflow: hidden; background: rgba(214, 238, 254, 0.20); margin: 30px auto 40px; padding: 17px 10px; }
.nav-lists-mo ul { display: flex; flex-wrap: nowrap; }
.nav-lists-mo li { color: #333; font-size: 26px; width: auto; padding: 10px 25px; font-weight: 600; text-align: center; position: relative; cursor: pointer;}
.nav-lists-mo li.act { color: #fff; border-radius: 10px; background: radial-gradient(51.27% 50.85% at 50.23% 125.42%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(45.15% 49.15% at 50.23% -18.64%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(55.15% 63.56% at 50% 50%, #63A3FF 0%, rgba(84, 154, 255, 0.00) 100%), #3689FB; }

#how-to .banner {
    background: url('https://imobie-resource.com/en/how-to/img/how-to-banner-bgimg.png') center no-repeat; background-size: cover;
    padding: 100px 20px 130px;
}

#how-to .content {
    max-width: 1400px;
    width: 94%;
    margin: 0 auto 100px;
    justify-content: inherit;
    min-height: 850px;
    flex-direction: inherit;
    display: block;
    position: relative;
}

#how-to .content::after {
    content: "";
    display: block;
    clear: both;
}

#how-to .pagination-controls {
    justify-content: left;
}

#how-to .content_right {
    max-width: calc(100% - 488px);
    float: right;
}

#how-to .content_right>div {
    display: none;
}

#how-to .content_right .show {
    display: block;
}

#how-to .content_left {
    max-width: 408px;
    width: 100%;
    float: left;
    position: sticky;
    top: 20px;
}

#how-to #ar .content_left {
    float: right;
    margin: 0 0 0 80px;
}

#how-to #ar .content_right {
    float: left;
}

.read-more {
    border-radius: 14px;
    background: linear-gradient(90deg, #eaf3ff 0%, rgba(54, 137, 251, 0.00) 100%);
    padding: 13px 20px;
    margin: 50px auto 0px;
}

.read-more a {
    color: #3689FB;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}
.read-more a::after {
    content: "\e802";
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 10px;
}

.nav-cont { 
    max-width: 408px;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 30px 10px 30px 24px;
    border: 1px solid #DBEDFF;
    background: radial-gradient(102.14% 101.31% at 83.21% 42.21%, rgba(214, 238, 254, 0.00) 0%, #D6EEFE 100%);
}

.nav-lists { padding-right: 10px; max-height: 748px; overflow: auto; }
.nav-lists::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.nav-lists::-webkit-scrollbar-track {
  background: transparent;
}

.nav-lists::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.nav-lists ul { 
    display: flex;
    flex-direction: column;
    gap: 16px;
 }

.nav-lists li {
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #FFF;
    max-width: 360px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.nav-lists li:hover {
    color: #3689FB;
}

.nav-lists li.act {
    color: #fff;
    border-radius: 10px;
    background: radial-gradient(51.27% 50.85% at 50.23% 125.42%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(45.15% 49.15% at 50.23% -18.64%, #C8DEFF 0%, rgba(200, 222, 255, 0.00) 100%), radial-gradient(55.15% 63.56% at 50% 50%, #63A3FF 0%, rgba(84, 154, 255, 0.00) 100%), #3689FB;
}
.nav-lists li.act::after { 
    content: "\e802";
    font-family: 'iconfont';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/* how-to */

@media screen and (max-width: 1200px) {
    .content_left {
        margin-right: 54px;
    }
}

@media screen and (max-width: 980px) {
    .content_left {
        margin-right: 40px;
    }

    .product_banner,
    .hot_article {
        width: 350px;
    }

    #how-to .banner { padding: 50px 20px; margin: 30px auto 0; }
    #how-to .content { width: 100%; margin: 0 auto 50px; }
    #how-to .content_right { max-width: 94%; margin: 0 auto; float: none; }
    #how-to .content_left { padding: 0; float: none; max-width: 100%; position: relative; top: 0; }
    .read-more { margin: 30px auto 0; }
    .read-more a { font-size: 14px; }
    .navmo { display: block; }
    .navpc { display: none; }
}

@media screen and (max-width: 935px) {
    .product_banner,
    .hot_article {
        padding: 35px 20px;
        width: 330px;
    }
}

@media screen and (max-width: 852px) {
    .content {
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;
    }

    .content_left {
        margin-right: 0;
    }

    .product_banner,
    .hot_article {
        width: 100%;
    }

    .hot_article {
        position: fixed;
        left: 0;
        top: 26%;
        width: 310px;
        padding: 0;
        z-index: 1;
        border-radius: 0 22px 22px 0;
    }

    .hot_article_list {
        height: 380px;
        overflow: auto;
        padding: 20px;
    }

    .hot_article_title_right {
        display: block;
    }

    .hot_article_title {
        justify-content: space-between;
        background-color: #DBEDFF;
        border-radius: 0px 32px 0px 0px;
        padding: 8px 20px;
        margin-bottom: 0;
    }

    .hot_article_title span {
        font-size: 18px;
    }

    .hot_article_title_left img {
        width: 18px;
    }

    .hot_article_item a {
        font-size: 14px;
    }

    .content_right,
    .content_left {
        width: 100%;
    }
    .content_left {
        box-sizing: border-box;
        padding: 0 10px;
    }

    .more_topics {
        width: 90%;
    }
}

@media screen and (max-width: 750px) {
    #how-to .banner {
        margin-top: 0;
    }

    .nav-lists-mo li {
        font-size: 18px;
        padding: 8px 15px;
    }

    .nav-lists-mo {
        padding: 10px 10px;
    }

    .banner {
        margin-bottom: 40px;
        margin-top: 30px;
        padding: 50px 24px;
        width: 100%;
        border-radius: 0;
    }

    .banner h1 {
        width: 100%;
        font-size: 32px;
    }

    .banner_desc {
        font-size: 16px;
        max-width: 320px;
    }

    .content {
        margin-bottom: 40px;
        box-sizing: border-box;
    }

    .pagination-controls {
        margin-top: 30px;
    }

    .pagination-controls button {
        font-size: 14px;
        margin: 0 4px;
        padding: 1px 7px;
    }

    .more_topics {
        padding: 30px 0 35px 0;
        margin-bottom: 50px;
    }

    .more_topics_title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .more_topics_item {
        font-size: 14px;
        padding: 0 15px;
        margin-top: 20px;
    }

    .product_banner {
        margin-bottom: 40px;
    }

    .article_item {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .article_item a {
        font-size: 24px;
    }
}