/* @font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangsclight.woff2') format('woff2'), url('../fonts/pingfangsclight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscmedium.woff2') format('woff2'), url('../fonts/pingfangscmedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscheavy.woff2') format('woff2'), url('../fonts/pingfangscheavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscregular.woff2') format('woff2'), url('../fonts/pingfangscregular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscbold.woff2') format('woff2'), url('../fonts/pingfangscbold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscsemibold-.woff2') format('woff2'), url('../fonts/pingfangscsemibold-.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfangscextralight.woff2') format('woff2'), url('../fonts/pingfangscextralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FZHei-B01S';
    src: url('../fonts/fzhtjw--gb1-0.woff2') format('woff2'), url('../fonts/fzhtjw--gb1-0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family: 'Microsoft JhengHei Boot';
    src: url('../fonts/microsoftjhengheiboot.woff2') format('woff2'),
        url('../fonts/microsoftjhengheiboot.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 *{
     font-weight: 300;
 }
:root {
     --secondry-font:  poppins, "noto sans", 'Microsoft JhengHei Boot', sans-serif;

}

body
{
    font-family: poppins, "noto sans", 'Microsoft JhengHei Boot', sans-serif;
}
.main-font{
    font-family: poppins, "noto sans", 'Microsoft JhengHei Boot', sans-serif;
}
@media (min-width: 1264px) {
    .container {
        max-width: 1280px;
    }
}

:focus {
    outline: none;
}

.pb-25{
    padding-bottom: 25px;
}
.pt-25{
    padding-top: 25px;
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.mobile {
    display: none!important;
}

.desktop {
    display: block!important;
}

.post__vertical--single .post__content-wrap {
    padding: 10px 0 0px;
}

.post__vertical .post__title a {
    font-weight: 600;
}

.post__vertical--single .post__readmore {
    font-weight: normal;
}

.main-color {
    color: var(--color-1st) !important;
}

.second-color {
    color: var(--color-2nd) !important;
}

.white-color {
    color: #fff;
}

.post__vertical--single .post__content p {
    color: var(--color-1st);
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0!important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-25 {
    padding-top: 25px;
}

* {
    font-family: var(--secondry-font);
}

.slide-arrow {
    background-color: transparent;
    position: absolute;
    top: 50%;
    top: calc(50% - 25%);
    margin-top: -15px;
    border: none;
    font-size: 3em;
    color: #ffffff;
    z-index: 1;
}

.prev-arrow {
    left: -40px;
    text-shadow: 2px 2px 2px #808080, 3px 3px #808080;
}

.next-arrow {
    right: -40px;
    text-shadow: -2px 2px 2px #808080, -3px 3px #808080;
}

.page-footer .list a {
    color: #ffffff;
}

.page-footer .menu {
    display: flex;
    justify-content: center;
}

.page-footer .menu>li {
    padding-right: 3em;
}

.page-footer .menu>li a {
    /* padding-bottom: 10px; */
}

.home-feature {
    background-color: #ffffff;
}

.home-feature .nav-tabs>li.active>a {
    color: #ffffff;
}

.home-feature .nav-tabs {
    border-bottom: 1px solid #6f4f47;
}

.home-feature .nav>li>a {
    padding: 5px 10px 5px 10px;
    border-radius: 0;
    font-size: 21px;
    font-weight: 600;
}

.home-feature .nav-tabs>li>a {
    border: none;
    font-family: 'FZHei-B01S';
}

.home-feature .nav-tabs>li.active>a, .home-feature .nav-tabs>li.active>a:focus, .home-feature .nav-tabs>li.active>a:hover {
    background-color: var(--color-2nd);
    background-image: url('../images/bg-6f4f47.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.home-feature .nav>li>a:focus, .home-feature .nav>li>a:hover {
    background-color: unset;
    border-color: unset;
    border: none;
}

.home-feature .post__vertical--single .post__title a {
    font-size: 13px;
}

.home-feature .post__vertical--single .post__content-wrap {
    position: relative;
    padding: 10px 0 10px;
}

.home-feature ol {
    color: #ffffff;
    list-style: none;
}

.home-feature .tab-content ol {
    padding-left: 3em;
    counter-reset: numbers;
}

.home-feature .tab-content ol>li p {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    color: var(--color-2nd);
}
a:focus, a:hover {
    color: var(--color-1st);
    text-decoration: none;
}
.home-feature .tab-content ol>li p>a{
    font-weight: inherit;
}


.home-feature .tab-content ol>li::before {
    counter-increment: numbers;
    content: counter(numbers) ". ";
    position: absolute;
    background-image: url('../images/list.png');
    background-size: contain;
    background-repeat: no-repeat;
    left: 15px;    
    width: 20px;
    padding: 5px;
    background-position: 0px;
}

.home-feature .post__inside .post__header {
    position: relative;
}

.home-feature .post__inside .post__header.first-feature {
    top: 0;
    right: 0;
    position: absolute;
}

.home-feature .post__inside .post__header.first-feature .post__title {
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 3em 0;
}

.home-feature .post__inside .post__header.first-feature .post__title a {
    font-size: 28px;
    font-weight: 600;
}

.home-feature .post__inside--feature .post__header.first-feature {
    background-color: transparent;
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 75%);
    transition: all .4s ease;
}

.home-feature .post__inside--feature .post__header {
    background-image: unset
}

.home-feature .post__inside--feature .post__header h3>a {
    color: #000000;
}

.home-feature .post__inside--feature .post__header.first-feature h3>a {
    color: #ffffff;
}

.home-feature .post__inside--feature-small .post__title a {
    font-size: 21px;
    font-weight: 600;
}

.page-footer__bottom {
    background-color: var(--color-2nd);
}

.list--fadeIn li:before {
    top: 8px;
}

.footer-warp {
    border-top: 1px solid #ffffff;
}

.footer-warp .social li {
    float: unset;
}

.footer-warp .social--simple li a {
    display: unset;
    color: #fff;
    width: unset;
    height: unset;
    padding: 10px;
    background-color: unset;
    border-radius: 3px;
}

.footer-warp .social--simple li a i {
    font-size: 14px;
    color: var(--color-2nd);
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    /* padding-right: 15px; */
    padding: 6px;
    width: 25px;
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 5px;
    z-index: 10;
    background-color: #fff;
    height: 25px;
}

.footer-warp .widget__footer .widget__title {
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .2em;
}

.footer-warp .widget--transparent .widget__header:after {
    content: none;
}

.footer-warp label {
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
}

.footer-warp .rainbow-border input:focus {
    animation: slidebg 5s linear infinite;
}

.post-group .post-group__header.g-title-red, .post-group__header.g-title-red {
    border-bottom: 2px solid #f95172;
}

.post-group .post-group__header.g-title-brown, .post-group__header.g-title-brown {
    border-bottom: 2px solid #6f4f47;
}

.post-group .post-group__header.g-title-purple, .post-group__header.g-title-purple {
    border-bottom: 2px solid #773cbe;
}

.post-group .post-group__header.g-title-green, .post-group__header.g-title-green {
    border-bottom: 2px solid #3cc3b2;
}

.post-group .post-group__header h3 {
    font-size: 21px;
    font-family: 'FZHei-B01S';
    font-weight: bold;
}
.post-group .post-group__header h3>a {
    font-size: 21px;
    font-family: 'FZHei-B01S';
    font-weight: bold;
    color: #fff;
    width: 100%;

}

.post--single .post__meta span a {
    color: #ffffff;
    background-color: var(--color-2nd);
    padding: 3px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
}
.post--single .post__title {
    margin-top: 10px;
    font-weight: 600;
    color: #000000;
    font-size: 28px;
}

.post--single .post__title {
}

.ads-block .post--single .post__content img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}

.ads-bg h3 {
    color: #fff;
    font-size: 33px;
    padding: 3em 1em;
    text-align: center;
}

.ads-block-h {
    background-image: url('../images/h-bg.jpg');
}

.ads-block-h h3 {
    color: #fff;
    font-size: 33px;
    padding: 3em 1em;
    text-align: center;
}

.g-title-white a>h3 {
    color: #fff !important;
    /* top: -10px; */
    font-weight: normal!important;
    background-image: unset;
    font-size: 14px!important;
    text-align: right;
}

.g-title-white a>h3::before {
    content: url('../images/arrow-white.png');
    position: absolute;
    top: 15px;
}

.g-title-green h3 {
    padding-left: 10px;
    color: #ffffff !important;
    background-image: url('../images/bg-3cc3b2.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 20px;
    min-width: 100px;
    margin-bottom: 0;
}

.g-title-green a>h3 {
    color: #3cc3b2 !important;
    /* top: -10px; */
    font-weight: normal !important;
    font-size: 14px!important;
    background-image: unset;
    text-align: right;
}

.g-title-green a>h3::before {
    content: url('../images/arrow-green.png');
    position: absolute;
    top: 15px;
}

.g-title-brown h3 {
    padding-left: 10px;
    color: #ffffff !important;
    background-image: url('../images/bg-6f4f47.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 20px;
    min-width: 100px;
    margin-bottom: 0;
}

.g-title-brown a>h3 {
    color: #6f4f47 !important;
    /* top: -10px; */
    font-weight: normal !important;
    font-size: 14px!important;
    text-align: right;
    background-image: unset;
}

.g-title-brown a>h3::before {
    content: url('../images/arrow-brown.png');
    position: absolute;
    top: 15px;
}

.g-title-purple h3 {
    padding-left: 10px;
    color: #ffffff !important;
    background-image: url('../images/bg-773cbe.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 20px;
    min-width: 100px;
    margin-bottom: 0;
}

.g-title-purple a>h3 {
    color: #773cbe !important;
    /* top: -10px; */
    font-weight: normal!important;
    font-size: 14px!important;
    text-align: right;
    background-image: unset;
}

.g-title-purple a>h3::before {
    content: url('../images/arrow-purple.png');
    position: absolute;
    top: 15px;
}

.g-title-red h3 {
    padding-left: 10px;
    color: #ffffff !important;
    background-image: url('../images/bg-f95172.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 20px;
    min-width: 100px;
    margin-bottom: 0;
}

.g-title-red a>h3 {
    color: #f95172 !important;
    text-align: right;
    font-weight: normal!important;
    /* top: -10px; */
    font-size: 14px!important;
    background-image: unset;
}

.g-title-red a>h3::before {
    content: url('../images/arrow-red.png');
    position: absolute;
    top: 15px;
}

/* .two-column-warp .post-group__title {
    background-image: url('../images/bg-3cc3b2.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 100px;
    margin-bottom: 0;
}
.two-column-warp .post-group__title:first-of-type {
    background-image: url('../images/bg-773cbe.png');
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 100px;
    margin-bottom: 0;
} */

.post--single .post__meta span a:hover {
    color: #fff;
}



.two-column-warp .post-group .post-group__title:after, .one-column-wrap .post-group .post-group__title:after {
    content: none;
}

@media (max-width:767px) {
    .magazine-warp .post__vertical--single .post__content-wrap, .one-column-wrap .post__vertical--single .post__content-wrap {
        padding: 0 0 10px;
    }
}

.two-column-warp .post__horizontal--single .post__title a {
    color: var(--color-2nd);
    font-size: 20px;    
    /* line-height: 20px; */

}
.post__horizontal--single .post__title{
    line-height: 1em;
}

.two-column-warp .post__horizontal--single .post__header {
    padding-left: 20px;
}

.two-column-warp .post__horizontal--single .post__header::before {
    content: url('../images/square.png');
    position: absolute;
    left: 0;
}

.post--single .post__content {
    padding: 0;
    overflow-x: hidden;
}

.words-warp {
    background-color: rgba(0, 0, 0, 0.1);
    /* padding: 0 10%; */
}

.words-warp .left, .words-warp .right {
    font-size: 90px;
    font-family: 'Microsoft JhengHei Boot';
}

.words-warp .left {
    left: 0;
    top: -10px;
    position: absolute;
}

.words-warp .right {
    right: 15px;
    position: absolute;
    bottom: -50%;
}

.words-warp .post__vertical--single {
    background-color: transparent;
}

.words-warp .post__vertical--single .post__content p {
    color: var(--color-2nd);
    font-size: 20px;
    padding-top: 25px;
}

.words-warp .post__vertical--single .post__content p:after, .magazine-warp .post__vertical--single .post__content p:after, .our-team-wrap .post__vertical--single .post__content p:after {
    content: unset;
}

.magazine-warp .post__vertical--single .post__content-wrap {
    padding-top: 0px;
}

.magazine-warp .post__vertical .post__title a {
    /* font-weight: 600; */
    font-size: 20px;
    font-family: 'FZHei-B01S';
}

.our-team-wrap, .our-team-wrap .post__vertical--single {
    background-color: var(--color-2nd);
}

.our-team-wrap .post-group .post-group__title {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: .2em;
    font-weight: normal;
    font-family: 'FZHei-B01S';
}

.our-team-wrap .post-group .post-group__title:after {
    content: none;
}

.our-team-wrap .post__vertical--single .post__content-wrap .post__header .post__title a {
    color: #000000;
    font-weight: bold;
}



.our-team-wrap .post__vertical--single .post__content-wrap .post__content p {
    color: rgba(255, 255, 255, 100%);
    line-height: 1.2em;
}

.our-team-wrap .post__vertical--single .post__readmore {
    color: #ffffff;
}

.our-team-wrap .post__vertical--single .post__thumbnail img, .our-team-wrap .post__vertical--single .post__thumbnail a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    background-clip: padding-box;
    border: solid 3px transparent;
    border-radius: 50%;
}

.our-team-wrap .post__vertical--single .post__thumbnail img {
    background: white;
    border-radius: 50%;
    /* background-image: repeating-linear-gradient(90deg, #c4e17f, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4); */
    background-image: repeating-linear-gradient(180deg, #c49cdf, #f0766b, #61c2e4);
}

.our-team-wrap .post__thumbnail {
    padding: 30px;
}
.magazine-warp .post__vertical--single .post__content p{
    font-size: 20px;
}
.list a:hover {
    background-image: repeating-linear-gradient(90deg, #c49cdf, #f0766b, #61c2e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* animation: slidebg 5s linear infinite; */
}

.rainbow-border {
    border-radius: 50px;
    background: white;
    border: solid 3px transparent;
    background-image: repeating-linear-gradient(90deg, #c49cdf, #f0766b, #61c2e4);
}

.rainbow-btn button {
    color: #fff;
    border-radius: 50px;
    font-size: 18px;
    border: none;
    outline: none;
    background: transparent;
}

.rainbow-btn button:hover {
    background-image: repeating-linear-gradient(90deg, #c49cdf, #f0766b, #61c2e4);
    animation: slidebg 5s linear infinite;
}

/* .rainbow-btn button::after {
    content: '';
    background-image: repeating-linear-gradient(90deg, #c49cdf, #f0766b, #61c2e4);
    
} */

.rainbow-border .contact-form-input {
    background-color: var(--color-2nd);
    border: transparent;
    border-radius: 50px;
    color: #fff;
    width: 100%;
    height: 100%;
}

.rainbow-border .contact-form-input:focus {
    animation: slidebg 5s linear infinite;
}

/* .our-team-wrap .post__vertical--single .post__thumbnail a:hover {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    background-clip: padding-box;
    border: solid 3px transparent;
    border-radius: 50%;
    animation: circle 5s linear infinite;
    background-image: repeating-linear-gradient(180deg, #c4e17f, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4);
} */

.our-team-wrap .post__vertical--single .post__thumbnail a:hover, .our-team-wrap .post__vertical--single .post__thumbnail img:hover {
    /* animation: rainbow 5s linear infinite; */
    /* background-image: repeating-linear-gradient(90deg, #c4e17f, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4); */
    /* animation: slidebg 5s linear infinite; */
    /* background-image: repeating-linear-gradient(180deg, #c4e17f, #fad071, #f0766b, #db9dbe, #c49cdf, #6599e2, #61c2e4); */
}

.video-sharing, .video-sharing .post__vertical--single {
    background-color: transparent;
}

.bg-color-2nd {
    background-color: var(--color-2nd);
}

.video-sharing .post-group__title, .video-sharing .post__vertical .post__title a, .video-sharing .post__created-at, .video-sharing .post__content p, .video-sharing .post__footer .post__readmore {
    color: #ffffff;
}

.video-sharing .page-content {
    padding: 0 40px;
}

.video-sharing .post-group .post-group__header h3 {
    margin: 0;
    font-weight: bold;
}

.video-sharing .post-group .post-group__header {
    border-bottom: 2px solid #ffffff;
}

.video-sharing .post-group .post-group__title:after {
    content: unset;
}

.video-sharing .g-title-white a>h3::before {
    left: -20px;
}

.page-footer .bg-overlay {
    opacity: unset;
    background-color: var(--color-2nd);
}

.page-footer .page-copyright p {
    color: #ffffff;
}

.page-footer .contact-form-group {
    display: flex;
    color: #fff;
    margin: 10px 0 10px;
    justify-content: center;
}

.page-footer .contact-form-group .rainbow-border {
    margin-left: 10px;
}

#clickme {
    position: fixed;
    display: none;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

#clickme img {
    width: 50px;
    height: auto;
}

#clickme.active {
    display: block;
}

.post-group--hero .post {
    transition: transform .3s;
}

.post-group--hero .post:hover {
    transform: scale(1.05);
    z-index: 99;
}

.ads_section, .ads_block {
    position: relative;
}

.ads_section .aside-box-header, .vertical-block .block-title {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.ads_section .aside-box-content {
    /* max-height: 500px; */
    overflow: hidden;
}

.ads_section .aside-box-header h4, .vertical-block .block-title h4 {
    color: #fff;
    font-size: 28px;
}

.vertical-block .block-content {
    /* height: 250px; */
    position: relative;
}

.vertical-block .block-title {}

.list li:hover a {
    color: #fff;
}

.list>li>a {
    padding-bottom: 10px
}

.post__horizontal .post__title {
    margin-bottom: 15px;
}

@keyframes circle {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes move-over {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}

@keyframes rainbow {
    0% {
        border-color: red
    }
    10% {
        border-color: orange
    }
    20% {
        border-color: yellow
    }
    30% {
        border-color: green
    }
    40% {
        border-color: blue
    }
    50% {
        border-color: darkblue
    }
    30% {
        border-color: purple
    }
    70% {
        border-color: red
    }
    80% {
        border-color: orange
    }
    90% {
        border-color: yellow
    }
    100% {
        border-color: green
    }
}

@keyframes slidebg {
    to {
        background-position: 20vw;
    }
}

/*   
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }


  .our-team-wrap .post__vertical--single .post__thumbnail img
    {
    position: relative;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: inset 10.2840516701vmin -5.9375vmin 0vmin 0vmin rgba(255, 0, 0, 0.45), inset -10.2840516701vmin -5.9375vmin 0vmin 0vmin rgba(235, 255, 0, 0.54), inset 0 11.875vmin 0vmin 0vmin rgba(0, 133, 255, 0.53), inset -10.2840516701vmin 5.9375vmin 0vmin 0vmin rgba(22, 243, 3, 0.55), inset 10.2840516701vmin 5.9375vmin 0vmin 0vmin rgba(190, 11, 224, 0.55), inset 0 -11.875vmin 0vmin 0vmin rgba(253, 127, 11, 0.54);
    -webkit-animation: spin 120s linear infinite;
            animation: spin 120s linear infinite;
  }
  .our-team-wrap .post__vertical--single .post__thumbnail img:hover {
    box-shadow: inset 20.5681033403vmin -11.875vmin 0vmin 0vmin rgba(255, 0, 0, 0.45), inset -20.5681033403vmin -11.875vmin 0vmin 0vmin rgba(235, 255, 0, 0.54), inset 0 23.75vmin 0vmin 0vmin rgba(0, 133, 255, 0.53), inset -20.5681033403vmin 11.875vmin 0vmin 0vmin rgba(22, 243, 3, 0.55), inset 20.5681033403vmin 11.875vmin 0vmin 0vmin rgba(190, 11, 224, 0.55), inset 0 -23.75vmin 0vmin 0vmin rgba(253, 127, 11, 0.54);
  }
  .our-team-wrap .post__vertical--single .post__thumbnail img:before {
    content: "";
    display: block;
    padding-top: 100%;
  } */
.facebook-comment{
    display: none!important;

}
#facebook.svg , ._56q9{
    display: none!important;
}

#clickme {
    cursor: pointer;
    transition-duration: 3s;
    transition-property: all;
    transition-property: transform;
}

#clickme .social-icon {
    display: none;
    display: block;
    z-index: -1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(0px);
    transition: transform 1s;
}

#clickme .social-icon.active:first-child {
    transform: translateY(55px);
}

#clickme .social-icon.active {
    transform: translateY(105px);
}

#clickme .social-icon.active:last-child {
    transform: translateY(155px);
}

#clickme .social-icon img {
    width: 40px;
}
.navigation--light .menu-item>a, .navigation--light .menu-item>a .toggle-icon {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}
.magazine-warp .post__vertical--single .post__content p,.our-team-wrap .post__vertical--single .post__content p,.words-warp .post__vertical--single .post__content p{
    overflow: unset;
    display:block
}

.search-finished .search-list li{
    display: block;
    opacity: 1;
}
.aside-box-bg,.block-content-bg{
    padding-bottom: 50vh;
    /* padding-bottom: 194%; */
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.post__horizontal .post__title a {
    color:  var(--color-2nd);
    font-size: 21px;
    font-weight: 600;
}
.post__horizontal .post__content p {
    font-size: 16px;
    overflow: hidden;
    line-height: 1.2em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.post__vertical--single .post__title a {
    font-size: 21px;
}
.post__vertical--single .post__content p {
    line-height: 1.2em;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.category_post-listing.post__horizontal{
    box-shadow: 5px 5px 15px -2px #888;

}
#back2top.active {
    opacity: 0.7;
}
#back2top:hover{
    background-color: transparent;
}
#back2top:hover i{
    color: var(--color-1st);
}