.yolo-inner {
    position: relative;
    overflow: hidden
    }
.yolo-inner img {
    width: 100%;
    max-width: none;
    display: block;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
    }
.yolo-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden
    }
/* Thin line seperator */
.yolo-slider {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    border: 2px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 6px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 0 6px rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 6px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row
    }
.yolo-slider.style-2 {
    border-color: transparent !important;
    box-shadow: none
    }
.yolo-slider:before, .yolo-slider:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    width: 2px;
    height: 9999px;
    left: calc(48.5%)
    }
.yolo-slider:before {
    bottom: calc(102%)
    }
.yolo-slider:after {
    top: calc(102%)
    }
.yolo-slider svg {
    width: 18px;
    height: 36px;
    fill: #fff
    }
.nba-vertical .yolo-slider::before, .nba-vertical .yolo-slider::after {
    width: 9999px;
    height: 2px;
    left: auto;
    top: calc(48.5%)
    }
.nba-vertical .yolo-slider::before {
    right: calc(102%);
    bottom: auto
    }
.nba-vertical .yolo-slider::after {
    left: calc(102%)
    }
.nba-vertical .yolo-slider {
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center
    }
.nba-vertical .yolo-slider > div {
    height: 18px
    }
.nba-vertical .yolo-slider svg {
    height: 18px;
    display: block
    }
.nba-vertical .yolo-before-wrap {
    width: 100%;
    height: 50%
    }
.yolo-inner .image-stage[data-label]:after {
    content: attr(data-label);
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5);
    white-space: nowrap
    }
.yolo-inner .image-stage.after-image[data-label]:after {
    right: 1.5rem;
    left: auto
    }
.yolo-inner .after-image {
    position: relative;
    z-index: 1
    }
.yolo-inner .image-stage.before-image[data-label]:after {
    z-index: 2
    }
.yolo-inner .before-image {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1)
    }
.yolo-inner.nba-vertical .image-stage.after-image[data-label]:after {
    top: auto;
    bottom: 1.5rem;
    right: 1.5rem;
    left: auto
    }
.yolo-inner.nba-vertical .image-stage.before-image[data-label]:after {
    top: 1.5rem;
    left: 1.5rem;
    line-height: 1
    }
.yolo-inner img.nba-before-img {
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    top: 0
    }
.nba-overimage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: contain;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat
    }
.yolo-inner:hover .nba-overimage {
    z-index: 21
    }
.yolo-before-after-slideshow-wrapper .slick-arrow {
    bottom: -20px;
    top: auto;
    z-index: 10;
    left: auto;
    transform: none;
    right: 25px;
    background-color: inherit
    }
.yolo-before-after-slideshow-wrapper .slick-arrow.slick-next {
    right: 0
    }
.yolo-before-after-slideshow-wrapper .slick-prev::before, .yolo-before-after-slideshow-wrapper .slick-next::before {
    font-size: 20px;
    color: #6b6b6b
    }
.yolo-before-after-slideshow-wrapper .slick-dots {
    float: left;
    width: auto;
    bottom: -20px;
    z-index: 9
    }
.yolo-before-after-slideshow-wrapper .slick-dots li {
    display: block;
    float: left;
    margin: 0
    }
.yolo-before-after-slideshow-wrapper .slick-dots li button::before {
    font-size: 8px
    }
.yolo-inner:hover {
    cursor: pointer
    }
/* ###################################### */
.ras-slider {
    position: relative;
    margin-left: auto;
    margin-right: auto
    }
.ras-slider * {
    -webkit-tap-highlight-color: transparent
    }
.ras-slider .as-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
    }
.ras-slider .ras-panels {
    position: absolute
    }
.ras-slider.as-horizontal .ras-panels {
    height: 100%
    }
.ras-slider.as-vertical .ras-panels {
    width: 100%
    }
.ras-slider .ras-panel {
    position: absolute;
    overflow: hidden
    }
.ras-slider.overlap .ras-panel {
    overflow: visible
    }
.ras-slider.as-horizontal .ras-panel {
    height: 100%;
    width: auto
    }
.ras-slider.as-vertical .ras-panel {
    width: 100%;
    height: auto
    }
.ras-slider .ras-panel.as-shadow {
    -webkit-box-shadow: -5px 0 40px 1px #000;
    -mox-box-shadow: -5px 0 40px 1px #000;
    box-shadow: -5px 0 40px 1px #000
    }
.ras-slider .as-background, .ras-slider .as-background-opened {
    border: 0;
    max-width: none;
    max-height: none
    }
.ras-slider.as-horizontal .as-background, .ras-slider.as-horizontal .as-background-opened {
    height: 100%;
    width: auto
    }
.ras-slider.as-vertical .as-background, .ras-slider.as-vertical .as-background-opened {
    width: 100%;
    height: auto
    }
.ras-slider .as-background-opened {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
    }
.ras-slider .as-layer {
    position: absolute;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased
    }
.ras-slider .as-layer.as-black {
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, 0.7)
    }
.ras-slider .as-layer.as-white {
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.7)
    }
.ras-slider .as-layer.as-rounded {
    border-radius: 10px
    }
.ras-slider .as-layer.as-padding {
    padding: 10px
    }
.ras-slider .as-pagination-buttons {
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center;
    padding-top: 10px
    }
.ras-slider .as-pagination-button {
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
    }
.ras-slider .as-pagination-buttons .as-selected {
    background-color: #000
    }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ras-slider .as-pagination-button {
        width: 14px;
        height: 14px
        }
    }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .ras-slider .as-pagination-button {
        width: 18px;
        height: 18px
        }
    }
.ras-slider .selectable {
    cursor: default
    }
.ras-slider .as-grab {
    cursor: url(../images/openhand.cur), move
    }
.ras-slider .as-grabbing {
    cursor: url(../images/closedhand.cur), move
    }
.read-btn {
    text-align: center !important;
    padding: 10px !important;
    cursor: pointer !important;
    margin: 5px 0 !important;
    text-transform: unset !important;
    text-decoration: none !important
    }
.ras-panels .ras-panel .text-block-1 {
    position: absolute;
    left: 30px;
    bottom: 30px;
    max-width: 400px;
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    z-index: 4;
    visibility: hidden
    }
.ras-panels .ras-panel .text-block-1 h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700
    }
.ras-panels:hover .ras-panel:hover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
    }
.ras-panels .ras-panel .text-block-1 {
    left: -100px
    }
.ras-panels:hover .ras-panel:hover .text-block-1:not(:hover):after {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 1
    }
.ras-panels:hover .ras-panel:hover .text-block-1 {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    left: 30px;
    opacity: 1;
    visibility: visible
    }
@media screen and (max-width: 480px) {
    .ras-panels:hover .ras-panel:hover .text-block-1 {
        left: 10px;
        bottom: 10px
        }
    .ras-panels .ras-panel .text-block-1 p, .ras-panels .ras-panel .text-block-1 .read-btn {
        font-size: 10px !important
        }
    .ras-panels .ras-panel .text-block-1 h3 {
        font-size: 14px !important
        }
    }
@media screen and (max-width: 320px) {
    .ras-panels .ras-panel .text-block-1 {
        display: none
        }
    }
/* ##################################### */
.poll-binary figure {
    position: relative
    }
.poll-binary .snax-poll-question-media img {
    display: block;
    width: 100%
    }
.poll-binary .snax-poll-binary-result {
    display: table;
    padding: 10px 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    border-radius: 100px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff
    }
.poll-binary .snax-poll-answer-percentage {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    vertical-align: middle;
    -webkit-transform-origin: 50% 50% 50%;
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -o-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%
    }
.poll-binary .snax-poll-answer-percentage div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100px;
    font-weight: 500;
    font-size: 80%;
    letter-spacing: -0.025em;
    color: #fff;
    padding: 15px 10px
    }
.poll-binary .snax-poll-answer-percentage-higher {
    font-size: 50px
    }
.poll-binary .snax-poll-answer-percentage-lower {
    font-size: 35px
    }
.poll-binary .snax-poll-answer-percentage:nth-child(1) div, .poll-binary .snax-poll-answers-item:nth-child(1) .snax-poll-answer {
    background-color: #ff5dff
    }
.poll-binary .snax-poll-answer-percentage:nth-child(2) div, .poll-binary .snax-poll-answers-item:nth-child(2) .snax-poll-answer {
    background-color: #5dd3ff
    }
/* ##################################### */
.like-btn:before {
    content: ".";
    opacity: 0;
    display: block;
    width: 44px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 0
    }
.like-btn .reaction-box {
    position: absolute;
    width: 360px;
    height: 55px;
    background: #fff;
    border-radius: 28px;
    left: -25px;
    bottom: 35px;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    text-align: left
    }
.like-btn .reaction-box .reaction-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #8959A8;
    border-radius: 20px;
    margin: 8px -1px 0 8px;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
    transform: translate(0, 100px) scale(0);
    position: relative
    }
.like-btn .reaction-box .reaction-icon img {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0
    }
/*.like-btn .reaction-box .reaction-icon.like{background-image:url(../../assets/social-images/icon/love.svg); background-size:100% 100%;} */
.like-btn .reaction-box .reaction-icon label {
    padding: 3px 5px 3px 5px;
    position: relative;
    top: -24px;
    border-radius: 10px;
    font-size: 11px;
    color: #FFF;
    background: #333;
    visibility: hidden
    }
.like-btn:hover {
    background: #718C00
    }
.like-btn:hover .reaction-box {
    display: block
    }
.like-btn:hover .reaction-box .reaction-icon.show {
    opacity: 1;
    transform: translate(0, 0) scale(1)
    }
.like-btn:hover .reaction-box .reaction-icon:hover {
    transform: scale(1.4);
    transform-origin: bottom
    }
.like-btn:hover .reaction-box .reaction-icon:hover label {
    visibility: visible
    }
.poll-versus .poll-item:first-child .poll-media:after {
    display: block;
    box-sizing: border-box;
    width: 80px;
    position: absolute;
    z-index: 6;
    top: calc(50% - 40px);
    left: calc(100% - 40px);
    text-align: center;
    font-size: 36px;
    line-height: 80px;
    font-weight: 700;
    letter-spacing: -0.1em;
    content: "Vs";
    border-radius: 50%;
    color: #fff;
    background-color: #000;
    background-image: -owg-linear-gradient(left top, #424242 0, #000 100%);
    background-image: -webkit-linear-gradient(left top, #424242 0, #000 100%);
    background-image: -moz-linear-gradient(left top, #424242 0, #000 100%);
    background-image: -o-linear-gradient(left top, #424242 0, #000 100%);
    background-image: linear-gradient(left top, #424242 0, #000 100%)
    }
.poll-versus .poll-item .poll-media {
    position: relative
    }
.poll-versus .poll-answer-percentage {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
    }
.poll-versus .poll-answer-percentage div {
    font-size: 25px;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
    }
.poll-versus .poll-answer-percentage.poll-answer-percentage-high {
    background-color: #6fcd3b;
    left: auto;
    right: 30px
    }
.poll-versus .poll-answer-percentage.poll-answer-percentage-low {
    background-color: #ff0137;
    right: auto;
    left: 30px
    }
.post-description .btn-moreless {
    cursor: pointer
    }
.netcarb {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 10px;
    border-radius: 50%;
    font-weight: bold
    }
.col-8-custom {
    width: 60.5%
    }
.col-4-custom {
    width: 39%
    }
.poll-classic-result-text {
    width: 15%;
    text-align: right;
    padding-right: 10px
    }
.poll-classic-result .poll-classic-result-img {
    width: 15%
    }
.poll-classic-result .poll-classic-result-title {
    width: 70%;
    position: relative;
    padding-left: 10px
    }
.poll-classic-result .poll-classic-result-title h6 {
    z-index: 1;
    position: relative
    }
.poll-classic-result-percentage {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4
    }
/* body {
  overflow: hidden;
} */
body, h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: "Inter"
    }
p br {
    display: none
    }
h1, .h1, h1.h1 {
    font-size: 2rem
    }
h2, .h2, h2.h2 {
    font-size: 1.5rem
    }
h3, .h3, h3.h3 {
    font-size: 1rem
    }
.blogBody, .recipeBody {
    height: 35vh;
    overflow: hidden;
    position: relative
    }
.blogBody .loadMore, .recipeBody .loadMore {
    display: block;
    padding: 0.8rem 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    color: #000;
    cursor: pointer;
    font-weight: 400;
    transition: all 0.1s linear
    }
.blogBody .loadMore:hover, .recipeBody .loadMore:hover {
    font-weight: 600
    }
.blogBody.show, .recipeBody.show {
    height: auto
    }
.blogBody.show .loadMore, .recipeBody.show .loadMore {
    display: none
    }
.blogBody .loadLess, .recipeBody .loadLess {
    display: block;
    padding: 0.8rem 1rem;
    width: 100%;
    background-color: #FFF;
    color: #000;
    cursor: pointer;
    font-weight: 400;
    transition: all 0.1s linear
    }
[data-theme="light"] .destinations > li {
    color: #222;
    transition: alls 0.1s linear
    }
[data-theme="light"] .destinations > li.active, [data-theme="light"] .destinations > li:hover {
    background-color: transparent;
    color: #000;
    font-weight: 600
    }
[data-theme="light"] a.category {
    color: #444;
    transition: alls 0.1s linear
    }
[data-theme="light"] a.category:hover {
    color: #000;
    font-weight: 600
    }
[data-theme="dark"] .destinations > li {
    color: #DDD;
    transition: alls 0.1s linear
    }
[data-theme="dark"] .destinations > li.active, [data-theme="dark"] .destinations > li:hover {
    background-color: transparent;
    color: #FFF;
    font-weight: 600
    }
[data-theme="dark"] a.category {
    color: #BBB;
    transition: alls 0.1s linear
    }
[data-theme="dark"] a.category:hover {
    color: #FFF;
    font-weight: 600
    }
.tagify__input[role="textbox"] {
    padding: 0
    }
.card:not([data-target-content]) .card-body {
    padding: 1rem
    }
.card[data-target-content] br {
    display: none
    }
*::-webkit-scrollbar {
    width: 5px
    }
*::-webkit-scrollbar-track {
    border-radius: 10px
    }
*::-webkit-scrollbar-thumb {
    background: #CCC;
    border-radius: 10px
    }
.mainContent {
    overflow: auto;
    height: 90vh;
    position: relative;
    z-index: 4
    }
header.fixed-top {
    height: auto
    }
@media screen and (max-width: 991px) {
    body {
        overflow: auto
        }
    .mainContent {
        height: auto
        }
    }
@media screen and (max-width: 500px) {
    .blogBody, .recipeBody {
        height: 100vh
        }
    }
.tns-controls:hover [data-controls] {
    background: #00ad37 !important
    }
body:not(.sidebar-start-enabled) .nav-link-secondary .nav-item .nav-link:hover, body:not(.sidebar-start-enabled) .nav-link-secondary .nav-item .nav-link.active {
    background-color: unset !important
    }
.notification-blue {
    background-color: #0F6FEC !important;
    color: #fff !important
    }
.notification-red {
    background-color: #FF2C00 !important;
    color: #fff !important
    }
.nav-link-secondary .nav-item .nav-link:hover, .nav-link-secondary .nav-item .nav-link.active {
    background-color: transparent;
    border-radius: 5px;
    color: #066ac9
    }
.nav-link-secondary .nav-item .nav-link .nav-text {
    transition: all 0.1s linear
    }
.nav-link-secondary .nav-item .nav-link:hover .nav-text, .nav-link-secondary .nav-item .nav-link.active .nav-text {
    color: #000
    }
[data-theme=dark] .nav-link-secondary .nav-item .nav-link:hover .nav-text, .nav-link-secondary .nav-item .nav-link.active .nav-text {
    color: #DDD
    }
.nav-link-secondary div.nav-text {
    color: #000
    }
[data-theme=dark] .nav-link-secondary div.nav-text {
    color: #DDD
    }
.nav-tabs .nav-link.NP.active {
    background: #fff;
    color: #000;
    border-left: 2px solid #eff1f2;
    border-right: 2px solid #eff1f2;
    border-top: 2px solid #eff1f2;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    filter: grayscale(0%)
    }
.nav-link.NP {
    text-align: center;
    background: #F5F7F8;
    color: #000;
    border-bottom: 2px solid #eff1f2;
    transition: background-color 0.3s ease, border-color 0s ease;
    filter: grayscale(100%)
    }
[data-theme=dark] .nav-link.NP {
    background: #222;
    color: #FFF
    }
[data-theme=dark] .nav-link.NP.active {
    background: #0A0806;
    color: #FFF
    }
/* 
.w-100 ul.nav {
  display: flex;
  white-space: nowrap;
  overflow-y: auto;
} */
.ql-divider::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
    }
.ql-embed::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
    }
/* #tab-panel{
  width: 200px;
  position: absolute;
  right: -400px;
  top: 520px;
} */
.ql-toolbar.ql-snow {
    display: flex;
    justify-content: space-between;
    border: unset !important;
    padding: 14px !important;
    display: flex;
    flex-direction: column
    }
.ql-container.ql-snow {
    border: unset !important
    }
.ql-toolbar.ql-snow .ql-formats {
    margin-right: unset !important;
    display: flex;
    justify-content: space-between
    }
#createContent .tab-pane {
    max-height: 70vh;
    overflow: auto
    }
.nav .nav-item .nav-link .nav-icon {
    border-radius: 50%;
    background-color: transparent;
    height: auto
    }
.nav .nav-item .nav-link:hover .nav-icon {
    background-color: transparent;
    color: #066ac9
    }
main {
    background-color: #F5F7F9
    }
[data-theme=dark] main {
    background-color: #0A0806
    }
.rssItem {
    padding: 1rem
    }
.rssItem > img, .rssItem figure img {
    max-width: 100%;
    display: block;
    margin: 1rem auto;
    object-fit: contain
    }
.rssItem ul, .rssItem ol {
    list-style-type: none
    }
.rssItem section {
    padding: 0
    }