/*
body{
    font-family: 'Manrope, Manrope-Medium' !important;
}

h1, h2, h3, h4, h5, h6{
    font-family:'Manrope, Manrope-Medium' !important;
}

.td-theme-slider .slide-meta-cat a{
    font-family:'Manrope, Manrope-Medium' !important;
}*/

/*menu*/

.td-header-desktop-wrap .menu-search .tdb-search-icon {
    background-image: url('../imgs/pc-home-search.svg');
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 20px;
    margin-top: 10px;
  }
  
  .td-header-desktop-wrap .menu-search .tdb-search-icon::before{
    content: '' !important;
  }
  
  #pc-home-search {
    background-image: url('../imgs/pc-home-search.svg');
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 20px;
  }
  
  .tdb-head-search-form-btn #pc-home-search-search{
    background-image: url('../imgs/pc-home-search-search.svg');
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 6px;
  }
  .td-header-desktop-wrap .menu-search .tdb-drop-down-search-open {
    opacity: 1 !important;
    background: rgba(0,0,0,0.6)!important;
  }
  .menu-search .tdb-drop-down-search-inner {
    padding-top: 20px;
    background: rgba(0,0,0,0)!important;
    box-shadow: none !important;
  }
  .tdb-drop-down-search-open .tdb-aj-search{
    min-height: 216px;
  }
  
  .tdc-row.stretch_row_1200, .tdc-row-composer.stretch_row_1200 {
    width: auto !important;
    max-width: 1168px !important;
  }
  
    .td-image-gradient::before{
        background: unset  !important;
    }
  
  
  .tdb_header_menu .tdb-menu > li > a:after{
      transform: unset !important; 
      -webkit-transition: unset !important; 
      transition: unset !important;
  }
  
  .mega-menu-css{
    flex-direction: column !important;
    /*height: 60px !important;*/
  }
  
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li{
    max-width: unset !important;
    width: 100vw !important;
    /*left: 50vw !important;*/
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
  }
  
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li .block-mega-child-cats{
    padding: 0px calc(50vw - 560px) !important;
    -moz-padding: 0px calc(50vw - 560px) !important;
    -webkit-padding: 0px calc(50vw - 560px) !important;
    border-top: 1px solid rgba(0,0,0,0.10);
    border-bottom: 1px solid rgba(0,0,0,0.10);
  }
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li .tdb-mega-modules-wrap{
    padding: 30px calc(50vw - 560px) !important;
  }
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li .tdb-mega-modules-wrap .td-post-category{
    padding: 0px !important;
  }
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li .tdb-mega-modules-wrap .td-module-title{
    padding-top:8px;
  }
  
  .mega-menu-css .tdb-menu .tdb-mega-menu .sub-menu > li .block-mega-child-cats a{
    font-size: 14px;
    font-family: Manrope, Manrope-Medium;
    font-weight: 500;
    text-align: center;
    min-width: 106px;
    color: #03060b;
    line-height: 22px;
    text-align: left;
    padding: 19px 0px !important;
    margin-right: 40px;
  }
  
  .tdb_header_mega_menu .block-mega-child-cats .cur-sub-cat{
    background-color:transparent !important;
    color: #666666 !important;
    border-color: transparent !important;
    border-bottom: 2px solid #03060b !important;
  }
  
  .tdb_header_menu .tdb-menu > li > a{
    line-height: 60px !important;
  }
  #menu-cover{
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
  }
  
  .menu-store .tdm-btn-text{
    vertical-align: unset !important;
  }
  
  .menu-store .tds-button{
    margin-right: -13px !important;
    cursor: pointer;
  }
  
  .menu-search .tdc-font-fa-search{
    color:#03060B !important;
    margin-right: -20px;
  }
  
  .iosSlider-col-3, .iosSlider-col-3 .td_module_slide{
    border-radius: 16px !important;
  }
  
  
  /*.td-pulldown-category*/
  
  /*
  .td_block_template_12 .td-block-title{
    font-size: 32px !important;
  }
  
  .td_block_template_2 .td-block-title{
    font-size: 32px !important;
  }*/
  /*.td-post-category{
   padding-left: 0px !important;
    text-transform: uppercase;
  }*/
  .td_module_flex_1 .td-module-meta-info, .td_module_flex_3 .td-module-meta-info, .td_module_flex_4 .td-module-meta-info, .td_module_flex_5 .td-module-meta-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 165px !important;
    padding: 15px !important;
    position: relative;
  }
  .td-post-category{
    background-color: unset !important;
    color: #FA4500 !important;
  }
  
  /* block */
  /*
  .td-category-pos-above{
    flex: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: flex-start;
  }
  */
  
  .mega-menu-css .td-post-category{
    padding-left: 0px;
    font-size: 12px;
    font-family: Manrope, Manrope-Bold;
    font-weight: 700;
    text-align: left;
    color: #fa4500;
    line-height: 16px;
  }
  
  .mega-menu-css .td-module-title a{
    font-size: 16px;
    font-family: Manrope, Manrope-Bold;
    font-weight: 700;
    text-align: left;
    color: #03060b;
    line-height: 20px;
  }
  
  
  
  .tdb-mega-modules-wrap .td-module-thumb>a>span {
    border-radius: 8px 8px 8px 8px !important;
    /*-moz-border-radius: 16px 16px 16px 16px !important;*/
    /*-webkit-border-radius: 16px 16px 16px 16px !important;*/
  }
  
  /*
  #blog-latest-posts .td-module-thumb >a >span,
  .mid-cat-posts .td-module-thumb >a >span ,
  #blog-featured-posts .td-module-thumb >a >span{
    border-radius: 16px 16px 0px 0px !important;
    -moz-border-radius: 16px 16px 0px 0px !important;
    -webkit-border-radius:16px 16px 0px 0px !important;
  }
  */
  /* 去掉 view all底部的箭头*/
  .td-pulldown-category > .td-icon-category{
   display: none;
  }
  
  /*
  .td_block_template_12 > .td-pulldown-category > span{
    display: unset !important;
    -webkit-transition:unset !important;
    transition:unset !important;
  }*/
  
  .td_block_template_12 .td-pulldown-category span{
    display: unset !important;
    -webkit-transition: unset !important;
    transition:unset !important;
    
  }
  
  /*
  .td_block_template_12 .td-pulldown-category{
    text-align: center ;
  }
  
  .td_module_wrap .entry-title{
    min-height: 65px;
  }
  
  .td_block_wrap-composer{
    flex-direction: column !important;
  }*/
  
  
  .td-pulldown-category {
    text-align: center ;
    min-width: 97px;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #03060b;
    border-radius: 22px;
    font-weight: 600;
    font-size: 16px !important;
    cursor: pointer;
    height: 40px;
    line-height: 40px !important;
    font-family:  Manrope, Manrope-Semibold;
    padding: 0px 6px;
  }
  
  .td-pulldown-category:hover {
    color: #fff !important;
    background: #03060B !important;
  }
  
  .tdb-drop-down-search-open{
    height: 100vh;
    opacity: 0.6 !important;
    background: #000000;
  }
  
  
  /* header*/
  /*search*/
  .tdb-drop-down-search .tdb-drop-down-search-inner{
    max-width: unset !important;
  }
  
  .tdb-drop-down-search-inner{
    
  }
  .tdb-drop-down-search .tdb-search-form-inner .tdb-head-search-placeholder{
    display: none;
  
  }
  .menu-search .tdb-drop-down-search-inner{
    max-width: unset !important;
  }
  .tdb-drop-down-search-open .tdb-drop-down-search-inner{
    margin: 0 0 !important;
  }
  .tdb_header_search .tdb-search-form-inner:after{
    border: 0px !important;
  }
  
  .tdb_header_search .tdb-search-form{
    padding: 22px 0px 10px 0px !important;
    border-width: 0px !important;
  }
  .tdb-drop-down-search-open .tdb-head-search-form-input{
    margin-left: calc(50vw - 300px) !important;
    margin-right: calc(50vw - 300px) !important;
    background-color: #f5f5f7 !important;
    border-radius: 8px !important;
    padding:0px 9px 0px 40px !important;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-family:  Manrope, Manrope-Medium;
    font-weight: 600;
    color: #03060B !important;
  }
  
  
  .tdb-drop-down-search-open .tdb-drop-down-search-inner .tdb-head-search-form-btn{
    position: absolute !important;
    left: calc(50vw - 300px) !important;
    background-color:#f5f5f7 !important;
    border-radius: 10px 0px 0px 10px !important;
    padding: 0px 1px 0px 7px !important;
  }
  
  /*
  #tdb-head-search-form-close:before{
    position: absolute !important;
    right: calc(50vw - 285px) !important;
    color: #03060B;
    font-weight: 600;
    font-size: 19px;
    top: 12px;
  }*/
  
  #tdb-head-search-form-close{
    position: absolute !important;
    right: calc(50vw - 285px) !important;
    background-image: url('../imgs/pc-home-search-close.svg');
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 7px;
  }
  
  .tdb-head-search-form-btn #pc-home-search-search{
  
  }
  
  #tdb-head-search-form-close:before{
    content: '' !important;
  }
  
  
  .tdb-drop-down-search-open .tdb-drop-down-search-inner .tdb-head-search-form-btn i{
    opacity: 1.6;
    /*color:#919191 !important;*/
    color:#919191 !important;
    font-size: 22px !important;
    margin-top: 11px;
    left: 4px;
  }
  
  /*
  .tdb-drop-down-search-open #pc-search-recommended-before{
    opacity: 1.6;
    background: #000000;
    height: 10px;
  }
  */
  
  .tdb-drop-down-search-open #tdb-aj-search-wrap{
    /*
    padding-left: calc(50vw - 300px) !important;
    padding-right: calc(50vw - 300px) !important;
    */
    opacity: 1;
    background: none;
    margin-top: 10px;
    opacity: 1;
    background: none;
    position: absolute;
    left: calc(50vw - 300px) !important;
    width: 583.2px;
  }
  
  .tdb-drop-down-search-open #pc-search-recommended-inner{
    background: #ffffff;
    font-size: 12px;
    font-family: Manrope, Manrope-Medium;
    font-weight: 500;
    text-align: left;
    color: #666666;
    line-height: 16px;
    height: 40px;
    padding: 14px 40px;
    border-radius: 8px 8px 0px 0px;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search{
    background: #ffffff;
    opacity: 1.6;
    border-radius: 0px 0px 8px 8px;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search-results{
    border-radius: 0px 0px 8px 8px;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results{
    padding:0px !important;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .tdb-aj-search-inner{
    margin: 0px !important;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .tdb-aj-search-inner .td_module_wrap{
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .td-module-meta-info{
    padding:11px 40px !important;
  }
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .td-module-meta-info:hover{
    opacity: 1.6;
    background: #f5f5f7 !important;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .td-module-container:last-child .td-module-meta-info:hover {
    border-radius: 0px 0px 8px 8px;
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .td-module-title{
    margin: 0 !important;
    font-size: 14px;
    font-family: Manrope, Manrope-Medium;
    font-weight: 500;
    text-align: left;
    color: #03060b;
    line-height: 22px;
    /*padding: 9px 0px !important;*/
  }
  
  .tdb-drop-down-search-open .tdb-aj-search .tdb-aj-search-results .td-module-title a{
    color: #03060b !important;
  }
  
  .tdb_header_search .tdb-aj-search-results{
    border-width:unset !important;
    border-style: none !important;
  }
  
  .tdb-aj-search .tdb-aj-srs-title,
  .tdb-aj-search .result-msg{
    display: none;
  }
  /* end header*/
    /* featured posts css */
  
  
  #blog-featured-posts .td-pulldown-category{
    min-width: 65px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #03060b;
    border-radius: 22px;
    font-weight: 600;
    font-size: 12px !important;
    cursor: pointer;
    color:#03060B;
    padding:0px 6px;
  }
  
  #blog-featured-posts .swiper-slide {
    width: 545px ;
    /*padding-right: 30px;*/
    position: relative;
    /*left: 2010px;*/
  }
  
  #blog-featured-posts .swiper-slide .bg {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden;
  }
  
  
  #blog-featured-posts .swiper-slide .white-top {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-top.png);
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  #blog-featured-posts .td-module-thumb >a >span {
    border-radius: 16px 16px 0px 0px !important;
    -moz-border-radius: 16px 16px 0px 0px !important;
    -webkit-border-radius: 16px 16px 0px 0px !important;
  }
  
    #blog-featured-posts .td-post-category{
        padding-left: 0px;
        text-transform: uppercase !important;
        font-family: Manrope, Manrope-Medium;
        font-weight: 700;
    }
  
  
  #blog-featured-posts .swiper-slide .white-bottom {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-bottom.png);
    position: absolute;
    z-index: 900;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  /* #blog-featured-posts.bg .black-mask {
    width: 480px;
    height: 326px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../images/black-mask.png);
  } */
  
  #blog-featured-posts .bg:hover .black-mask {
    display: none;
  }
  
  #blog-featured-posts .td-block-title-wrap{
    padding: 0px calc(50vw - 560px);
  }
  
  #blog-featured-posts .td-block-title-wrap 
  #blog-featured-posts .swiper-button-prev,
  #blog-featured-posts .swiper-button-next {
    position: absolute;
    z-index: 999;
    bottom: 0;
    right: 345px;
    margin-top: -30px;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
  }
  
  #blog-featured-posts .swiper-button-next {
    background-position: 0 -60px;
    left: auto;
    right: 280px;
  }
  
  #blogBanner:hover .swiper-button-prev,
  #blogBanner:hover .swiper-button-next {
    display: block;
  }
  
  #blog-featured-posts .slide1 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide2 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide3 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide4 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide5 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide6 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  /* #blog-featured-posts.swiper-slide .bg:hover {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/fire.png) #fc6760 340px 210px no-repeat;
  } */
  
  #blog-featured-posts .info {
    position: absolute;
    padding: 30px;
    z-index: 999;
    bottom: -149px;
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
  }
  
  #blog-featured-posts .info .date {
    font-size: 14px;
    margin-bottom: 16px;
  }
  
  #blog-featured-posts .info h3 {
    margin-bottom: 18px;
  }
  
  #blog-featured-posts .info h3 a {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
  }
  
  #blog-featured-posts .info p {
    text-indent: 2em;
  }
  
  #blog-featured-posts .info .btn {
    margin-top: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 106px;
    height: 42px;
    line-height: 40px;
    text-decoration: none;
    /*background: url(../images/link_bg.png) no-repeat;*/
  }
  
  #blog-featured-posts .info .btn:hover {
  
    color: #000;
    /*background: url(../images/link_bg.png) no-repeat left -42px;*/
  }
  
  #blog-featured-posts .td-author-photo .avatar{
    width: 20px;
    height: 20px;
  
    margin-right: 6px;
  
    border-radius: 50%;
  }
  
  /* latest posts css */
  #blog-latest-posts{
    margin-top: 20px;
    height: 720px;
    /*width: calc(50vw + 560px) !important;*/
    position: relative;
    overflow: visible !important;
  }
  
  /*
  #blog-latest-posts .td-category-pos-above{
    flex: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: flex-start;
  }*/
  
  #blog-latest-posts .td-module-thumb >a >span {
    border-radius: 16px 16px 16px 16px !important;
    -moz-border-radius: 16px 16px 16px 16px !important;
    -webkit-border-radius:16px 16px 16px 16px !important;
  }
  
  #blog-latest-posts .td-block-title-wrap{
    /*padding: 0px calc(50vw - 560px);*/
    padding: 0 36px;
  }
  
  #blog-latest-posts .td-block-title{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #blog-latest-posts .td-block-title span {
    font-family: 'Manrope' !important;
    font-size: 32px !important;
    font-weight: 600 !important;
  }
  
  #blog-latest-posts .swiper-slide {
    width: 1120px;
    /*padding-right: 30px;*/
    position: relative;
  }
  
  #blog-latest-posts .swiper-slide:nth-child(2){
    /*left: cal(50vw - 560px) !important;*/
    
  }
  
  #blog-latest-posts .swiper-slide .bg {
    height: 580px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden;
  }
  
  .blog-latest-posts .swiper-slide{
    width: 1120px !important;
    padding-right: 30px;
    position: relative;
  } 
  
  #blog-latest-posts .entry-thumb{
    /*height: 630px;*/
    height: 625px;
  }
  #blog-latest-posts .swiper-slide .white-top {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-top.png);
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  #blog-latest-posts .swiper-slide .white-bottom {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-bottom.png);
    position: absolute;
    z-index: 900;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  /* #blog-latest-posts.bg .black-mask {
    width: 480px;
    height: 326px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../images/black-mask.png);
  } */
  
  #blog-latest-posts .bg:hover .black-mask {
    display: none;
  }
  
  #blog-latest-posts .td-slide-meta{
    bottom: 0;
    padding-left: 80px;
    padding-right: 100px;
    /*padding-top: 130px;*/
    width: 1120px;
    height: 315px;
    background: linear-gradient(180deg,rgba(0,0,0,0.00), rgba(0,0,0,0.81) 99%);
    border-radius: 0px 0px 16px 16px;
    right: unset !important;
  }
  
  #blog-latest-posts .swiper-button-prev,
  #blog-latest-posts .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    z-index: 999;
    left: calc(50vw + 467px);
    margin-top: -50px;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
  }
  
  #blog-latest-posts .swiper-button-prev:after{
    content: '' !important;
  }
  #blog-latest-posts .swiper-button-next:after{
    content: '' !important;
  }
  
  #blog-latest-posts .swiper-button-prev{
    background: url(../imgs/slide-pre.png);
    background-size:100% 100%;
    margin-top: -333px;
  }
  #blog-latest-posts .swiper-button-prev:hover{
    background: url(../imgs/slide-pre-hover.png);
    background-size:100% 100%;
  }
  
  #blog-latest-posts .swiper-button-next{
    margin-top: -333px;
    background: url(../imgs/slide-next.png);
    background-size:100% 100%;
  }
  
  #blog-latest-posts .swiper-button-next:hover{
    background: url(../imgs/slide-next-hover.png);
    background-size:100% 100%;
  }
  
  #blog-latest-posts .swiper-button-next {
    left: calc(50vw + 515px);;
  }
  
  
  
  
  #blog-latest-posts .td-slide-meta{
    bottom: 0;
    padding-left: 80px;
    /*padding-top:175px;*/
    padding-right: 80px;
    top: 310px;
  }
  
  #blog-latest-posts .td-slide-meta .td-slide-meta-content{
      position: absolute;
      bottom:43px;
      padding-right: 80px;
  }
  
  
  #blog-latest-posts .td-slide-meta .slide-meta-cat  a{
    font-size: 12px;
    font-family: 'Manrope', Manrope-Bold;
    color: #FA4500 ;
    text-transform: uppercase;
    font-weight: 600;
  }
  #blog-latest-posts .td-slide-meta .entry-title{
    font-size: 32px;
    font-family: 'Manrope', 'Manrope-Bold';
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    line-height: 40px;
  }
  
  
  #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-author-name a{
    font-size: 14px;
    font-family: Manrope, Manrope-Bold;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-author-name span{
    font-size: 14px;
    font-family: Manrope, Manrope-Semibold;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-date{
    font-size: 14px;
    font-family: Manrope, Manrope-Semibold;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-comments{
    display: none;
  }
  
  
  /* #blog-latest-posts.swiper-slide .bg:hover {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/fire.png) #fc6760 340px 210px no-repeat;
  } */
  
  #blog-latest-posts .info {
    position: absolute;
    padding: 30px;
    z-index: 999;
    bottom: -149px;
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
  }
  
  #blog-latest-posts .info .date {
    font-size: 14px;
    margin-bottom: 16px;
  }
  
  #blog-latest-posts .info h3 {
    margin-bottom: 18px;
  }
  
  #blog-latest-posts .info h3 a {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
  }
  
  #blog-latest-posts .info p {
    text-indent: 2em;
  }
  
  #blog-latest-posts .info .btn {
    margin-top: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 106px;
    height: 42px;
    line-height: 40px;
    text-decoration: none;
    /*background: url(../images/link_bg.png) no-repeat;*/
  }
  
  #blog-latest-posts .info .btn:hover {
  
    color: #000;
    /*background: url(../images/link_bg.png) no-repeat left -42px;*/
  }
  
  #blog-latest-posts .td-author-photo .avatar{
    width: 24px;
    height: 24px;
    top:-1px;
    margin-right: 6px;
    position: absolute;
    border-radius: 50%;
  }
  
  #blog-latest-posts .td-module-meta-info .td-post-author-name .td-post-author-name{
    margin-left: 35px;
  }
  /* latest posts css */
  
  
  /* mid cat posts css */
  
  .mid-cat-posts {
    margin-bottom: 80px !important;
  }
  .mid-cat-posts .td_block_inner{
  
  }
  
  .mid-cat-posts .td-block-title{
    margin-bottom: 30px !important;
  }
  .mid-cat-posts .td-block-title span{
    font-size: 32px;
    font-family: Manrope, Manrope-Bold;
    font-weight: 600 !important;
    text-align: left;
    color: #03060b;
    line-height: 40px;
  }
  
  .mid-cat-posts .td-category-pos-above{
    flex: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: flex-start;
  }
  
  .mid-cat-posts .td-module-thumb >a >span{
    border-radius: 16px 16px 0px 0px;
  }
  
   .mid-cat-posts .td_module_wrap:hover .entry-title a{
    color: #03060b !important;
  }
  
  .mid-cat-posts .td-module-thumb{
    height: 200px;
  }
  
  .mid-cat-posts .td-module-thumb .entry-thumb{
    height: 200px;
  }
  .mid-cat-posts .td-module-meta-info{
    padding: 20px 20px 23px 20px !important;
    font-family: 'Manrope', 'Manrope-Bold' !important;
    min-height: 193px;
  }
  
  .mid-cat-posts .td-module-meta-info a{
    font-size: 12px;
    font-weight: 700;
    color:#FA4500;
  }
  
  .mid-cat-posts .td-module-meta-info .td-module-title a{
    font-family: 'Manrope', 'Manrope-Bold' !important;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #03060b;
    line-height: 24px;
  }
  
  .mid-cat-posts .td-module-meta-info .td-editor-date{
    position: absolute;
    bottom: 20px;
  }
  .mid-cat-posts .td-module-meta-info .td-editor-date .avatar{
    height: 24px;
    width: 24px;
  }
  .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-author-name a{
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-author-name span{
    margin-left: 8px;
  }
  
  .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-date .entry-date{
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  /* end mid cat posts css*/
  
  /* featured posts css */
  #blog-featured-posts{
    margin-top: 25px;
    margin-bottom: 60px;
    height: 700px;
    /*width: calc(50vw + 560px) !important;*/
    position: relative;
  }
  
  #blog-featured-posts .td-category-pos-above{
    flex: 1;
    background-color: rgb(255, 255, 255);
    border-radius: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: flex-start;
  }
  
  #blog-featured-posts .swiper-wrapper{
      left: -287px;
  }
  
  #blog-featured-posts > .td-block-title-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #03060B;
    margin: 10px 280px 0px 0;
  }
  
  /*
  #blog-featured-posts  .td-block-title-wrap  .td-pulldown-categor{
    position: absolute !important;
    margin-right: 280px !important;
  }*/
  
    #blog-featured-posts  .td-block-title-wrap .td-block-title{
        font-family: Manrope !important;
        font-size: 32px !important;
        color: #03060B !important;
        font-weight: 600;
        margin-bottom: 30px;
    }
    
  
    #blog-featured-posts  .td-block-title-wrap  .td-pulldown-category {
        position: absolute;
        display: table;
  
        text-align: center;
        min-width: 97px;
        height: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #03060b;
        border-radius: 22px;
        font-weight: 600;
        font-size: 16px !important;
        cursor: pointer;
        height: 40px;
        left: calc(50vw + 455px);
        line-height: 40px !important;
        font-family:  Manrope, Manrope-Semibold;
        margin-bottom: 18px;
        padding:0px 6px;
    }
  
  #blog-featured-posts .swiper-slide .bg {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden;
  }
  
  
  #blog-featured-posts .swiper-slide .white-top {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-top.png);
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  #blog-featured-posts .swiper-slide .white-bottom {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/white-bottom.png);
    position: absolute;
    z-index: 900;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
  }
  
  /* #blog-featured-posts.bg .black-mask {
    width: 480px;
    height: 326px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../images/black-mask.png);
  } */
  
  #blog-featured-posts .bg:hover .black-mask {
    display: none;
  }
  
  #blog-featured-posts .swiper-button-prev:after,
  #blog-featured-posts .swiper-button-next:after{
    content: '' !important;
  }
  
  #blog-featured-posts .swiper-button-prev,
  #blog-featured-posts .swiper-button-next {
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: calc(50vw + 462px);
    margin-top: 315px;
    width: 40px !important;
    height: 40px !important;
    background-size:100% 100%;
    cursor: pointer;
  }
  
  #blog-featured-posts .swiper-button-prev{
    background: url(../imgs/slide-pre.png);
    background-size:100% 100%;
  }
  .swiper-button-disabled{
    background: url(../imgs/slide-pre-none.png);
    background-size:100% 100%;
  }
  
  #blog-featured-posts .swiper-button-prev:hover{
    background: url(../imgs/slide-pre-hover.png);
    background-size:100% 100%;
  }
  
  #blog-featured-posts .swiper-button-next{
  
    background: url(../imgs/slide-next.png);
    background-size:100% 100%;
  }
  #blog-featured-posts .swiper-button-next:hover{
  
    background: url(../imgs/slide-next-hover.png);
    background-size:100% 100%;
  }
  
  #blog-featured-posts .swiper-button-next {
    left: calc(50vw + 510px);
  }
  
  #blogBanner:hover .swiper-button-prev,
  #blogBanner:hover .swiper-button-next {
    display: block;
  }
  
  #blog-featured-posts .slide1 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide2 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide3 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide4 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide5 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  #blog-featured-posts .slide6 .bg {
    background-image: url(../imgs/11.jpg);
  }
  
  /* #blog-featured-posts.swiper-slide .bg:hover {
    background: url(https://www.jq22.com/demo/youdao201712212325/images/fire.png) #fc6760 340px 210px no-repeat;
  } */
  
  #blog-featured-posts .info {
    position: absolute;
    padding: 30px;
    z-index: 999;
    bottom: -149px;
    color: #fff;
    font-size: 14px;
    padding-top: 30px;
  }
  
  #blog-featured-posts .info .date {
    font-size: 14px;
    margin-bottom: 16px;
  }
  
  #blog-featured-posts .info h3 {
    margin-bottom: 18px;
  }
  
  #blog-featured-posts .info h3 a {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
  }
  
  #blog-featured-posts .td-block-title{
    margin-top: 0 !important;
  }
  
  #blog-featured-posts .info p {
    text-indent: 2em;
  }
  
  #blog-featured-posts .info .btn {
    margin-top: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 106px;
    height: 42px;
    line-height: 40px;
    text-decoration: none;
    /*background: url(../images/link_bg.png) no-repeat;*/
  }
  
  #blog-featured-posts .info .btn:hover {
  
    color: #000;
    /*background: url(../images/link_bg.png) no-repeat left -42px;*/
  }
  
  #blog-featured-posts .td-author-photo .avatar{
    width: 20px;
    height: 20px;
  
    margin-right: 6px;
  
    border-radius: 50%;
  }
  #blog-featured-posts .td_module_flex_1 .td-module-meta-info{
    height: 260px !important;
    padding: 40px !important;
  }
  #blog-featured-posts .td-image-container{
    height: 308px !important;
    border-radius: 16px;
  }
  #blog-featured-posts .td-thumb-css{
    height:
     308px !important;
  }
  #blog-featured-posts .td-module-meta-info .td-editor-date{
    position: absolute;
    bottom: 40px;
  }
  #blog-featured-posts .td-module-meta-info .td-module-title a{
    font-family: 'Manrope', 'Manrope-Bold' !important;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #03060b;
    line-height: 24px;
  }
  
  #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-author-name a{
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  
  #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-author-name span{
    margin-left: 8px;
  }
  
  #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-date .entry-date{
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #919191;
    line-height: 18px;
  }
  /* start subscrption*/
  .main-container{
    width: 100%;
    font-family: Lora !important;
    color:#000;
  }
  .main-container *{
    margin: 0px;
    padding: 0px;
  }
  .main-container .sign-up{
    box-sizing: border-box;
    margin:auto;
    padding: 20px 10px;
    box-shadow: 3px 3px 20px -2px grey;
    background-color: white;

  }
  .main-container .sign-up .header{
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5rem;
  }
  .main-container .sign-up .sub-header{
        text-align: center;
    }
  .main-container .sign-up .email-ipt{
    border-radius: 5px;
    border: 1px solid #3F68E0;
    margin-top: 15px;
    padding: 13px;
  }
  .main-container .sign-up .email-ipt:focus-visible{
    outline-color: #3F68E0;
  }
  .main-container .sign-up .btn{
      border-radius: 6px;
      border: none;
      background-color: gray;
      color: white;
      font-size: 12px;
      font-weight: bold;
      margin-top: 15px;
      padding: 9px;
      width: 100%;
      cursor: pointer;
    }
    .main-container .sign-up .btn:hover{
      /*background-color: #1d4fe6;*/
    }
    
    /*.main-container .sign-up .btn:active{
      background-color: #1437a0;
    }*/
  .main-container .sign-up .footer{
    margin-top: 15px;
    column-gap: 5px;
    display: flex;
  }
  .main-container .sign-up .footer .cb{
    width: 10px;
    height: 10px;
    margin-top:5px;
  }
  .main-container .sign-up .footer .label{
    font-size: 12px;
    color:#000;
  }
  .main-container .sign-up .footer .label a{
    text-decoration: underline;
  }

  .main-container #successMessage{
    padding: 10px;
    display: none;
    box-shadow: 3px 3px 20px -2px grey;
  }
  .main-container #successMessage .thanks{
    padding-top: 10px;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5rem;
  }
  .main-container #successMessage .thanks-note{
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 1.5rem;
  }
  /* end subscrption */
  
  /*.td_module_flex_1 .td-thumb-css{*/
  /*    height: 308px !important;*/
  /*}*/
  @media (max-width:767px) {
    /* .td_block_inner {
        display: flex;
        flex-wrap: wrap;
        
    } */
  
    /*.wpb_column .vc_column_container .tdc-column .td-pb-span12{
        padding: 0px 0px !important;
    }*/
  
    /*
    [class^="tdi_"]{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/
  
      #td-mobile-nav{
          left: 0px !important;
          right: 0px !important;
      }
    .td-header-mobile-wrap .tdb_mobile_menu .tdb-mobile-menu-button i{
      font-size: 18px;
      margin-left: -10px;
    }
  
    .td-header-mobile-wrap .tdb_header_logo{
      width: 65% !important;
    }
    .td-header-mobile-wrap .tdb_header_logo .tdb-logo-img-wrap img {
      display: block;
      height: 16px;
      width: 169px;
    }
    
    .td-header-mobile-wrap .tdb_mobile_search{
      /*
      left: 24px !important;
      position: absolute !important;
      */
      /*width: 15%;*/
      position: absolute;
      right: 36px;
    }
  
    .td-header-mobile-wrap .tdb_mobile_search .tdb-header-search-button-mob {
      padding-right: 15px;
      margin-left: 26px;
    }
  
    .td-header-mobile-wrap .tdb_mobile_search .tdb-header-search-button-mob i {
      /*width: 22px;
      height: 22px;
      font-size: 22px;*/
      /*line-height: 22px;*/
      /*position: absolute !important;*/
      /*margin-left: 105px !important;*/
      margin-top: 5px;
      height: 24px;
      width: 24px !important;
      top: -35px;
    }
  
    .td-header-mobile-wrap .tdm_block.tdm_block_button{
      position: absolute !important;
      right: 3px !important;
      margin-left: 85px !important;
      width: 21px !important;
      height: 21px !important;
      top:16px;
    }
  
    .td-header-mobile-wrap .td-mobile-close{
      top: -1px !important;
    }
    /*
    .td-header-mobile-wrap .td-mobile-close .td-icon-close-mobile{
      font-size: 13px !important;
      color: #03060B !important;
    }
    .td-header-mobile-wrap .td-icon-close-mobile:before {
      font-weight: bold;
    }
    */
  
    .td-header-mobile-wrap .td-mobile-close .td-icon-close-mobile{
      background-image: url('../imgs/mob-nav-close.svg');
      background-size: 100% 100%;
      width: 24px;
      height: 24px;
      cursor: pointer;
    }
    .td-header-mobile-wrap .td-icon-close-mobile:before {
      content: '' !important;
    }
  
    #td-mobile-nav #menu-mega-menu>li>a{
  
      border-bottom: 0.5px solid rgba(0,0,0,.1) !important;
      border-top: 0px !important;
      border-right: 0px !important;
      border-left: 0px !important;
      padding-right: 50px;
    }
    #td-mobile-nav #menu-mega-menu>li:last-child>a{
      border-bottom: unset !important;
    }
    
    .td-header-mobile-wrap .mob-nav-store .tds-button a{
      width: 30px;
      height: 40px;
      margin-top: -20px;
      margin-left: -5px;
  }
  
    #menu-mega-menu>li:last-child a{
      border-bottom: 1px solid rgba(0,0,0,.1) !important;
    }
    
    #menu-mega-menu>li>ul>li:last-child>a{
      border-bottom: unset;
    }
  
    .td-header-mobile-wrap .tdi_2{
        margin-bottom: 0 !important;
        border-width: 0px 0px 1px 0px !important;
    }
    .td-header-mobile-wrap .tdi_4{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }
  
    .td-header-mobile-wrap .tdi_6{
        display: none !important;
    }
  
    .td-search-wrap-mob #td-header-search-mob{
      margin: 5px 0 !important;
    }
    
    /*.td-search-wrap-mob .td-search-input .tdb-mobile-search-icon{
      font-size: 20px;
      top: 16px;
    }*/
  
    .td-icon-search:before{
      content: '' !important;
    }
  
    .tdb-header-search-button-mob .tdb-mobile-search-icon{
      background-image: url('../imgs/mob-home-search.svg');
      background-size: 100% 100%;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 16px;
    }
    
    .td-search-wrap-mob .td-mobile-close{
      top: -11px !important;
    }
    .td-search-wrap-mob .td-drop-down-search .td-icon-close-mobile{
      font-size: 13px !important;
      height: 50px!important;
      width: 50px!important;
      top: -9px!important;
      color:#03060B;
    }
    .td-search-wrap-mob .td-icon-close-mobile:before {
      font-weight: bold;
    }
  
    .td-menu-socials{
        display:none;
    }
    #td-mobile-nav{
        background-color: #fff !important;
    }
    
    .td-mobile-close{
        position: relative !important;
        top: -16px !important;
        /*margin-right: 13px;*/
    }
  
    /*
    .td-mobile-close .td-icon-close-mobile {
        height: 18px !important;
        width: 18px !important;
        font-size: 18px !important;
        top:-2px !important;
        color: #03060B !important;
        opacity:1 !important;
    }
    */
  
    .td-search-wrap-mob .td-search-form{
      margin-bottom: 0px !important;
    }
  
    #td-mobile-nav .td-mobile-container{
      width: 100vw;
    }
    .td-mobile-content li.menu-item{
      margin: 0 24px;
    }
    .td-mobile-content .sub-menu {
      background-color: #f5f5f7;
      margin: 0 -24px;
    }
    
    #mob-search-recommended{
      padding-left: 20px;
      font-size: 14px;
      font-family: Manrope, Manrope-Medium;
      font-weight: 500;
      text-align: left;
      color: #919191;
      line-height: 16px;
      height: 40px;
      line-height: 40px;
      margin-bottom: 5px;
    }
    #td-aj-search-mob .td-aj-search-results .td-cpt-page{
      padding-bottom: 0;
    }
  
    #td-aj-search-mob .td-aj-search-results .td-module-container{
      margin-bottom: 0px !important;
    } 
  
    
    #td-aj-search-mob .td-aj-search-results .td-image-container{
      display: none;
    }
    #td-aj-search-mob .td-aj-search-results .td-module-meta-info{
      padding-left: 0;
      padding-right: 0;
    }
  
    #td-aj-search-mob .td-aj-search-results .td_module_flex_1 .td-module-meta-info{
      height: unset !important;
      padding: 10px 0px !important;
    }
    #td-aj-search-mob .td-aj-search-results .td_module_flex_1 .td-module-title{
      margin-bottom: 0px !important;
    }
  
    #td-aj-search-mob .td-aj-search-results .td-cpt-post{
      padding-bottom: 0px !important;
    }
    #td-aj-search-mob .td-aj-search-results .td-module-meta-info .td-module-title a{
      font-size: 14px;
      font-family: Manrope, Manrope-Medium;
      font-weight: 500;
      text-align: left;
      color: #03060b;
      line-height: 16px;
    }
    #td-aj-search-mob .td-aj-search-results .td-module-meta-info div{
      display: none;
    }
  
    #td-aj-search-mob .result-msg{
      display: none;
    }
  
    .td-mobile-content{
        padding: 0 0 0 0 !important;
        background-color: #ffffff;
    }
  
    .td-mobile-content .menu-mega-menu-container{
      padding: 0 5 0 5px !important;
    }
  
    .td-mobile-content .menu-mega-menu-container .menu-mega-menu li{
        height: 50px;
    }
  
    .td-mobile-content .td-mobile-main-menu > li > a{
        font-size: 14px;
        font-family: Manrope, Manrope-Medium;
        font-weight: 500;
        text-align: left;
        color: #03060b;
        line-height: 16px;
        background-color: #ffffff;
        padding: 17px 0px 17px 0px;
    }
    .td-mobile-content .sub-menu {
      background-color: #f5f5f7;
    }
  
    .td-mobile-content .sub-menu a{
        font-size: 14px !important;
        font-family: Manrope, Manrope-Medium !important;
        font-weight: 500 !important;
        text-align: left;
        color: #666666 !important;
        line-height: 16px !important;
        /*padding: 9px 26px 9px 20px !important;*/
        margin-left: -16px;
    }
    
    .td-mobile-content .sub-menu li a{
        margin: 0 0px 0px 10%;
        width: 80%;
        border-bottom: rgba(0,0,0,0.10) 1px solid;
        padding: 17px 26px 17px 0px !important;
    }
    .td-mobile-content .sub-menu li:last-child a{
        border-bottom: unset;
    }
  
  
  
    .td-mobile-content .td-icon-menu-right{
      -webkit-transform-origin: unset; 
      transform-origin:unset; 
      -webkit-transition: unset;
      transition: unset; 
      transform: unset; 
      -webkit-transform: rotate(0deg) !important;
      right: 5px;
      background-image: url('../imgs/mob-nav-menu-open.svg');
      background-size: 100% 100%;
      width: 10px;
      height: 6px;
      cursor: pointer;
      padding: 12px 0px !important;
      right: 2px !important;
    }
    .td-mobile-content .td-icon-menu-right::before{
      content: '' !important;
    }
  
    .td-search-close .td-icon-close-mobile{
      top: -2px !important;
    }
    .td-search-close .td-icon-close-mobile::before{
      content: '' !important;
    }
  
    /*
    .td-search-wrap-mob .td-search-close{
      position: absolute;
      right: 5px;
    }*/
  
    .tdb-header-search-button-mob .tdb-mobile-search-icon:before{
      content: '' !important;
  
    }
  
    .td-search-wrap-mob  .tdb-mobile-search-icon {
      position: absolute;
      content: '' !important;
      right: 5px;
      background-image: url('../imgs/mob-nav-search-search.svg');
      background-size: 100% 100%;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 8px;
    }
    .td-search-wrap-mob .td-search-close{
      position: absolute;
      content: '' !important;
      right: 12px;
      background-image: url('../imgs/mob-nav-close.svg');
      background-size: 100% 100%;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 13px;
    }
  
    .td-search-wrap-mob .td-search-input{
      margin: 0 !important;
      padding: 0 5%;
    }
    .td-search-wrap-mob .td-search-input span{
      display: none;
    }
  
    .td-mobile-content .sub-menu a:hover {
        background-color: #e8e8ea;
    }
  
    .td-search-background{
        background-color: #fff !important;
    }
    .td-search-input span{
        color: #03060B !important;
    }
    .sub-menu >li:hover{
        background-color: #E8E8EA !important;
    }
    #menu-mega-menu > li >a{
        color: #03060B !important;
        border: 1.5px solid rgba(0,0,0,0.10);;
    }
  
    #menu-mega-menu > li:last-child a{
      border-bottom: unset;
    }
  
    .td-header-search-mob{
        color: #03060B !important;
    }
    
    .td_module_wrap{
        width: unset !important;
    }
    .td_mod_wrap{
        height: 270px !important;
    }
    .iosSlider-col-3, .iosSlider-col-3 .td_module_slide{
        height: 270px !important;
    }
  
    .td-module-container{
        margin-bottom: 20px !important;
    } 
  
    #blog-latest-posts{
        height: 458px !important;
        margin-top: 20px;
    }
    
    #blog-latest-posts .td-block-title-wrap{
        padding: 0px 20px !important;
    }
  
    #blog-latest-posts .td-module-thumb >a >span {
      border-radius: 12px 12px 12px 12px !important;
      -moz-border-radius: 12px 12px 12px 12px !important;
      -webkit-border-radius:12px 12px 12px 12px !important;
    }
  
    #blog-latest-posts .td_block_wrap{
      margin-bottom: 0px;
     
    }
  
    #blog-latest-posts .td-block-title{
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 0px;
        max-width: 65vw;
    }
    #blog-latest-posts .td-block-title span{
      font-size: 24px !important;
  }
    #blog-latest-posts .swiper-button-prev,
    #blog-latest-posts .swiper-button-next {
      position: absolute;
      z-index: 999;
      left: calc(100vw - 92px) !important;
      margin-top: -229px;
      width: 32px !important;
      height: 32px !important;
      
    }
  
    #blog-latest-posts .swiper-button-next{
      left: calc(100vw - 54px) !important;
    }
  
    
    #blog-latest-posts .swiper-slide {
        /*width: 327px !important;*/
        width: calc(100vw - 44px) !important;
        /*padding-right: 8px !important;*/
        position: relative;
    }
    #blog-latest-posts .entry-thumb{
      /*height: 410px !important;*/
      height: 408px !important;
    }
  
    #blog-featured-posts{
        height: 530px !important;
    }
    #blog-featured-posts .swiper-slide {
        /*width: 327px !important;*/
        width: calc(100vw - 40px) !important;
        /*padding-right: 8px !important;*/
        position: relative;
    }
  
    #blog-featured-posts .swiper-button-prev,
    #blog-featured-posts .swiper-button-next{
      position: absolute;
      z-index: 999;
      left: calc(50vw - 35px) !important;
      margin-top: 190px !important;
      width: 32px !important;
      height: 32px !important;
    }
  
    #blog-latest-posts .td-category-pos-above{
      flex: 1;
      background-color: rgb(255, 255, 255);
      width: 100%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      gap: 0px;
      justify-content: flex-start;
      border-radius: 12px;
    }
    #blog-latest-posts .td-slide-meta{
        bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        width: calc(100vw - 43px);
        top:94px;
    }
    
    #blog-latest-posts .td-slide-meta .td-slide-meta-content{
      position: absolute;
      bottom:24px;
      padding-right: 30px;
    }
  
    #blog-latest-posts .td-slide-meta .slide-meta-cat a{
        font-size: 12px;
        font-family: 'Manrope', Manrope-Bold;
        color: #FA4500 ;
        text-transform: uppercase;
        font-weight: 700;
      }
      #blog-latest-posts .td-slide-meta .entry-title{
        font-size: 24px;
        font-family: 'Manrope', 'Manrope-Bold';
        font-weight: 700;
        text-align: left;
        color: #ffffff;
        line-height: 28px;
      }
      #blog-latest-posts .td-author-photo .avatar{
        top:-2px;
      }
      #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-author-name a{
        font-size: 12px;
        font-family: Manrope, Manrope-Bold;
        font-weight: 700;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
    
      #blog-latest-posts .td-slide-meta .td-module-meta-info .td-post-author-name span{
        font-size: 12px;
        font-family: Manrope, Manrope-Semibold;
        font-weight: 600;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
  
  
      /* mid cat css*/
  
      .mid-cat-posts .td-module-thumb >a >span {
        border-radius: 12px 12px 0px 0px !important;
        -moz-border-radius: 12px 12px 0px 0px !important;
        -webkit-border-radius:12px 12px 0px 0px !important;
      }
      .mid-cat-posts{
        margin-bottom: 60px !important;
      }
      .mid-cat-posts .td-category-pos-above{
        flex: 1;
        background-color: rgb(255, 255, 255);
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: flex-start;
        border-radius: 12px;
      }
  
      .mid-cat-posts .td_module_flex_1 .td-thumb-css{
        width: calc(100vw - 40px);
      }
  
      .mid-cat-posts .td-block-title{
        margin-bottom: 20px !important;
        max-width: 65vw;
      }
      .mid-cat-posts .td-block-title span{
        font-size: 24px;
        font-family: Manrope, Manrope-Bold;
        font-weight: 700;
        text-align: left;
        color: #03060b;
        line-height: 40px;
      }
      .mid-cat-posts .td-module-thumb .entry-thumb{
        height: 200px;
      }
      .mid-cat-posts .td-module-meta-info{
        padding: 20px 20px 23px 20px !important;
        font-family: 'Manrope', 'Manrope-Bold' !important;
        min-height: 167px;
        width: calc(100vw - 40px) !important;
      }
      .mid-cat-posts .td-module-meta-info .td-module-title a{
        font-family: 'Manrope', 'Manrope-Bold' !important;
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: #03060b;
        line-height: 24px;
      }
  
      .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-author-name a{
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
    
      .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-author-name span{
        margin-left: 8px;
      }
    
      .mid-cat-posts .td-module-meta-info .td-editor-date .td-post-date .entry-date{
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
      
      .mid-cat-posts .td-pulldown-category {
        text-align: center ;
        min-width: 82px;
        height: 32px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1.5px solid #03060b;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px !important;
        cursor: pointer;
        height: 32px;
        line-height: 32px !important;
        font-family:  Manrope, Manrope-Semibold;
        padding: 0px 6px;
        }
      /*end mid cat css*/
      #blog-featured-posts{
        margin-top: 0px;
        margin-bottom: -55px;
      }
      
      #blog-featured-posts .swiper-wrapper{
          left: 0px !important;
      }
      #blog-featured-posts > .td-block-title-wrap{
          padding: 0px 20px;
      }
  
      #blog-featured-posts .td-category-pos-above{
        flex: 1;
        background-color: rgb(255, 255, 255);
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: flex-start;
        border-radius: 12px;
      }
      #blog-featured-posts .td-block-title span{
        font-size: 24px;
        font-family: Manrope, Manrope-Bold !important;
        font-weight: 600;
        text-align: left;
        color: #03060b;
        line-height: 40px;
      }
      #blog-featured-posts .td-block-title-wrap .td-block-title{
        margin-bottom: 20px;
        max-width: 65vw;
      }
    #blog-featured-posts .swiper-button-next {
      left: calc(50vw + 3px) !important;
      width: 32px !important;
      height: 32px !important;
    }
    #blog-featured-posts .td_module_flex_1 .td-module-meta-info{
        height: 167px !important;
        padding: 20px !important;
    }
    #blog-featured-posts .td-image-container{
        height: 186px !important;
        border-radius: 12px;
    }
    #blog-featured-posts .td-thumb-css{
        height: 186px !important;
    }
  
    #blog-featured-posts .td-block-title-wrap .td-pulldown-category{
        /*left: 19%;*/
        left: calc(100vw - 120px);
        margin-bottom: 20px;
  
        text-align: center;
        min-width: 82px;
        height: 32px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1.5px solid #03060b;
        border-radius: 20px;
        font-weight: 500;
        font-size: 14px !important;
        cursor: pointer;
        height: 32px;
        line-height: 32px !important;
        font-family: 'Roboto', sans-serif !important;
        padding: 0px 6px;
    }
  
    #blog-featured-posts .td-module-meta-info .td-editor-date{
        position: absolute;
        bottom: 20px;
      }
      #blog-featured-posts .td-module-meta-info .td-module-title a{
        font-family: 'Manrope', 'Manrope-Bold' !important;
        font-size: 19px;
        font-weight: 700;
        text-align: left;
        color: #03060b;
        line-height: 24px;
      }
    
      #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-author-name a{
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
    
      #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-author-name span{
        margin-left: 8px;
      }
    
      #blog-featured-posts .td-module-meta-info .td-editor-date .td-post-date .entry-date{
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        color: #919191;
        line-height: 18px;
      }
  
      /*
      .td-search-input input{
        background: url(../imgs/search.png) no-repeat 0 !important;
        background-size: 24px 24px;
        padding-left: 20px;
      }
      */
    
      #td-header-search-mob{
        padding: 0 30px !important;
        text-align: left !important;
        font-size: 14px !important;
        font-family: Manrope, Manrope-Medium !important;
        font-weight: 500 !important;
        color: #919191 !important;
        line-height: 16px !important;
      }
      .td-search-input .tdb-mobile-search-icon {
        font-size: 27px;
        position: absolute;
        top: 13px;
        left: 15px;
      }
  
      #blog-featured-posts .td-module-thumb >a >span {
        border-radius: 12px 12px 0px 0px !important;
        -moz-border-radius: 12px 12px 0px 0px !important;
        -webkit-border-radius: 12px 12px 0px 0px !important;
      }
   
    #td-header-search-mob{
        /*background: url(../images/link_bg.png) no-repeat left -42px !important;*/
    }
    .tdi_9 .tdb-mobile-menu-button .tdb-mobile-menu-icon-svg{
        margin-left: -10px;
    }
    
    .tdb-mobile-menu-icon-svg svg{
       /* margin-top:5px;*/
    }

      /* start subscrption*/
    .main-container{
      width: 100%;
      font-family: Lora !important;;
      color:#000;
    }
    .main-container *{
      margin: 0px;
      padding: 0px;
    }
    .main-container .sign-up{
      box-sizing: border-box;
      margin:auto;
      padding: 20px 10px;
      box-shadow: 3px 3px 20px -2px grey;
      background-color: white;

    }
    .main-container .sign-up .header{
      color: #000;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5rem;
    }
    
    .main-container .sign-up .sub-header{
        text-align: center;
    }
    .main-container .sign-up .email-ipt{
      border-radius: 5px;
      border: 1px solid #3F68E0;
      margin-top: 15px;
      padding: 13px;
    }
    .main-container .sign-up .email-ipt:focus-visible{
      outline-color: #3F68E0;
    }
    .main-container .sign-up .btn{
        border-radius: 6px;
        border: none;
        background-color: gray;
        color: white;
        font-size: 12px;
        font-weight: bold;
        margin-top: 15px;
        padding: 9px;
        width: 100%;
        cursor: pointer;
      }
      .main-container .sign-up .btn:hover{
        /*background-color: #1d4fe6;*/
      }
      
      /*.main-container .sign-up .btn:active{
        background-color: #1437a0;
      }*/
    .main-container .sign-up .footer{
      margin-top: 15px;
      column-gap: 5px;
      display: flex;
    }
    .main-container .sign-up .footer .cb{
      width: 10px;
      height: 10px;
      margin-top:5px;
    }
    .main-container .sign-up .footer .label{
      font-size: 12px;
      color:#000;
    }
    .main-container .sign-up .footer .label a{
      text-decoration: underline;
    }

    .main-container #successMessage{
      padding: 10px;
      display: none;
      box-shadow: 3px 3px 20px -2px grey;
    }
    .main-container #successMessage .thanks{
      padding-top: 10px;
      color: #000;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      line-height: 1.5rem;
    }
    .main-container #successMessage .thanks-note{
      color: #000;
      text-align: center;
      font-size: 12px;
      line-height: 1.5rem;
    }
    /* end subscrption */
    
  }
  /* featured posts css */