.scroll-bg {
    background-color: white;
    color: black;
    filter: drop-shadow(0 0px 1.5px rgb(0 0 0 / 0.3));
    transition: all .25s ease-out;
}

/* .hm_boldFont {
    font-family: hm_bold !important
}

.hm_regularFont {
    font-family: hm_regular !important
}

.hm_blackFont {
    font-family: hm_black !important
}

.hm_mediumFont {
    font-family: hm_medium !important
} */

a {
    text-decoration: none;
    color: inherit;
}

li {
    /* list-style-type: none; */
}

@media screen and ( max-width: 767px ) {
    .mb-style {
        padding: 0 20px;
    }
}

.index-pricing-btn, .index-feature-btn, .index-download-btn, .index-blog-btn, .index-faq-btn {
    list-style-type: none;
}

.blogActicleBody li {
    margin-left: 16px;
}

.nav-btn {
    background: #426BF5;
    padding: 0.625rem 1.875rem;
    border-radius: 0.625rem;
    color: white;
}

.nav-btn:hover {
    background: #7494ff;
}

/* @font-face {
    font-family: hm_bold;
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Black.ttf)
}

@font-face {
    font-family: hm_regular;
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Regular.ttf)
}

@font-face {
    font-family: hm_black;
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Black.ttf)
}

@font-face {
    font-family: hm_medium;
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Medium.ttf)
}

@font-face {
    font-family: rb_black;
    src: url(https://metrovpn.xyz/static/blog/assets/font/Roboto-Black.ttf)
}

@font-face {
    font-family: rb_bold;
    src: url(https://metrovpn.xyz/static/blog/assets/font/Roboto-Bold.ttf)
}

@font-face {
    font-family: rb_light;
    src: url(https://metrovpn.xyz/static/blog/assets/font/Roboto-Light.ttf)
}

@font-face {
    font-family: rb_medium;
    src: url(https://metrovpn.xyz/static/blog/assets/font/Roboto-Medium.ttf)
}

@font-face {
    font-family: rb_regular;
    src: url(https://metrovpn.xyz/static/blog/assets/font/Roboto-Regular.ttf)
} */

@media screen and (max-width: 1550px) and (min-width: 1349px) {
    :root {
        font-size: 14px;
    }
}

@media screen and (max-width: 1350px) and (min-width: 1024px) {
    :root {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    :root {
        font-size: 9px;
    }
}

@media screen and (max-width: 768px) and (min-width: 767px) {
    :root {
        font-size: 8px;
    }
}

.mg {
    margin-top: 5rem !important;
    transform: translateY(0px) !important;
}

.pb-\[3\.75rem\] {
    padding-bottom: 7.75rem;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .nav-bg .nav-container {
        width: 83.75rem !important;
    }

    #author {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1150px) and (min-width: 768px) {

    .w-\[12\.6875rem\] {
        width: 31.6875rem !important;
    }

    .pb-\[3\.75rem\] {
        display: none !important;
    }

    .nav-bg .nav-container .nav-containter-left .nav-classification {
        font-size: 12px !important;
    }

    .nav-bg .nav-container .nav-containter-right .nav-log-in {
        font-size: 12px !important;
    }

    .BlogNavbarFont {
        font-size: 12px !important;
    }

    .blogActicleTitle {
        font-size: 28px !important;
    }

    /* #author {
        width: 40px !important;
        height: 40px !important;
    } */

    .metrovpn-card, .recommendedMiniPad, .blogrecommendedTitle {
        display: none !important;
    }

    .lg:flex-nowrap {
        display: none;
    }

    .typeFont {
        font-size: 12px !important;
        padding: 1.25rem !important;
        line-height: 0px !important;
    }

    .article-shape-style img {
        width: 28px;
        height: 28px;
    }
    .article-shape-url-style img {
        width: 28px;
        height: 28px;
    }

    .blogLastedTitle {
        font-size: 22px !important;
    }
    
    .article-lasted-style {
        height: 18.25rem !important;
        width: 28.25rem !important;
    }

    .article-lasted-style img {
        height: 18.25rem !important;
        width: 28.25rem !important;
    }
    
    .article-lasted-style:hover::after {
        height: 18.25rem !important;
        width: 28.25rem !important;
    }

    .blogLastedATitle  {
        font-size: 16px !important;
    }
    
    .blogActicleData  {
        font-size: 14px !important;
    }

    .metrovpn-card {
        width: 30rem !important;
        height: 30rem !important;
        margin: 0 auto;
    }

    .metrovpn-card >img {
        width: 30rem !important;
    }

    .metrovpn-card-title {
        font-size: 16px !important;
    }

    .metrovpn-card-part {
        margin-top: 15px !important;
    }

    .metrovpn-card-part img {
        width: 20px !important;
        height: 20px !important;
    }

    .metrovpn-card-part-container {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .metrovpn-card-btn {
        width: 210px !important;
    }

    .blogrecommendedTitle {
        font-size: 20px !important;
    }

    .blogRecommendedTitle {
        font-size: 16px !important;
    }
}

.rotate-180 {
    transform:rotate(180deg);
}

@media screen and ( max-width: 767px ) {

    .shape-position-style >div {
        top: 9px !important;
    }

    .BlogNavbarFont {
        /* margin-right: 20px !important; */
        display: inline-block !important;
        width: auto !important;
        margin-right: 0px !important;
        white-space: nowrap !important;
        padding-right: 70px !important;
    }

    .BlogNavbarFont:last-of-type {
        padding-right: 20px !important;
    }

    .min-w-\[6\.25rem\] {
        min-width: auto !important;
    }

    .blogrecommendedTitle::before, .blogrecommendedTitle::after {
        width: 25% !important;
    }
    
    .metrovpn-card-btn {
        width: 250px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .metrovpn-card >a {
        position: static !important;
        display: block !important;
        width: 250px !important;
        margin: 0 auto !important;
    }

    .metrovpn-card-part img {
        margin-right: 10px !important;
    }

    .metrovpn-card {
        height: 100% !important;
        padding: 20px 20px 30px 20px !important;
    }

    .blogActicleTitle {
        width: 100%;
    }

    .mt-4 {
        padding: 0 20px !important;
        margin: 1rem 0 6.25rem 0 !important;
        width: 100% !important;
    }

    .mt-4 >div:first-of-type {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .mt-4 >div:first-of-type >div:nth-of-type(n+3) {
        width: 100% !important;
    }
    
    .mt-4 >div:nth-of-type(2) {
        margin-top: 50px;
    }
    
    .metrovpn-card {
        margin-top: 50px !important;
        width: 100% !important;
    }

    .mg >div:last-of-type {
        /* padding: 0 20px; */
    }
    
    .articleRecommededImg {
        width: 100% !important;
    }

    .articleRecommededImg::after {
        width: 100% !important;
    }

    .blogLastedBorder {
        width: 100%;
        justify-content: space-between;
        margin-right: 0px !important;
    }

    .blogLastedBorder >div {
        flex-basis: 50%;
    }

    .blogLastedBorder >div:first-of-type {
        margin-right: 0px !important;
    }

    .blogBannerBg, .securityBannerBg, .streamingBannerBg, .howToBannerBg, .connectionBannerBg, .MetroVPNNewsBannerBg {
        padding: 0 20px;
    }
    .blogBannerDescFont {
        width: 100%;
    }

    .blogBannerBg >div:first-of-type, .securityBannerBg >div:last-of-type {
        width: 100%;
    }

    .blogBanner >main:first-of-type {
        padding: 0 20px;
    }

    .cardStyle, .blogIndexCardImg {
        width: 100% !important;
    }

    .blogGetDealTitleFont {
        padding: 0 20px;
    }

    #Security-list {
        flex-wrap: wrap;
    }

    #Privacy {
        margin-top: 20px;
    }

    .cardStyle >a >div:first-of-type {
        width: 100% !important;
    }

    .cardStyle {
        margin-right: 0px !important;
    }

    .pager-container {
        width: 100% !important;
    }
    
    .streamingBannerBg >div:last-of-type, .howToBannerBg >div:last-of-type, .connectionBannerBg >div:last-of-type {
        width: 100%;
    }
}

.moduleList:hover {
    border-left: .3125rem solid #426BF5;
}

.BlogNavbarFont {
    font-size: 1rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #000000;
    line-height: 1.1875rem;
    /* margin-right: 6.25rem; */
    padding-bottom: .625rem;
    position: relative;
}

.BlogNavbarFont:last-of-type {
    margin-right: 0px;
}

.BlogNavbarFont:hover {
    color: #426BF5;
}

.blog-nav-bar-check {
    position: relative;
    color: #426BF5 !important;
}

.blog-nav-bar-check::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    height: .1875rem;
    background: #426BF5;
}

.blogBannerBg {
    margin-top: 5rem;
    height: 25rem;
    background: linear-gradient(to bottom, #e8ddf8 83.5%, #E6D7FA 16.5%);
}

.blogBannerTitleFont {
    /* font-size: 2.25rem; */
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #4B5ED6;
    line-height: 2.625rem;
}

.blogTypeTitleFont {
    font-size: 3.375rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #4B5ED6;
    line-height: 3.9375rem;
}

.blogBannerDescFont {
    font-size: 1.125rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #4E1C94;
    line-height: 1.875rem;
}

.securityBannerBg {
    height: 25rem;
    background: linear-gradient(to left, #D4DAFF, #EDF0FF);
}

.streamingBannerBg {
    height: 25rem;
    background: #FFF3F4;
}

.howToBannerBg {
    height: 25rem;
    background: linear-gradient(to left, #CDECF1, #EEFDFF);
}

.connectionBannerBg {
    height: 25rem;
    background: linear-gradient(to left, #FCE2CD, #FFF3E9);
}

.MetroVPNNewsBannerBg {
    height: 25rem;
    background: linear-gradient(to left, #E9E4DA, #F3F1ED);
}

.FilmTVNewsBannerBg {
  height: 25rem;
  background: linear-gradient( 90deg, #3A465D 0%, #303C52 52%, #141926 100%);
}

.typeBannerType {
    font-size: 0.875rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    line-height: 1rem;
    height: 1.875rem;
    padding: 0 1.25rem;
    border-radius: .625rem;
    margin-right: 1.25rem;
    /* color: #4B5ED6;
    border: 1px solid #4B5ED6; */
    cursor: pointer;
}

.securityBannerType:last-of-type {
    margin-right: 0px;
}

.show {
    display: block !important;
}

.none {
    display: none;
}

.article-shape-style {
    position: relative;
}

.article-shape-style:hover::after {
    content: '';
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .625rem;
    cursor: pointer;
}

.article-shape-url-style {
    position: relative;
}

.article-shape-url-style:hover::after {
    content: '';
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: 0;
    left: 0;
    background: url(https://metrovpn.xyz/static/blog/assets/image/ic_blog_shape_hover.png);
    background-size: 100%;
    border-radius: .625rem;
    cursor: pointer;
}

.blogIndexCardImg {
    height: 12.5rem;
    width: 22.5rem;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);    
    box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .625rem;
}

.blogIndexCardImg:hover::after {
    content: '';
    position: absolute;
    height: 12.5rem;
    width: 22.5rem;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .625rem;
}

.articleRecommededImg {
    height: 15.625rem;
    width: 23.75rem;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .625rem;
}

.articleRecommededImg:hover::after {
    content: '';
    position: absolute;
    height: 15.625rem;
    width: 23.75rem;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .625rem;
}

.blogIndexCardBigTitleFont {
    font-size: 1.875rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 2.1875rem;
}

.blogIndexCardTitleFont {
    font-size: 1.125rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 1.3125rem;
}

.blogIndexCardTitleFont:hover {
    color: #426BF5;
}

.blogIndexCardTimeFont {
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #666972;
    line-height: 1.1875rem;
}

.cardStyle {
    width: 22.5rem;
    margin-right: 5.6875rem;
}


@media screen and (max-width: 768px) {
    /* .cardStyle {
        margin-right: 0px;
    } */
}

@media screen and (min-width: 1153px) {
    .cardStyle:nth-of-type(3n) {
        margin-right: 0px;
    }
}

@media screen and (max-width: 1152px) and (min-width: 769px) {
    .cardStyle:nth-of-type(3n) {
        margin-right: 0px;
    }
}

.bigTitle:nth-of-type(-n + 1) {
    margin-top: 3.75rem;
}

.bigTitle:last-of-type {
    border-bottom: .0625rem solid #EEEEEE;
}

.typeFont {
    font-size: 0.75rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    height: 1.875rem;
    padding: 0 1.25rem;
    border-radius: .625rem;
    margin-right: .625rem;
    line-height: 1.625rem;
}

.typeFont:last-of-type {
    margin-right: 0px;
}

.provacyAndTipsStyle {
    color: #426BF5;
    background: rgba(66, 107, 245, 0.1);
    border: .0625rem solid #426BF5;
}

.provacyAndTipsStyle:hover {
    color: #ffffff;
    background: #426BF5;
    border: .0625rem solid #426BF5;
}

.check-blue-style {
    color: #ffffff !important;
    background: #426BF5 !important;
    border: .0625rem solid #426BF5 !important;
}

.dataAndHotstarStyle {
    color: #FF9559;
    background-color: #feecdd;
    border: .0625rem solid #FF7E15;
}

.dataAndHotstarStyle:hover {
    color: #ffffff;
    background-color: #FF7E15;
    border: .0625rem solid #FF7E15;
}

.check-orange-style {
    color: #ffffff !important;
    background-color: #FF7E15 !important;
    border: .0625rem solid #FF7E15 !important;
}

.onlineThreatsAndFirewallStyle {
    color: #8F27CF;
    background: rgba(143, 39, 207, 0.1);
    border: .0625rem solid #8F27CF;
}

.onlineThreatsAndFirewallStyle:hover {
    color: #ffffff;
    background: #8F27CF;
    border: .0625rem solid #8F27CF;
}

.movieStyle {
    color: #FF3C30;
    background: rgba(255, 60, 48, 0.1);
    border: .0625rem solid #FF3C30;
}

.movieStyle:hover {
    color: #ffffff;
    background: #FF3C30;
    border: .0625rem solid #FF3C30;
}

.BannerRedStyle {
    color: #FF3C30;
    background: transparent;
    border: .0625rem solid #FF3C30;
}

.BannerRedStyle:hover {
    color: #ffffff;
    background: #FF3C30;
    border: .0625rem solid #FF3C30;
}

.check-red-syle {
    color: #ffffff !important;
    background: #FF3C30 !important;
    border: .0625rem solid #FF3C30 !important;
}

.netflixAndUnblockStyle {
    color: #25CB36;
    background: rgba(37, 203, 54, 0.1);
    border: .0625rem solid #25CB36;
}

.netflixAndUnblockStyle:hover {
    color: #ffffff;
    background: #25CB36;
    border: .0625rem solid #25CB36;
}

.bannerHowToStyle {
    color: #4BADBB;
    border: .0625rem solid #4BADBB;
}

.bannerHowToStyle:hover {
    color: #ffffff;
    background: #1793A5;
    border: .0625rem solid #1793A5;
}

.check-news-style {
    color: #ffffff !important;;
    background: #1793A5 !important;;
    border: .0625rem solid #1793A5 !important;
}

.banner-how-to-style {
    color: #ffffff;
    background: #1793A5;
    border: .0625rem solid #1793A5
}

.bannerNewsStyle {
    color: #48443F;
    border: .0625rem solid #48443F;
}

.bannerNewsStyle:hover {
    color: #ffffff;
    background: #48443F;
    border: .0625rem solid #48443F;
}

.bannerTVNewsStyle {
  color: #FFFFFF;
  border: .0625rem solid #FFFFFF;
}

.bannerTVNewsStyle:hover {
  color: #364259;
  background: #FFFFFF;
  border: .0625rem solid #364259;
}

.blogGetDealTitleFont {
    font-size: 1.875rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 2.1875rem;
}

.blogGetDealButtonStyle {
    width: 14.375rem;
    height: 3.125rem;
    background-color: #488eff;
    border-radius: .625rem;
    font-size: 1.125rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.3125rem;
}

.blogGetDealButtonStyle:hover {
    background-color: #48c0ff;
}

.blogGetDealDescFont {
    font-size: 0.875rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #666972;
    line-height: 1.25rem;
}

.footerTitleFontSize {
    font-size: 1rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #666972;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
}

.footerBtnFontSize {
    font-size: 0.75rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.875rem;
}

.footerFontSize {
    font-size: 1rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
}

.footerFontSize:hover {
    color: #426BF5;
}

.blogRecommendedTitle {
    font-size: 1.125rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 1.3125rem;
}

.blogRecommendedTitle:hover {
    color: #426BF5;
}

.blogrecommendedTitle {
    position: relative;
    font-size: 1.5rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #666972;
    line-height: 1.75rem;
}

.blogrecommendedTitle::before {
    content: '';
    width: 32.8125rem;
    height: .0625rem;
    background: #EEEEEE;
    position: absolute;
    top: .8125rem;
    left: 0;
}

.blogrecommendedTitle::after {
    content: '';
    width: 32.8125rem;
    height: .0625rem;
    background: #EEEEEE;
    position: absolute;
    top: .8125rem;
    right: 0;
}

@media screen and (max-width: 1151px) and (min-width: 768px) {
    .blogrecommendedTitle::before {
        content: '';
        width: 19.8125rem;
        height: .0625rem;
        background: #EEEEEE;
        position: absolute;
        top: .8125rem;
        left: 0;
    }

    .blogrecommendedTitle::after {
        content: '';
        width: 19.8125rem;
        height: .0625rem;
        background: #EEEEEE;
        position: absolute;
        top: .8125rem;
        right: 0;
    }
}

@media screen and (max-width: 767px) {
    .blogrecommendedTitle::before {
        content: '';
        width: 7.8125rem;
        height: .0625rem;
        background: #EEEEEE;
        position: absolute;
        top: .8125rem;
        left: 0;
    }

    .blogrecommendedTitle::after {
        content: '';
        width: 7.8125rem;
        height: .0625rem;
        background: #EEEEEE;
        position: absolute;
        top: .8125rem;
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    .recommendedMiniPad {
        margin-right: 1.5rem;
    }
}

@media screen and (min-width: 1153px) {
    .recommendedMiniPad {
        margin-right: 4.375rem;
    }

    .recommendedMiniPad:last-of-type {
        margin-right: 0px;
    }
}

.blogLastedBorder {
    border-bottom: .0625rem solid #eeeeee;
}

.blogLastedBorder:last-of-type {
    border: 0;
}

.blogLastedATitle {
    font-size: 1.125rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #000000;
    line-height: 1.875rem;
}

.blogLastedATitle:hover {
    color: #426BF5;
}

.blogLastedTitle {
    font-size: 1.5rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 1.75rem;
}

.blogActicleTitle {
    font-size: 1.875rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 2.1875rem;
}

.blogActicleData {
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #666972;
    line-height: 1.1875rem;
}

.article-lasted-style {
    height: 6.25rem;
    width: 11.25rem;
    overflow: hidden;
    position: relative;
    margin-top: 0.75rem;
}

.article-lasted-style:hover::after {
    content: '';
    position: absolute;
    height: 6.25rem;
    width: 11.25rem;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: .625rem;
}

.blogActicleBody {
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 2.5rem;
}

.typeFont {
    font-size: 0.75rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    height: 1.875rem;
    padding: 0 1.25rem;
    border-radius: .625rem;
    margin-right: .625rem;
    line-height: 1.625rem;
}

.typeFont:last-of-type {
    margin-right: 0px;
}

.provacyAndTipsStyle {
    color: #426BF5;
    background-color: #ecf0fe;
}

.dataAndHotstarStyle {
    color: #FF9559;
    background-color: #fef3ed;
}

.onlineThreatsAndFirewallStyle {
    color: #8F27CF;
    background-color: #f4e9fa;
}

.movieStyle {
    color: #FF3C30;
    background-color: #ffebea;
}

.netflixAndUnblockStyle {
    color: #25CB36;
    background-color: #e9faeb;
}

.BlogNavbarFont {
    font-size: 1rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #000000;
    line-height: 1.1875rem;
    /* margin-right: 6.25rem; */
    padding-bottom: .625rem;
    position: relative;
}

.BlogNavbarFont:last-of-type {
    margin-right: 0px;
}

.BlogNavbarFont:hover {
    color: #426BF5;
}

.clickBlogNavbar {
    color: #426BF5;
    position: relative;
}

.clickBlogNavbar::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: .1875rem;
    background: #426BF5;
}

/* ::-webkit-scrollbar {
    display: none;
} */

.textColor666972 {
    color: #666972;
}

ul {
    margin-left: 1rem;
}

p {
    margin: 0px;
}

.drawer {
    position: fixed;
    width: 70%;
    height: 125rem;
    right: -62.5rem;
    top: 0px;
    background: #fff;
    box-shadow: 0px 0px 2.5rem -1.25rem rgb(0 0 0 / .75);
    transition: all .2s;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

/* @font-face {
    font-family: "hm_bold";
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Bold.ttf);
}

@font-face {
    font-family: "hm_regular";
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Regular.ttf);
}

@font-face {
    font-family: "hm_medium";
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Medium.ttf);
}

@font-face {
    font-family: "hm_black";
    src: url(https://metrovpn.xyz/static/blog/assets/font/HarmonyOS_Sans_Black.ttf);
} */

.module-one .module-main li {
    list-style-type: none !important;
}

.mb-hidden {
    @media screen and ( max-width: 767px ) {
        display: none !important;
    }
}

@media screen and ( min-width: 768px ) {
    .pc-hidden {
        display: none !important;
    }
}

@layer base {

    html {
        font-family: -apple-system,BlinkMacSystemFont,Roboto,Microsoft YaHei UI,sans-serif !important;
    }

    body {
        overflow-y: scroll;
    }

    @keyframes turn {
        0% {
            -webkit-transform: rotate(0deg);
        }

        25% {
            -webkit-transform: rotate(90deg);
        }

        50% {
            -webkit-transform: rotate(180deg);
        }

        75% {
            -webkit-transform: rotate(270deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    /* .hm_boldFont {
        font-family: 'hm_bold' !important
    }

    .hm_regularFont {
        font-family: 'hm_regular' !important
    }

    .hm_blackFont {
        font-family: 'hm_black' !important
    }

    .hm_mediumFont {
        font-family: 'hm_medium' !important
    } */

    html {
        height: 100%;
    }

    .titleFont {
        font-size: 2.25rem;
        /* font-family: 'rb_bold'; */
        font-weight: bold;
        color: #000000;
        line-height: 2.625rem;
    }

    .contentCardBtn {
        background: #426BF5;
        border-radius: 0.625rem;
        font-size: 1.25rem;
        /* font-family: 'rb_bold'; */
        font-weight: bold;
        color: #FFFFFF;
        line-height: 1.4375rem;
        padding: 0.875rem 3.75rem;
    }

    .contentCardBtn:hover {
        background: #7494FF;
    }

    .contentCardTitleFont {
        font-size: 2.25rem;
        /* font-family: 'rb_bold'; */
        font-weight: bold;
        color: #000000;
        line-height: 3.75rem;
    }

    .contentCardContentFont {
        font-size: 1.25rem;
        /* font-family: 'rb_regular'; */
        font-weight: 400;
        color: #666972;
        line-height: 1.875rem;
    }

    .pcNavBarFont {
        font-size: 1.125rem;
        /* font-family: 'rb_bold'; */
        font-weight: 500;
        color: #FFFFFF;
        line-height: 1.3125rem;
    }

    .pcNavBarFont:hover {
        color: #426BF5;
    }

    .loading img {
        width: 50%;
        animation: turn 1s linear infinite;
        width: 0.875rem;
        height: 0.875rem;
    }

    .noclick {
        pointer-events: none;
    }

    .answerFont {
        /* 868EAD */
        color: #7F8791;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .questionFont {
        font-size: 1.125rem;
        font-weight: bold;
        line-height: 1.5625rem;
    }

    .navTitleFont {
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1.75rem;
    }

    .questionTitleFont {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
    }

    input {
        outline: none !important;
    }

}

.navbarUserEmailFont {
    font-size: 1.125rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    /* color: #FFFFFF; */
    line-height: 1.3125rem;
}

.navbarPortrait {
    font-size: 1.125rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    background: #426BF5;
    opacity: 1;
    border-radius: 1.6875rem;
    padding-top: 0.3125rem;
    padding-left: 0.6rem;
    margin-right: 0.625rem;
}

.nav-active {
    color: #888 !important;
}

.nav-btn {
    background: #426BF5;
    padding: 0.625rem 1.875rem;
    border-radius: 0.625rem;
    color: white;
}

.nav-btn:hover {
    background: #7494FF;
}

.normal-bg {
    background-color: #5348AE;
    color: white;
    transition: all .25s ease-out;
}

.scroll-bg {
    background-color: white;
    color: black;
    filter: drop-shadow(0 0px 1.5px rgb(0 0 0 / 0.3));
    transition: all .25s ease-out;
}

.nav-btn-mb {
    background: #426BF5;
    padding: 1rem;
    font-size: 1.25rem;
    line-height: 1.4286rem;
    font-weight: bold;
    border-radius: 0.625rem;
    color: white;
    width: 100%;
    margin-top: 1.4286rem;
    margin-bottom: 0.7143rem;
}

.nav-btn-mb:hover {
    background: #7494FF;
}

iframe {
    width: 42.0625rem;
    height: 23.5625rem;
}

@media screen and (max-width: 767px) {
    iframe {
        width: 100% !important;
        height: 100% !important;
        text-align: center !important;
    }

    table {
        width: 100% !important;
    }
}

.metrovpn-card {
    position: relative;
    width: 23.3125rem;
    height: 25.75rem;
    margin-top: 6.25rem;
    background: #edf3ff;
    border-radius: 1.25rem;
    padding: 1.875rem 2.5rem;
}

.metrovpn-card-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 23.3125rem;
    height: 19.0625rem;
}

.metrovpn-card-title {
    font-size: 1.25rem;
    /* font-family: 'rb_bold'; */
    font-weight: bold;
    color: #000000;
    line-height: 2.5rem;
    text-align: center;
    padding: 0 1.25rem;
    margin: 0 0 0.75rem 0;
}

.metrovpn-card-part {
    display: flex;
    margin-bottom: 1.25rem;
    list-style-type: none !important;
}

.metrovpn-card-part img {
    width: 1.625rem;
    height: 1.625rem;
}

.metrovpn-card-part-container {
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 1.1875rem;
    white-space: nowrap;
}

ul {
    margin-left: 0px;
}

.metrovpn-card-btn {
    width: 16.125rem;
    height: 3.125rem;
    background: #488eff;
    border-radius: .625rem;
    text-align: center;
    font-size: 1.25rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.4375rem;
    margin-left: 1rem;
    margin-top: 0.625rem;
    cursor: pointer;
}

.metrovpn-card-btn:hover {
    background: #48c0ff;
}

.metrovpn-card-btn-container {
    padding-top: 0.875rem;
}

.banner-nav-style {
    position: absolute;
    top: 2rem;
    /* left: 20.25rem; */
    left: 0px;
}

.banner-navbar {
    position: sticky;
    top: 5rem;
    background: #ffffff;
    z-index: 39;
    width: 100%;
    border-top: .0625rem solid #e1e1e1;
    border-bottom: .0625rem solid #e1e1e1;
}

.mgr-70 {
    margin-right: 4.375rem;
}

@media screen and ( min-width: 769px ) and ( max-width: 1151px ) {
    .md\:w-\[54rem\] {
        width: 80rem;
    }
}

@media screen and (max-width: 767px) {
    .banner-nav-style {
        position: absolute;
        top: 30px;
        left: 0px;
    }

    .banner-navbar {
        position: sticky;
        top: 5rem;
        background: #ffffff;
        z-index: 39;
        width: 100vw;
        border-top: .0625rem solid #e1e1e1;
        border-bottom: .0625rem solid #e1e1e1;
        overflow: scroll;
    }

    .mgr-70 {
        margin-right: 0px;
    }
}


.banner-nav-font {
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #666972;
    line-height: 1.1875rem;
}

.banner-nav-font:hover {
    color: #426BF5;
}

.banner-nav-font-check {
    color: #426BF5;
}

.pager-container {
    width: 80rem;
    display: flex;
    padding-bottom: 3.75rem;
    justify-content: center;
}

.pager-PreBtn {
    width: 7.625rem;
    height: 2.5rem;
    padding-top: 0.625rem;
    padding-left: 1.75rem;
    border-radius: .625rem;
    border: .0625rem solid #eeeeee;
    cursor: pointer;
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 1.1875rem;
}

.pager-smallBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .625rem;
    border: .0625rem solid #eeeeee;
    cursor: pointer;
    margin-left: 1.25rem;
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 1.1875rem;
}

@media screen and ( max-width: 767px ) {
    .pager-smallBtn {
        margin-left: 0px;
    }
}

.pager-point {
    margin-left: 4px;
    transform: translateX(6px) translateY(6px);
}

@media screen and ( max-width: 767px ) {
    .pager-point {
        margin-left: 0px;
        transform: translateX(0px) translateY(6px);
    }
}

.pager-nextBtn {
    width: 5.9375rem;
    height: 2.5rem;
    padding-top: 0.625rem;
    padding-left: 1.75rem;
    border-radius: .625rem;
    border: .0625rem solid #eeeeee;
    cursor: pointer;
    margin-left: 1.25rem;
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 1.1875rem;
}

@media screen and ( max-width: 767px ) {
    .pager-nextBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0px;
        padding-top: 0px;
        padding-left: 0px;
    }
}

.pager-PreBtn:hover,
.pager-smallBtn:hover,
.pager-nextBtn:hover {
    background: #426BF5;
    color: #ffffff;
}

@media screen and ( max-width: 767px ) {
    .pager-container {
        width: 100vw;
        display: flex;
        padding-bottom: 60px;
        justify-content: space-between;
    }

    .pager-PreBtn {
        width: 70px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0px;
        padding-left: 0px;
        font-size: 12px;
    }

    .pager-smallBtn {
        /* padding-top: 10px;
        padding-left: 16px; */
        font-size: 12px;
    }

    .pager-nextBtn {
        width: 70px;
        height: 40px;
        /* padding-top: 9px;
        padding-left: 20px; */
        font-size: 12px;
    }
}

.check-page-style {
    background: #426BF5;
    color: #ffffff;
}

.navbar-menu::-webkit-scrollbar {
    display: none !important;
}

.shape-position-style {
    position: sticky;
    top: 10.25rem;
}

@media screen and ( max-width: 767px ) {
    .shape-position-style {
        position: relative;
        top: 0px;
    }
}

.nav-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 5.25rem;
    z-index: 50;
    transition: all 0.5s ease-in-out;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 0.25rem rgba(0, 0, 0, 0.16);
  }
  .nav-bg .nav-container {
    display: flex;
    justify-content: space-between;
    width: 90rem;
    margin: 0 auto;
    padding: 1.375rem 0px;
  }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .nav-bg .nav-container {
      width: 83.75rem;
    }
  }
  .nav-bg .nav-container .nav-containter-left {
    display: flex;
  }
  .nav-bg .nav-container .nav-containter-left .nav-logo-href {
    margin-right: 4.9375rem;
  }
  .nav-bg .nav-container .nav-containter-left .nav-logo-href .nav-logo {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .nav-bg .nav-container .nav-containter-left .nav-logo-href .nav-logo img {
    width: 9.75rem;
    height: 2.4375rem;
  }
  .nav-bg .nav-container .nav-containter-left .nav-classification {
    display: flex;
    align-items: center;
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #000000;
    line-height: 1rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .nav-bg .nav-container .nav-containter-left .nav-classification {
      font-size: .625rem;
    }
  }
  .nav-bg .nav-container .nav-containter-left .nav-classification li {
    margin-right: 3.75rem;
    cursor: pointer;
  }
  .nav-bg .nav-container .nav-containter-left .nav-classification li:hover {
    color: #48C0FF;
  }
  .nav-bg .nav-container .nav-containter-right {
    display: flex;
  }
  .nav-bg .nav-container .nav-containter-right .nav-log-in {
    display: flex;
    align-items: center;
    font-size: 1rem;
    /* font-family: 'rb_medium'; */
    font-weight: 500;
    color: #000000;
    line-height: 1rem;
    margin-right: 2.5rem;
    cursor: pointer;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .nav-bg .nav-container .nav-containter-right .nav-log-in {
      font-size: .625rem;
    }
  }
  .nav-bg .nav-container .nav-containter-right .nav-log-in:hover {
    color: #48C0FF !important;
  }
  .nav-bg .nav-container .nav-containter-right .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.25rem;
    height: 2.5rem;
    background: transparent;
    border: 0.125rem solid #488efb;
    border-radius: 0.5rem;
    font-size: 1rem;
    /* font-family: 'rb_regular'; */
    font-weight: 400;
    color: #488efb;
    cursor: pointer;
  }
  .nav-bg .nav-container .nav-containter-right .nav-btn:hover {
    background: #48C0FF !important;
    border-color: #48C0FF !important;
    color: #FFFFFF !important;
  }
  .nav-mb-bg {
    display: none;
  }
  .mb-sidebar {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .nav-bg {
      display: none;
    }
    .nav-mb-bg {
      display: flex;
      position: fixed;
      top: 0;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 80px;
      background: #ffffff;
      padding: 20px;
      z-index: 100;
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
      transition: all 0.4s ease-in-out;
    }
    .nav-mb-bg #sidebar-img-active {
      width: 24px;
      height: 24px;
    }
    .nav-mb-bg img {
      cursor: pointer;
    }
    .nav-mb-bg .mb-nav-sidebar {
      width: 22px;
      height: 22px;
    }
    .mb-sidebar {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 0px;
      background: #ffffff;
      z-index: 100;
      transition: all 0.4s ease-in-out;
      transform: translateY(70px);
      overflow: hidden;
    }
    .mb-sidebar .sidebar-scroll {
      width: 100%;
      overflow-y: scroll;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main {
      display: flex;
      flex-direction: column;
      padding: 0px 20px 0px;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main .sidebar-one,
    .mb-sidebar .sidebar-scroll .sidebar-main .sidebar-one-download {
      padding: 12px 0;
      font-size: 14px;
      /* font-family: 'rb_medium'; */
      font-weight: 500;
      line-height: 16px;
      color: #000000;
      margin-top: 10px;
      letter-spacing: 1px;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main .sidebar-one-download {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main .sidebar-one-download .download-arrow {
      transition: all 0.2s ease-out;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main .download-type {
      max-height: 0px;
      display: flex;
      flex-direction: column;
      width: calc(100% + 40px);
      transform: translateX(-20px);
      background: #F2F7FF;
      padding: 0 20px;
      transition: max-height 0.2s ease-out;
      overflow: hidden;
    }
    .mb-sidebar .sidebar-scroll .sidebar-main .download-type a {
      padding: 20px 0;
      font-size: 14px;
      /* font-family: 'rb_regular'; */
      font-weight: 400;
      line-height: 16px;
      color: #000000;
      letter-spacing: 1px;
    }
    .mb-sidebar .sidebar-btn {
      position: fixed;
      bottom: 94px;
      left: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 40px);
      height: 50px;
      border: 2px solid #488DFA;
      border-radius: 24px;
      font-size: 16px;
      /* font-family: 'rb_medium'; */
      font-weight: 500;
      line-height: 19px;
      color: #488EFB;
    }
  }



  .index-footer {
    width: 100%;
    height: 100%;
    background: #0D1C3F;
    padding-bottom: 2.5rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer {
      height: 100%;
      padding-bottom: 50px;
    }
  }
  @media screen and ( max-width: 767px ) {
    .index-footer {
      padding-bottom: 0px;
    }
  }
  .index-footer .footer-main {
    width: 80rem;
    margin: 0 auto;
  }
  .index-footer .footer-main .footer-main-top {
    display: flex;
    padding: 3.8125rem 0;
    border-bottom: 1px solid #2E3E64;
  }
  .index-footer .footer-main .footer-main-top .lang-mb {
    display: none;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-top .lang-mb {
      display: block;
    }
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb {
    display: flex;
    cursor: pointer;
    margin-top: 50px;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb .lang {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb p {
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: #DDE3F8;
    line-height: 1.1875rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb p::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: #fff;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: 46%;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb:hover p {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb:hover p::after {
    border-top-color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb {
    width: 8.25rem;
    position: absolute;
    background: #B6BBC7;
    top: 30px;
    left: 30px;
    padding: 0.375rem;
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb li {
    padding: 0.125rem;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    line-height: 1.1875rem;
    letter-spacing: 0.0375rem;
    border-radius: 0.25rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb li:hover {
    background: #2C77EB;
    color: #ffffff;
  }
  .index-footer .footer-main .footer-main-top .footer-mb-title {
    display: none;
  }
  .index-footer .footer-main .footer-main-top .main-top-left {
    margin-right: 5.1875rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-logo {
    width: 11.4688rem;
    height: 2.5938rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn {
    display: flex;
    margin-top: 1.1875rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple {
    display: block;
    width: 8.1875rem;
    height: 2.4375rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/app-store-apple.svg) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.25rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/app-store-apple_hover.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google {
    display: block;
    width: 8.1875rem;
    height: 2.4375rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/googleplay.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/googleplay_hover.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #6B7594;
    letter-spacing: 0.0625rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title {
      font-size: 16px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 0.125rem;
    height: 1rem;
    background: #6B7594;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title::after {
      display: none;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main {
    padding-left: 1.25rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    color: #DDE3F8;
    margin: 1.5rem 0px;
    cursor: pointer;
    letter-spacing: 0.0625rem;
    white-space: nowrap;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one {
      width: 200px !important;
      font-size: 12px;
      line-height: 16px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one:last-of-type {
    margin-bottom: 0px;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one:hover {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left {
    width: 36.125rem;
    display: flex;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-desc {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #6B7594;
    letter-spacing: 0.0625rem;
    margin-right: 0.5rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-desc {
      font-size: 12px;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left {
      width: 400px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #DDE3F8;
    cursor: pointer;
    letter-spacing: 0.0625rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email {
      font-size: 12px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email:hover {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Twitter.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Twitter_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Facebook.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Facebook_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Discord.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Discord_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Telegram.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Telegram_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Instagram.webp) no-repeat;
    background-size: 100% 100%;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Instagram_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2.5rem;
    cursor: pointer;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container {
      display: none;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container .lang {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container p {
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: #DDE3F8;
    line-height: 1.1875rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container p::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: #fff;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: 46%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container:hover p {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container:hover p::after {
    border-top-color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang {
    width: 8.25rem;
    position: absolute;
    background: #B6BBC7;
    top: -0.625rem;
    left: 18.125rem;
    padding: 0.375rem;
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang li {
    padding: 0.125rem;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    line-height: 1.1875rem;
    letter-spacing: 0.0375rem;
    border-radius: 0.25rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang li:hover {
    background: #2C77EB;
    color: #ffffff;
  }



  .index-footer {
    width: 100%;
    height: 100%;
    background: #0D1C3F;
    padding-bottom: 2.5rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer {
      height: 100%;
      padding-bottom: 50px;
    }
  }
  @media screen and ( max-width: 767px ) {
    .index-footer {
      padding-bottom: 0px;
    }
  }
  .index-footer .footer-main {
    width: 80rem;
    margin: 0 auto;
  }
  .index-footer .footer-main .footer-main-top {
    display: flex;
    padding: 3.8125rem 0;
    border-bottom: 1px solid #2E3E64;
  }
  .index-footer .footer-main .footer-main-top .lang-mb {
    display: none;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-top .lang-mb {
      display: block;
    }
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb {
    display: flex;
    cursor: pointer;
    margin-top: 50px;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb .lang {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb p {
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: #DDE3F8;
    line-height: 1.1875rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb p::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: #fff;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: 46%;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb:hover p {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-top .lang-mb .lang-container-mb:hover p::after {
    border-top-color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb {
    width: 8.25rem;
    position: absolute;
    background: #B6BBC7;
    top: 30px;
    left: 30px;
    padding: 0.375rem;
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb li {
    padding: 0.125rem;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    line-height: 1.1875rem;
    letter-spacing: 0.0375rem;
    border-radius: 0.25rem;
  }
  .index-footer .footer-main .footer-main-top .lang-mb #langMb li:hover {
    background: #2C77EB;
    color: #ffffff;
  }
  .index-footer .footer-main .footer-main-top .footer-mb-title {
    display: none;
  }
  .index-footer .footer-main .footer-main-top .main-top-left {
    margin-right: 5.1875rem;
    @media screen and ( max-width: 767px ) {
      margin-right: 0px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-logo {
    width: 11.4688rem;
    height: 2.5938rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn {
    display: flex;
    margin-top: 1.1875rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple {
    display: block;
    width: 8.1875rem;
    height: 2.4375rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/app-store-apple.svg) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.25rem;
    @media screen and ( max-width: 767px ) {
      margin-right: 0px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/app-store-apple_hover.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google {
    display: block;
    width: 8.1875rem;
    height: 2.4375rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/googleplay.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/googleplay_hover.svg) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-top .main-top-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #6B7594;
    letter-spacing: 0.0625rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title {
      font-size: 16px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 0.125rem;
    height: 1rem;
    background: #6B7594;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title::after {
      display: none;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main {
    width: 100%;
    padding-left: 1.25rem;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main li .module-main-one {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    color: #DDE3F8;
    margin-bottom: 1.5rem;
    cursor: pointer;
    letter-spacing: 0.0625rem;
    white-space: nowrap;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main li .module-main-one {
      width: 200px !important;
      font-size: 12px;
      line-height: 16px;
    }
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main li .module-main-one:hover {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main li:last-of-type .module-main-one {
    margin-bottom: 0px;
  }
  .index-footer .footer-main .footer-main-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 2.5rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left {
    width: 36.125rem;
    display: flex;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-desc {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #6B7594;
    letter-spacing: 0.0625rem;
    margin-right: 0.5rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-desc {
      font-size: 12px;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left {
      width: 400px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #DDE3F8;
    cursor: pointer;
    letter-spacing: 0.0625rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email {
      font-size: 12px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email:hover {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Twitter.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Twitter_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Facebook.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Facebook_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Discord.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Discord_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Telegram.webp) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.875rem;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Telegram_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(https://metrovpn.xyz/static/blog/assets/image/Instagram.webp) no-repeat;
    background-size: 100% 100%;
  }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram {
      width: 16px;
      height: 16px;
      margin-right: 30px;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram:hover {
    background: url(https://metrovpn.xyz/static/blog/assets/image/Instagram_hover.webp) no-repeat;
    background-size: 100% 100%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2.5rem;
    cursor: pointer;
  }
  @media screen and (max-width: 767px) {
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container {
      display: none;
    }
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container .lang {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container p {
    position: relative;
    font-weight: 400;
    font-size: 1rem;
    color: #DDE3F8;
    line-height: 1.1875rem;
    margin-right: 0.625rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container p::after {
    content: '';
    border: 4px solid transparent;
    border-top-color: #fff;
    pointer-events: none;
    position: absolute;
    right: -20px;
    top: 46%;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container:hover p {
    color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right .lang-container:hover p::after {
    border-top-color: #48C0FF;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang {
    width: 8.25rem;
    position: absolute;
    background: #B6BBC7;
    top: -0.625rem;
    left: 18.125rem;
    padding: 0.375rem;
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang li {
    padding: 0.125rem;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    color: #000000;
    line-height: 1.1875rem;
    letter-spacing: 0.0375rem;
    border-radius: 0.25rem;
  }
  .index-footer .footer-main .footer-main-bottom .main-bottom-right #lang li:hover {
    background: #2C77EB;
    color: #ffffff;
  }
  @media screen and (max-width: 1024px) {
    .index-footer {
      height: 100%;
    }
    .index-footer .footer-main {
      width: 100%;
    }
    .index-footer .footer-main .footer-main-top {
      flex-direction: column;
      padding: 40px 0px 30px;
      margin: 0 20px;
    }
    .index-footer .footer-main .footer-main-top .footer-mb-title {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      line-height: 21px;
      color: #6B7594;
      text-align: center;
      letter-spacing: 1px;
    }
    .index-footer .footer-main .footer-main-top .main-top-left {
      width: 100%;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-logo {
      display: none;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn {
      justify-content: center;
      margin-top: 40px;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple {
      width: 155px;
      height: 46px;
      margin-right: 24px;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-apple:hover {
      width: 155px;
      height: 46px;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google {
      width: 155px;
      height: 46px;
    }
    .index-footer .footer-main .footer-main-top .main-top-left .footer-download-btn .footer-download-for-google:hover {
      width: 155px;
      height: 46px;
    }
    .index-footer .footer-main .footer-main-top .main-top-right {
      margin-top: 0px;
      flex-wrap: wrap;
    }
    .index-footer .footer-main .footer-main-top .main-top-right .module-one {
      flex-basis: 50%;
    }
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-title {
      font-size: 16px;
      line-height: 19px;
      margin-bottom: 33px;
      margin-top: 40px;
      padding-left: 0px;
      border-left: 0px;
    }
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main {
      padding-left: 0px;
    }
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one {
      width: 114px;
      padding: 12px 0;
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 12px;
    }
    .index-footer .footer-main .footer-main-top .main-top-right .module-one .module-main .module-main-one:hover {
      color: #48c0ff;
    }
    .index-footer .footer-main .footer-main-bottom {
      flex-direction: column;
      padding: 40px 20px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-left {
      width: 100%;
      flex-direction: column;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-desc {
      font-size: 16px;
      line-height: 19px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-left .footer-email {
      font-size: 16px;
      line-height: 19px;
      margin-top: 21px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right {
      width: 75%;
      margin-top: 40px;
      margin-bottom: 84px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-twitter {
      width: 24px;
      height: 24px;
      margin-right: 0px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-facebook {
      width: 24px;
      height: 24px;
      margin-right: 0px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-discord {
      width: 24px;
      height: 24px;
      margin-right: 0px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-telegram {
      width: 24px;
      height: 24px;
      margin-right: 0px;
    }
    .index-footer .footer-main .footer-main-bottom .main-bottom-right .footer-instagram {
      width: 24px;
      height: 24px;
      margin-right: 0px;
    }
  }