:root {
    scroll-behavior: auto;
    --primary: #DF3603;
    --secondary: #2c2c2c;
    --black: #000;
    --black-2: #384D65;
    --black-3: #212125;
    --black-4: #262629;
    --black-5: #27272B;
    --black-6: #333337;
    --black-7: #27292D;
    --black-8: #222227;
    --black-9: #999999;
    --black-10: #272422;
    --black-11: #1D1917;
    --black-12: #343231;
    --black-13: #3C3636;
    --black-14: #39393D;
    --black-15: #141415;
    --white: #fff;
    --white-2: #F9F9F9;
    --white-3: #F3F3F3;
    --white-4: #EFEFEF;
    --white-5: #C1C1C1;
    --white-6: #C9C6DE;
    --white-7: #CDCDCD;
    --white-8: #C7C7D7;
    --white-9: #F5F5F5;
    --white-10: #F0EDEB;
    --white-11: #F0ECE9;
    --white-12: #DDD2CC;
    --white-13: #F6EEEA;
    --white-14: #F4F0ED;
    --white-15: #F3F0E4;
    --white-16: #F2F0E5;
    --white-17: #F8F8FC;
    --white-18: #F6F3F0;
    --gray: #666666;
    --gray-2: #D9D9D9;
    --gray-3: #636376;
    --gray-4: #999999;
    --gray-5: #232327;
    --gray-6: #44454A;
    --gray-7: #63637B;
    --gray-8: #3B3B3F;
    --gray-9: #3F3A36;
    --gray-10: #555555;
    --gray-11: #89827A;
    --gray-12: #756F68;
    --gray-13: #E9E9E9;
    --gray-14: #3F4044;
    --orange: #FD8F77;
    --orange-deep: #EF6C22;
    --orange-light: #BAB0AA;
    --orange-2: #F56C1F;
    --orange-3: #F3A072;
    --blue-light: #52526C;
    --blue-2: #3D3F60;
    --blue-3: #6A6BBF;
    --blue-4: #494B6C;
    --blue-5: #BBBCD2;
    --blue-6: #3F4061;
    --blue-7: #433E5F;
    --blue-8: #393B5A;
    --blue-9: #58597D;
    --yellow: #F4D8BB;
    --yellow-light: #E8E0DB;
    --yellow-2: #C2B7A1;
    --yellow-3: #FFC700;
    --yellow-4: #F59B14;
    --yellow-5: #F2DCA1;
    --purple: #AF89FF;
    --purple-2: #D4BFFF;
    --purple-3: #8181CB;
    --pink: #F8D3D3;
    --pink-2: #FFA98D;
    --pink-3: #F4E5D3;
    --pink-4: #F2EDE1;
    --pink-5: #FFD6B0;
    --pink-6: #E7E2D1;
    --pink-7: #DAD6C6;
    --pink-8: #FDC1B4;
    --pink-9: #F4E6D5;
    --pink-10: #EEE5DC;
    --pink-11: #DCAF82;
    --green: #3C524C;
    --green-2: #668D7F;
    --green-3: #7BD1C4;
    --green-4: #B1E9B9;
    --green-5: #4D605A;
    --green-6: #3F524C;
    --green-7: #89D0C3
}

:root {
    --font-primary: Open Sans, "Microsoft JhengHei", "微軟正黑體", sans-serif;
    --font-secondary: Open Sans, "Microsoft JhengHei", "微軟正黑體", sans-serif;
    --font-awesome: "Font Awesome 6 Free"
}

* {
    margin: 0;
    padding: 0
}

body {
    font-size: 18px;
    line-height: 1.33;
    font-family: var(--font-primary)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: var(--font-secondary)
}

ul,
ol {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

a {
    text-decoration: none;
    transition: all 0.3s;
    color: inherit
}

a:hover {
    color: inherit
}

button {
    border: 0;
    background-color: transparent
}

video,
iframe,
img {
    margin: 0;
    padding: 0
}

img {
    max-width: 100%
}

.medium {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.text-center {
    text-align: center
}

@keyframes wcBubble {
    0% {
        scale: 1
    }

    50% {
        scale: 1.5
    }

    100% {
        scale: 1
    }
}

@keyframes wcZoom {
    0% {
        scale: 1
    }

    50% {
        scale: .5
    }

    100% {
        scale: 1
    }
}

@keyframes wcZoom_2 {
    0% {
        scale: 1
    }

    50% {
        scale: .9
    }

    100% {
        scale: 1
    }
}

@keyframes wcSlideBottom {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(50px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes reveal {
    to {
        opacity: 1;
        filter: blur(0)
    }
}

@keyframes wcfadeUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

@keyframes spinner {
    to {
        transform: rotateZ(360deg)
    }
}

@keyframes characters {

    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg)
    }

    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg)
    }
}

@keyframes sheen {
    50% {
        transform: translateY(-20px);
        color: var(--primary)
    }
}

.pb-150 {
    padding-bottom: 150px
}

@media only screen and (max-width:1399px) {
    .pb-150 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width:1199px) {
    .pb-150 {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:991px) {
    .pb-150 {
        padding-bottom: 90px
    }
}

@media only screen and (max-width:767px) {
    .pb-150 {
        padding-bottom: 60px
    }
}

.pb-200 {
    padding-bottom: 200px
}

@media only screen and (max-width:1199px) {
    .pb-200 {
        padding-bottom: 150px
    }
}

@media only screen and (max-width:991px) {
    .pb-200 {
        padding-bottom: 120px
    }
}

@media only screen and (max-width:767px) {
    .pb-200 {
        padding-bottom: 100px
    }
}

.pt-130 {
    padding-top: 130px
}

@media only screen and (max-width:1399px) {
    .pt-130 {
        padding-top: 120px
    }
}

@media only screen and (max-width:1199px) {
    .pt-130 {
        padding-top: 100px
    }
}

@media only screen and (max-width:991px) {
    .pt-130 {
        padding-top: 90px
    }
}

@media only screen and (max-width:767px) {
    .pt-130 {
        padding-top: 60px
    }
}

.pt-150 {
    padding-top: 150px
}

@media only screen and (max-width:1399px) {
    .pt-150 {
        padding-top: 120px
    }
}

@media only screen and (max-width:1199px) {
    .pt-150 {
        padding-top: 100px
    }
}

@media only screen and (max-width:991px) {
    .pt-150 {
        padding-top: 90px
    }
}

@media only screen and (max-width:767px) {
    .pt-150 {
        padding-top: 60px
    }
}

.pt-200 {
    padding-top: 200px
}

@media only screen and (max-width:1199px) {
    .pt-200 {
        padding-top: 150px
    }
}

@media only screen and (max-width:991px) {
    .pt-200 {
        padding-top: 120px
    }
}

@media only screen and (max-width:767px) {
    .pt-200 {
        padding-top: 100px
    }
}

.pt-250 {
    padding-top: 250px
}

@media only screen and (max-width:1919px) {
    .pt-250 {
        padding-top: 200px
    }
}

@media only screen and (max-width:1199px) {
    .pt-250 {
        padding-top: 200px
    }
}

@media only screen and (max-width:1199px) {
    .pt-250 {
        padding-top: 190px
    }
}

@media only screen and (max-width:767px) {
    .pt-250 {
        padding-top: 160px
    }
}

.plr-150 {
    padding-inline-start: 150px;
    padding-inline-end: 150px
}

@media only screen and (max-width:1919px) {
    .plr-150 {
        padding-inline-start: 30px;
        padding-inline-end: 30px
    }
}

@media only screen and (max-width:767px) {
    .plr-150 {
        padding-inline-start: 15px;
        padding-inline-end: 15px
    }
}

.mb-40 {
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .mb-40 {
        margin-bottom: 30px
    }
}

.mb-50 {
    margin-bottom: 50px
}

@media only screen and (max-width:991px) {
    .mb-50 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .mb-50 {
        margin-bottom: 30px
    }
}

.zi-3 {
    z-index: 3
}

.sassly-preloader-active {
    overflow: hidden !important
}

.sassly-preloader-active header {
    overflow: hidden !important
}

.container-preloader {
    align-items: center;
    cursor: none;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    z-index: 900
}

.container-preloader .animation-preloader {
    position: relative;
    z-index: 100
}

.container-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    height: 9em;
    width: 9em;
    border: 10px solid rgba(0, 0, 0, .2);
    border-top-color: var(--primary);
    margin: 0 auto 3.5em auto
}

.container-preloader .animation-preloader .txt-loading {
    font: bold 5em "Montserrat", sans-serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media only screen and (max-width:767px) {
    .container-preloader .animation-preloader .txt-loading {
        font-size: 60px
    }
}

.container-preloader .animation-preloader .txt-loading .characters {
    color: rgba(0, 0, 0, .2);
    position: relative
}

.container-preloader .animation-preloader .txt-loading .characters:before {
    color: var(--primary);
    content: attr(preloader-text);
    animation: characters 4s infinite;
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    transform: rotateY(-90deg)
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
    animation-delay: 0.2s
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
    animation-delay: 0.4s
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
    animation-delay: 0.6s
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
    animation-delay: 0.8s
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
    animation-delay: 1s
}

.container-preloader .loader-section {
    background-color: var(--white);
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px)
}

.container-preloader .loader-section.section-left {
    left: 0
}

.container-preloader .loader-section.section-right {
    right: 0
}

.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out
}

.loaded .loader-section.section-left {
    transform: translateX(-101%);
    transition: 0.7s 0.3s all cubic-bezier(.1, .1, .1, 1)
}

.loaded .loader-section.section-right {
    transform: translateX(101%);
    transition: 0.7s 0.3s all cubic-bezier(.1, .1, .1, 1)
}

.scroll__down {
    display: flex;
    gap: 20px;
    align-items: center
}

.scroll__down p {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.9;
    text-transform: uppercase;
    color: var(--white)
}

.scroll__down span {
    width: 66px;
    height: 106px;
    border: 1px solid var(--black-6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 89px
}

.scroll__down span i {
    color: var(--white)
}

.scroll__down-wrapper {
    height: 425px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:1399px) {
    .scroll__down-wrapper {
        height: 380px
    }
}

@media only screen and (max-width:1199px) {
    .scroll__down-wrapper {
        height: 350px
    }
}

@media only screen and (max-width:767px) {
    .scroll__down-wrapper {
        height: auto;
        padding: 40px 0
    }
}

.scroll-top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 15px;
    bottom: 0;
    z-index: 9999;
    background: var(--white);
    border-radius: 100px;
    mix-blend-mode: exclusion;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s
}

.scroll-top.showed {
    opacity: 1;
    visibility: visible;
    bottom: 20px
}

.go-top-writer {
    width: 105px;
    font-size: 16px;
    cursor: pointer;
    text-align: left;
    color: var(--white);
    background-image: url(../../../../../../../../../../../themes/sassly/assets/imgs/writer/go-top.png);
    background-position: right center;
    background-repeat: no-repeat;
    right: 16%;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all 0.5s
}

.go-top-writer.showed {
    opacity: 1;
    visibility: visible;
    bottom: 20px
}

@media only screen and (max-width:767px) {
    .go-top-writer br {
        display: block
    }
}

.paginacontainer {
    height: 3000px
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 200ms linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    font-family: "wcf-icon" !important;
    content: "\e937";
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #fff;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    transition: all 200ms linear
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap svg path {
    fill: #1c1d20
}

.progress-wrap svg.progress-circle path {
    stroke: var(--primary);
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear
}

.wc-btn {
    display: inline-block
}

.wc-btn-primary {
    padding: 12px 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--primary);
    transition: all 0.3s linear;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 10px;
    border-radius: 30px
}

.wc-btn-primary:hover {
    background-color: var(--black-2)
}

.wc-btn-underline {
    gap: 10px;
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 5px;
    position: relative
}

.wc-btn-underline:hover {
    color: var(--primary)
}

.wc-btn-underline:hover::after {
    width: 0
}

.wc-btn-underline::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: var(--black-2);
    transition: all 0.3s
}

.btn-hover-divide {
    overflow: hidden;
    position: relative;
    transition: all 1s;
    z-index: 1
}

.btn-hover-divide::after {
    position: absolute;
    content: "";
    width: 150%;
    height: 0%;
    left: 50%;
    top: 50%;
    background: var(--primary);
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transition: all 0.75s;
    opacity: .5;
    z-index: -1
}

.btn-hover-divide:hover::after {
    height: 400%;
    opacity: 1;
    background-color: var(--black-2)
}

.main-menu>ul {
    display: flex
}

.main-menu>ul>li {
    position: relative
}

.main-menu>ul>li>a {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #212121;
    padding: 15px 15px;
    text-transform: capitalize
}

@media only screen and (max-width:1919px) {
    .main-menu>ul>li>a {
        font-size: 16px;
        padding: 15px 10px
    }
}

@media only screen and (max-width:1399px) {
    .main-menu>ul>li>a {
        padding: 15px 15px
    }
}

.main-menu>ul>li:hover>a {
    color: var(--primary)
}

.main-menu>ul>li:hover>ul {
    opacity: 1;
    pointer-events: all;
    left: 0
}

.main-menu>ul>li:hover>ul.dp-menu li:hover>ul {
    opacity: 1;
    pointer-events: all;
    left: 100%
}

.main-menu .dp-menu {
    background-color: #232529;
    padding: 18px 0;
    width: 250px;
    position: absolute;
    left: 10px;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    transition: all 0.5s
}

.main-menu .dp-menu ul {
    background: var(--black-2);
    padding: 18px 0;
    width: 300px;
    position: absolute;
    left: calc(100% + 10px);
    top: 0;
    opacity: 0;
    z-index: 10;
    transition: all 0.5s
}

.main-menu .dp-menu li {
    position: relative;
    padding: 0 25px
}

.main-menu .dp-menu li:hover>a {
    color: var(--primary);
    background-color: transparent
}

.main-menu .dp-menu li:hover>ul {
    opacity: 1;
    transform: none !important;
    pointer-events: all
}

.main-menu .dp-menu li a {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 5px 0;
    border-radius: 8px;
    display: inline-block;
    text-transform: capitalize
}

.main-menu .dp-menu li a:hover {
    letter-spacing: .5px
}

.main-menu .dp-menu li a:after {
    transform: rotate(-90deg);
    margin-left: auto
}

.bg-transparent .main-menu>ul>li>a {
    color: #fff
}

.mean-container .mean-nav ul li a {
    margin-bottom: 1px
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    justify-content: center
}

.pos-abs {
    position: absolute !important;
    width: 100%;
    height: auto;
    inset-inline-start: 0;
    top: 0;
    z-index: 3
}

.sassly-theme-elementor-header-section {
    z-index: 10;
    position: relative
}

.lawyer-header__inner {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px
}

@media only screen and (max-width:1199px) {
    .lawyer-header__inner {
        justify-content: space-between
    }
}

.lawyer-header__inner::before {
    position: absolute;
    content: "";
    top: 0;
    inset-inline-start: 205px;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, .25)
}

.info-default-offcanvas {
    margin-inline-start: 30px
}

.header__logo-8 img {
    max-width: 110px
}

.header__logo-8 .logo-title {
    color: var(--white)
}

@media only screen and (max-width:991px) {
    .header-btn-8 {
        display: none
    }
}

.header__nav-icon-8 {
    display: flex;
    align-items: center
}

.header__nav-icon-8 .phone {
    color: var(--white);
    display: inline-block;
    margin-inline-end: 40px;
    position: relative;
    transition: all 0.3s
}

.header__nav-icon-8 .phone:hover {
    color: var(--primary)
}

@media only screen and (max-width:1399px) {
    .header__nav-icon-8 .phone {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .header__nav-icon-8 .phone {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .header__nav-icon-8 .phone {
        display: none
    }
}

.header__nav-8 {
    align-self: center
}

@media only screen and (max-width:1199px) {
    .header__nav-8 {
        display: none
    }
}

.wcf-is-sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    animation: wcf-slideDown 0.35s ease-out
}

@keyframes wcf-slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.sassly-theme-elementor-header-section {
    position: absolute;
    width: 100%
}

.header-btn-8 a {
    color: #fff;
    background: #121212
}

.header-btn-8 a:hover {
    background-color: #DF3603
}

.offcanvas__area .offcanvas {
    min-height: 100vh;
    text-align: center;
    padding: 75px 50px;
    overflow-y: auto
}

@media only screen and (max-width:1399px) {
    .offcanvas__area .offcanvas {
        padding: 50px 40px
    }
}

@media only screen and (max-width:1199px) {
    .offcanvas__area .offcanvas {
        padding: 40px 30px
    }
}

@media only screen and (max-width:767px) {
    .offcanvas__area .offcanvas {
        padding: 20px 15px
    }
}

.offcanvas__close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    padding: 0 10px;
    z-index: 99
}

.offcanvas__close:hover {
    color: var(--primary)
}

.offcanvas__logo {
    position: relative;
    padding-bottom: 140px
}

@media only screen and (max-width:1399px) {
    .offcanvas__logo {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:1199px) {
    .offcanvas__logo {
        padding-bottom: 25px
    }
}

@media only screen and (max-width:767px) {
    .offcanvas__logo {
        padding-bottom: 25px
    }
}

.offcanvas__logo img {
    max-width: 150px !important
}

.offcanvas__logo .desc {
    margin-top: 40px
}

@media only screen and (max-width:1199px) {
    .offcanvas__logo .desc {
        margin-top: 20px
    }
}

.offcanvas__logo .desc p:last-child {
    margin-bottom: 0
}

.offcanvas__menu-area {
    overflow: hidden;
    overflow-y: auto
}

@media only screen and (max-width:1199px) {
    .offcanvas__menu-area {
        display: block
    }
}

.offcanvas__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 20px;
    text-transform: capitalize
}

.offcanvas__gallery {
    position: relative;
    padding-bottom: 140px
}

@media only screen and (max-width:1399px) {
    .offcanvas__gallery {
        padding-bottom: 70px
    }
}

.offcanvas__media li {
    display: inline-block
}

.offcanvas__media li a {
    display: block;
    color: var(--gray);
    font-size: 20px;
    padding: 0 10px
}

.offcanvas__media li a:hover {
    color: var(--primary)
}

.gallery__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

.gallery__item {
    position: relative
}

.gallery__item a {
    display: block
}

.gallery__item a:hover span {
    opacity: 1;
    visibility: visible
}

.gallery__item span {
    color: var(--white);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    background: rgba(0, 0, 0, .4)
}

.offcanvas__menu-wrapper.mean-container .remove-default-icon i {
    display: none
}

.offcanvas__menu-wrapper.mean-container .dp-menu {
    background-color: transparent !important
}

.offcanvas__menu-wrapper.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important
}

.offcanvas__menu-wrapper.mean-container .mean-nav>ul>li:last-child>a {
    border-bottom: 1px solid var(--white-4);
    border: none
}

.offcanvas__menu-wrapper.mean-container .mean-nav {
    background: none;
    margin-top: 0
}

.offcanvas__menu-wrapper.mean-container .mean-nav .new {
    font-size: 10px;
    font-weight: 600;
    background: #FFA38E;
    color: var(--black-2);
    padding: 3px 7px;
    line-height: 1;
    display: flex;
    align-items: center;
    border-radius: 2px
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 20px 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: var(--black-2);
    text-transform: capitalize;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    outline: none;
    transform: translateY(var(--y)) translateZ(0);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-sizing: border-box;
    border: none
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a svg {
    display: none
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover {
    background-color: transparent
}

@media only screen and (max-width:767px) {
    .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
        padding: 15px 0;
        font-size: 18px;
        padding-inline-start: 15px
    }
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    width: 64px;
    height: 40px;
    font-weight: 300;
    border: none !important;
    background-color: transparent;
    justify-content: flex-end
}

@media only screen and (max-width:767px) {
    .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
        height: 40px
    }
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
    background-color: var(--white-4);
    background-color: transparent;
    opacity: 1
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
    border: none
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    opacity: 1;
    text-transform: capitalize;
    border-top: none !important;
    padding: 12px 0 12px 20px;
    border: none
}

@media only screen and (max-width:767px) {
    .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
        font-size: 18px;
        padding: 10px 0 10px 25px
    }
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 39px
}

@media only screen and (max-width:767px) {
    .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
        height: 39px
    }
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child {
    border: none
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
    padding-left: 40px
}

.offcanvas__menu-wrapper.mean-container .open-offcanvas {
    cursor: pointer
}

.offcanvas__menu-wrapper.mean-container .mean-bar {
    padding: 0;
    background: none
}

.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar {
    width: 5px
}

.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ddd;
    border-radius: 10px
}

.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px
}

.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
    display: none !important
}

::-webkit-scrollbar {
    /* width: 5px */
}

::-webkit-scrollbar-track {
    background: #D6D6D6
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    padding: 12px 0
}

.offcanvas__media svg {
    width: 1em;
    height: 1em
}

.offcanvas__area .offcanvas {
    overflow-y: auto
}

@media (max-width:767px) {
    .offcanvas.offcanvas-end {
        border-left: none !important
    }
}

.default-breadcrumb__area {
    background-image: url(../../../../../../../../../../../themes/sassly/assets/imgs/default-blog/bcrumb-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    z-index: 2
}

@media only screen and (max-width:767px) {
    .default-breadcrumb__area {
        padding-top: 120px
    }
}

.default-breadcrumb__area::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(33, 33, 37, .7490196078);
    opacity: .75;
    z-index: -2
}

.default-breadcrumb__title {
    color: #FFF;
    line-height: 1;
    font-size: 80px;
    font-weight: 400;
    text-transform: capitalize
}

@media only screen and (max-width:1399px) {
    .default-breadcrumb__title {
        font-size: 60px
    }
}

@media only screen and (max-width:991px) {
    .default-breadcrumb__title {
        font-size: 45px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width:767px) {
    .default-breadcrumb__title {
        font-size: 36px;
        margin-bottom: 10px
    }
}

.default-breadcrumb__list {
    display: flex;
    gap: 14px;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .default-breadcrumb__list {
        gap: 5px 10px;
        flex-wrap: wrap
    }
}

.default-breadcrumb__list li {
    word-break: break-word;
    color: var(--white-5);
    text-transform: capitalize
}

.default-breadcrumb__list li.active {
    color: var(--white)
}

.default-breadcrumb__list li i {
    padding-inline-start: 5px;
    font-size: 12px
}

.default-blog__style-2 {
    gap: 60px;
    border-bottom: 1px solid #EDEDED;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:1199px) {
    .default-blog__style-2 {
        gap: 40px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .default-blog__style-2 {
        gap: 25px;
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .default-blog__style-2 {
        gap: 20px
    }
}

.default-blog__style-2:hover .link {
    transform: rotate(-45deg)
}

.default-blog__style-2:first-child {
    border-top: 1px solid #EDEDED
}

.default-blog__style-2 p {
    margin-bottom: 0 !important
}

.default-blog__style-2 .thumb img {
    width: 100%;
    margin-bottom: 20px
}

.default-blog__style-2 .content {
    flex: 1
}

.default-blog__style-2 .author {
    gap: 15px;
    display: flex;
    height: -moz-min-content;
    height: min-content;
    align-items: center
}

.default-blog__style-2 .author h4 {
    font-size: 12px;
    color: #555;
    margin-bottom: 5px
}

.default-blog__style-2 .author-img img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%
}

.default-blog__style-2 .cf_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width:991px) {
    .default-blog__style-2 .cf_btn {
        justify-content: flex-start
    }
}

.default-blog__style-2 .cf_btn .link {
    min-width: 16px;
    transition: all 0.3s
}

.default-blog__style-2 .read_more_btn {
    margin-top: 10px
}

.default-blog__style-2 .read_more_btn .read-more {
    gap: 5px;
    display: inline-flex;
    align-items: center;
    position: relative
}

.default-blog__style-2 .read_more_btn .read-more::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background-color: #121212;
    transition: all 0.3s
}

.default-blog__style-2 .read_more_btn .read-more:hover::after {
    left: 0;
    right: auto;
    width: 100%
}

.default-blog__style-2 .read_more_btn svg {
    width: 1em;
    height: 1em
}

.default-blog__style-2 .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    color: #121212;
    margin-bottom: 10px
}

.default-blog__style-2 .title a {
    transition: all 0.3s
}

.default-blog__style-2 .title a:hover {
    color: var(--primary)
}

@media only screen and (max-width:1199px) {
    .default-blog__style-2 .title {
        font-size: 22px
    }
}

.default-blog__style-2 .author-bio a {
    font-size: 16px;
    color: #121212;
    font-weight: 600;
    text-transform: capitalize
}

.default-blog__style-2 .author-bio a:hover {
    color: var(--primary)
}

.default-blog__style-2.format-video .thumb {
    position: relative
}

.default-blog__style-2.format-video .play-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .3490196078);
    border-radius: 100%;
    color: #fff
}

.default-blog__grid {
    gap: 50px;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto
}

.default-blog__grid.left-sidebar {
    gap: 50px;
    grid-template-columns: 300px 1fr
}

@media only screen and (max-width:1199px) {
    .default-blog__grid.left-sidebar {
        gap: 30px
    }
}

@media only screen and (max-width:991px) {
    .default-blog__grid.left-sidebar {
        grid-template-columns: 260px 1fr;
        gap: 20px
    }
}

@media only screen and (max-width:767px) {
    .default-blog__grid.left-sidebar {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .default-blog__grid.left-sidebar .default-blog__details-content {
        order: 1
    }

    .default-blog__grid.left-sidebar .default-blog__item {
        order: 2
    }
}

.default-blog__grid.right-sidebar {
    grid-template-columns: 1fr 300px
}

@media only screen and (max-width:991px) {
    .default-blog__grid.right-sidebar {
        grid-template-columns: 1fr 260px
    }
}

@media only screen and (max-width:767px) {
    .default-blog__grid.right-sidebar {
        grid-template-columns: 1fr
    }
}

.default-blog__grid.right-sidebar .default-blog__details-content {
    order: 1
}

.default-blog__grid.right-sidebar .default-blog__item {
    order: 2
}

.default-blog__item-content {
    overflow: hidden
}

.default-blog__item-content p {
    color: #555;
    line-height: 1.7;
    margin-bottom: 40px
}

@media only screen and (max-width:991px) {
    .default-blog__item-content p {
        margin-bottom: 30px
    }
}

.default-blog__meta {
    margin-bottom: 24px
}

.default-blog__item-title {
    font-size: 40px;
    transition: 0.3s;
    margin-bottom: 25px;
    word-break: break-word
}

@media only screen and (max-width:1199px) {
    .default-blog__item-title {
        font-size: 35px
    }
}

@media only screen and (max-width:991px) {
    .default-blog__item-title {
        font-size: 28px;
        margin-bottom: 20px
    }
}

.default-blog__item-title:hover {
    color: var(--primary)
}

.default-blog__item-single {
    margin-bottom: 50px;
    border: 1px solid #F1F1F1
}

@media only screen and (max-width:767px) {
    .default-blog__item-single {
        margin-bottom: 40px
    }
}

.default-blog__item-single.format-video .def-thumb {
    position: relative
}

.default-blog__item-single.format-video .def-thumb img {
    width: 100%
}

.default-blog__item-single.format-video .def-thumb .play-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .3490196078);
    border-radius: 100%;
    color: #fff
}

.default-blog__item-single .thumb {
    margin-bottom: 45px
}

@media only screen and (max-width:767px) {
    .default-blog__item-single .thumb {
        margin-bottom: 30px
    }
}

.default-blog__item-single .blog__details_title {
    font-size: 60px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 30px;
    color: var(--black-2);
    word-break: break-word
}

@media only screen and (max-width:1399px) {
    .default-blog__item-single .blog__details_title {
        font-size: 48px
    }
}

@media only screen and (max-width:1199px) {
    .default-blog__item-single .blog__details_title {
        font-size: 36px
    }
}

@media only screen and (max-width:991px) {
    .default-blog__item-single .blog__details_title {
        font-size: 32px
    }
}

@media only screen and (max-width:767px) {
    .default-blog__item-single .blog__details_title {
        font-size: 30px
    }
}

.default-blog__content {
    padding: 35px 40px 40px
}

@media only screen and (max-width:991px) {
    .default-blog__content {
        padding: 20px 20px 30px
    }
}

.default-blog__details-content>img {
    margin-bottom: 45px;
    width: unset
}

.default-blog__details-content>p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 30px
}

.default-search__again-form {
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px
}

.default-search__again-form p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px
}

.default-search__again-form form {
    position: relative;
    border-bottom: 1px solid #ddd
}

.default-search__again-form form input,
.default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base .info--post-details .comment-form-comment .default-search__again-form form textarea,
.default-search__again-form form .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .default-search__again-form form textarea {
    width: 100%;
    height: 70px;
    padding: 50px 10px 30px;
    border: 0;
    color: var(--black-2)
}

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

    .default-search__again-form form input,
    .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea,
    .sassly-base .info--post-details .comment-form-comment .default-search__again-form form textarea,
    .default-search__again-form form .elc-inbd-comment__field textarea,
    .elc-inbd-comment__field .default-search__again-form form textarea {
        padding: 40px 10px 20px
    }
}

.default-search__again-form form input:focus,
.default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea:focus,
.sassly-base .info--post-details .comment-form-comment .default-search__again-form form textarea:focus,
.default-search__again-form form .elc-inbd-comment__field textarea:focus,
.elc-inbd-comment__field .default-search__again-form form textarea:focus {
    outline: 0
}

.default-search__again-form form button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--black-2)
}

.default-sidebar__widget {
    padding: 40px 20px 35px;
    background-color: #F9F9F9;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .default-sidebar__widget {
        padding: 35px 20px
    }
}

.default-sidebar__widget:last-child {
    margin-bottom: 0
}

.default-sidebar__widget.cta-ads-banner {
    padding: 0
}

.default-sidebar__widget.baner {
    padding: 60px 0;
    text-align: center;
    background-color: var(--black-2)
}

.default-sidebar__widget.baner .wc-btn-primary {
    padding: 12px 40px
}

.default-sidebar__widget.baner .wc-btn-primary:hover {
    color: var(--black-2)
}

.default-sidebar__widget.baner .wc-btn-primary:hover::after {
    height: 400%;
    opacity: 1;
    background-color: var(--white)
}

.default-sidebar__widget.widget_search {
    padding: 10px 20px
}

.default-sidebar__widget.widget_search .default-sidebar__w-title {
    padding-top: 20px;
    margin-bottom: 30px
}

.default-sidebar__widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    color: #fff;
    background: var(--primary);
    padding: 8px 10px;
    position: relative;
    transition: all 0.3s
}

.default-sidebar__widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
    color: var(--white);
    background-color: var(--black-2)
}

.default-sidebar__widget .wp-calendar-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.default-sidebar__widget .wp-calendar-nav a {
    transition: all 0.3s
}

.default-sidebar__widget .wp-calendar-nav a:hover {
    color: var(--primary)
}

.default-sidebar__content .default-search__again-form form input,
.default-sidebar__content .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base .info--post-details .comment-form-comment .default-sidebar__content .default-search__again-form form textarea,
.default-sidebar__content .default-search__again-form form .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .default-sidebar__content .default-search__again-form form textarea {
    height: unset;
    font-size: 14px;
    padding: 10px 25px 10px 10px;
    background-color: transparent
}

.default-sidebar__content .default-search__again-form form button {
    inset-inline-end: 10px
}

.default-sidebar__content .subtitle {
    color: var(--primary);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500
}

.default-sidebar__content .title {
    font-size: 28px;
    margin-bottom: 32px;
    color: var(--white)
}

.default-sidebar__w-title {
    font-size: 20px;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 1px;
    text-transform: capitalize;
    color: var(--black-2);
    text-decoration-color: var(--black-2);
    margin-bottom: 25px
}

.default-sidebar__recent-item {
    border-bottom: 1px dashed var(--black-9);
    padding-bottom: 25px;
    margin-bottom: 25px
}

.default-sidebar__recent-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.default-sidebar__recent-item i {
    color: var(--black-9)
}

.default-sidebar__recent-item p {
    color: var(--black-2);
    display: block;
    margin-top: 5px;
    font-weight: 500;
    transition: 0.3s;
    margin-bottom: 0
}

.default-sidebar__recent-item p:hover {
    color: var(--primary)
}

.default-sidebar__gallary {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.default-blog__item-meta {
    color: var(--black-2);
    margin-bottom: 25px;
    display: inline-block
}

@media only screen and (max-width:991px) {
    .default-blog__item-meta {
        margin-bottom: 20px
    }
}

.default-blog__item-meta span {
    display: inline-block;
    width: 25px;
    height: 1px;
    transform: translateY(-5px);
    margin: 0 10px;
    background-color: var(--black-2)
}

.default-blog__item-meta .jpost-cat:hover {
    color: var(--primary)
}

.default-search-title-wrapper {
    padding-bottom: 50px
}

@media only screen and (max-width:767px) {
    .default-search-title-wrapper {
        padding-bottom: 30px
    }
}

.default-error__content {
    text-align: center
}

.default-error__content p {
    color: #555
}

.default-error__title {
    font-size: 180px;
    color: var(--black-2)
}

@media only screen and (max-width:1199px) {
    .default-error__title {
        font-size: 100px
    }
}

@media only screen and (max-width:767px) {
    .default-error__title {
        font-size: 60px
    }
}

.default-error__sub-title {
    font-size: 60px;
    color: var(--black-2)
}

@media only screen and (max-width:1199px) {
    .default-error__sub-title {
        font-size: 50px
    }
}

@media only screen and (max-width:767px) {
    .default-error__sub-title {
        font-size: 30px
    }
}

.pagination-circle {
    display: flex;
    align-items: center
}

.pagination-circle li a {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination-circle li a:hover {
    color: var(--primary)
}

.pagination-circle li a.active {
    background-color: #F9F9F9
}

.joya--post-navigation {
    width: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:767px) {
    .joya--post-navigation {
        gap: 30px;
        grid-template-columns: 1fr
    }
}

.joya--post-navigation h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px !important;
    word-break: break-word
}

.joya--post-navigation a {
    display: inline-block
}

.joya--post-navigation a:hover {
    color: var(--primary)
}

.joya--post-navigation a span {
    gap: 10px;
    align-items: center;
    display: inline-flex
}

.joya--post-navigation .post-next {
    text-align: right
}

@media only screen and (max-width:767px) {
    .joya--post-navigation .post-next {
        text-align: left
    }
}

.joya--comment {
    margin-top: 70px
}

@media only screen and (max-width:767px) {
    .joya--comment {
        margin-top: 50px
    }
}

.joya--comment .logged-in-as a:hover,
.joya--comment .sassly-comment-text a:hover {
    color: var(--primary)
}

.joya--comment #reply-title {
    color: #384D65;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 15px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:1199px) {
    .joya--comment #reply-title {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    .joya--comment #reply-title {
        font-size: 24px
    }
}

.joya--comment .comment-notes {
    font-size: 14px;
    margin-bottom: 70px
}

@media only screen and (max-width:991px) {
    .joya--comment .comment-notes {
        margin-bottom: 40px
    }
}

.joya--comment .comment-num {
    font-size: 36px;
    color: #384D65;
    font-weight: 400;
    line-height: 1.1
}

@media only screen and (max-width:1399px) {
    .joya--comment .comment-num {
        font-size: 32px
    }
}

@media only screen and (max-width:991px) {
    .joya--comment .comment-num {
        font-size: 30px
    }
}

.joya--comment .comment-reply-link {
    gap: 10px;
    display: flex;
    align-items: center
}

.joya--comment .comment-reply-link:hover {
    color: var(--primary);
    fill: var(--primary)
}

.elc-inbd-comment__field label {
    display: block;
    margin-bottom: 15px;
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize
}

.elc-inbd-comment__field input,
.elc-inbd-comment__field .sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea,
.elc-inbd-comment__field textarea {
    width: 100%;
    height: 60px;
    padding: 20px;
    border: 0;
    background-color: #F5F5F5;
    color: var(--black-2)
}

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

    .elc-inbd-comment__field input,
    .elc-inbd-comment__field .sassly-base .info--post-details .comment-form-comment textarea,
    .sassly-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea,
    .elc-inbd-comment__field textarea {
        margin-bottom: 25px
    }
}

.elc-inbd-comment__field input::-moz-placeholder,
.elc-inbd-comment__field .sassly-base .info--post-details .comment-form-comment textarea::-moz-placeholder,
.sassly-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea::-moz-placeholder,
.elc-inbd-comment__field textarea::-moz-placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

.elc-inbd-comment__field input::placeholder,
.elc-inbd-comment__field .sassly-base .info--post-details .comment-form-comment textarea::placeholder,
.sassly-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea::placeholder,
.elc-inbd-comment__field textarea::placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

.elc-inbd-comment__field input:focus,
.elc-inbd-comment__field .sassly-base .info--post-details .comment-form-comment textarea:focus,
.sassly-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea:focus,
.elc-inbd-comment__field textarea:focus {
    outline: 0
}

.elc-inbd-comment__field textarea {
    height: 120px;
    resize: none
}

@media only screen and (max-width:767px) {
    .elc-inbd-comment__field textarea {
        margin-bottom: 0
    }
}

.default-details-comment-title {
    font-size: 36px
}

@media only screen and (max-width:991px) {
    .default-details-comment-title {
        font-size: 22px
    }
}

.default-details-comment-wrapper {
    gap: 20px;
    display: grid;
    grid-template-columns: 60px 1fr;
    position: relative
}

.default-details-comment-thumb {
    max-width: 60px
}

.default-details-comment-thumb img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.default-details-comment-name {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px !important
}

.default-details-comment-name:hover {
    color: var(--primary)
}

.default-details-comment-date {
    font-size: 12px;
    color: var(--black-9);
    margin-bottom: 30px
}

@media only screen and (max-width:991px) {
    .default-details-comment-date {
        margin-bottom: 15px
    }
}

.default-details-comment-date span {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: var(--black-6);
    margin-left: 10px;
    margin-right: 10px
}

.default-details__cmtbtn {
    margin-top: 25px
}

@media only screen and (max-width:1199px) {
    .default-details__cmtbtn {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:991px) {
    .default-details__cmtbtn {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .default-details__cmtbtn {
        margin: 0
    }
}

.joya--comments-list .has-reply .comment-body {
    position: relative
}

.joya--comments-list .has-reply .comment-body::before {
    position: absolute;
    content: "";
    inset-inline-start: 30px;
    top: 80px;
    width: 35px;
    height: 100%;
    background-color: transparent;
    border-left: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    border-bottom-left-radius: 10px
}

.joya--comments-list .has-reply .children {
    margin-inline-start: 80px
}

@media only screen and (max-width:767px) {
    .joya--comments-list .has-reply .children {
        margin-inline-start: 25px
    }
}

.joya--comments-list .no-reply .comment-body::before {
    display: none
}

.sassly-base .is-layout-constrained,
.sassly-base .wp-block-columns,
.sassly-base .wp-block-cover,
.sassly-base .wp-block-file,
.sassly-base .wp-block-media-text,
.sassly-base .wp-block-video,
.sassly-base .wp-block-heading,
.sassly-base .wp-block-button,
.sassly-base .wp-block-social-links,
.sassly-base .wp-block-search,
.sassly-base .wp-block-image,
.sassly-base .wp-block-archives,
.sassly-base .wp-block-categories {
    margin-bottom: 1.5rem
}

@media only screen and (max-width:767px) {
    .sassly-base.admin-bar header.bg-transparent {
        padding-top: 10px
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base.admin-bar .offcanvas-end {
        padding-top: 55px
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base.admin-bar .offcanvas__close {
        top: 35px
    }
}

@media only screen and (max-width:991px) {
    .sassly-base.admin-bar .offcanvas__close {
        top: 50px
    }
}

.sassly-base .clearfix {
    clear: both
}

.sassly-base select {
    padding: 10px 12px;
    color: var(--black-2);
    border: 1px solid #ddd;
    text-transform: capitalize;
    border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-position-x: calc(100% - 7px);
    background-position-y: 50%;
    background-repeat: no-repeat
}

.sassly-base .wp-block-comments-title {
    font-size: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .sassly-base .wp-block-comments-title {
        font-size: 24px
    }
}

.sassly-base .wp-block-post-comments-form .comment-reply-title {
    font-size: 30px
}

@media only screen and (max-width:767px) {
    .sassly-base .wp-block-post-comments-form .comment-reply-title {
        font-size: 24px
    }
}

.sassly-base .page-links {
    gap: 10px;
    display: flex;
    align-items: center
}

.sassly-base blockquote,
.sassly-base .wp-block-quote {
    border-left-width: 5px;
    border-left-style: solid;
    margin-block-start: 1.5rem;
    background: var(--primary);
    padding: 30px;
    border-radius: 5px
}

.sassly-base blockquote.has-text-align-right,
.sassly-base .wp-block-quote.has-text-align-right {
    border-right: 5px solid;
    border-left: 0
}

.sassly-base blockquote p,
.sassly-base blockquote cite,
.sassly-base .wp-block-quote p,
.sassly-base .wp-block-quote cite {
    color: #fff
}

.sassly-base .wp-block-pullquote.is-style-solid-color {
    border-left: 5px solid;
    border-radius: 5px;
    background-color: var(--primary) !important
}

.sassly-base .wp-block-pullquote.is-style-solid-color blockquote {
    border: 0
}

@media only screen and (max-width:1199px) {
    .sassly-base .wp-block-pullquote.is-style-solid-color blockquote {
        max-width: 100%
    }

    .sassly-base .wp-block-pullquote.is-style-solid-color blockquote p {
        line-height: 1.2;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .wp-block-pullquote.is-style-solid-color blockquote p {
        font-size: 36px
    }
}

.sassly-base .sticky {
    background: var(--white-2)
}

@media only screen and (max-width:767px) {
    .sassly-base .sticky .default-blog__content {
        padding: 15px 15px 25px
    }
}

.sassly-base .wp-block-search__input {
    min-width: 150px
}

.sassly-base .alignright {
    text-align: right;
    margin-left: auto;
    display: inherit
}

.sassly-base .aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inherit
}

.sassly-base .wp-caption {
    width: 100% !important;
    margin-bottom: 1.5rem
}

.sassly-base a {
    transition: all 0.3s
}

.sassly-base .wp-caption-text {
    margin-top: 5px
}

.sassly-base .default-blog__item-single.post-single {
    border: 0
}

.sassly-base .default-blog__details-content {
    overflow: hidden
}

.sassly-base .default-blog__details-content img {
    height: auto
}

.sassly-base .default-blog__details-content h1,
.sassly-base .default-blog__details-content h2,
.sassly-base .default-blog__details-content h3,
.sassly-base .default-blog__details-content h4,
.sassly-base .default-blog__details-content h5,
.sassly-base .default-blog__details-content h6,
.sassly-base .default-blog__details-content table {
    margin-bottom: 1.5rem
}

.sassly-base .default-blog__details-content .wp-block-latest-comments li {
    list-style: none
}

.sassly-base .default-blog__details-content .wp-block-rss__item,
.sassly-base .default-blog__details-content .wp-block-latest-posts li {
    list-style: none;
    margin-bottom: 15px
}

.sassly-base .default-blog__details-content .comment,
.sassly-base .default-blog__details-content .trackback,
.sassly-base .default-blog__details-content .pingback {
    list-style: none
}

.sassly-base .default-blog__details-content .wp-block-post {
    list-style: none;
    margin-bottom: 1.5rem
}

.sassly-base .default-blog__details-content .wp-block-post-title {
    margin-bottom: 3px
}

.sassly-base .default-blog__details-content .wp-block-post-author {
    margin-bottom: 10px
}

.sassly-base .default-details-tags {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 60px !important
}

@media only screen and (max-width:767px) {
    .sassly-base .default-details-tags {
        margin-top: 40px 0 !important
    }
}

.sassly-base .default-details-tags li {
    list-style: none !important
}

.sassly-base .default-details-tags li a {
    background-color: #EFEFEF;
    padding: 8px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    display: inline-block;
    color: var(--black-2);
    font-weight: 500
}

.sassly-base .default-details-tags li a:hover {
    color: #fff;
    background-color: var(--primary)
}

.sassly-base .wp-block-navigation__submenu-container li {
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px
}

.sassly-base .wp-block-avatar {
    margin-bottom: 7px
}

.sassly-base .wp-block-latest-posts li a:hover,
.sassly-base .wp-block-categories li a:hover,
.sassly-base .wp-block-archives li a:hover {
    color: var(--primary)
}

.sassly-base #today {
    color: var(--primary)
}

.sassly-base .wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.sassly-base .wp-block-tag-cloud a {
    margin: 0;
    background-color: #EFEFEF;
    padding: 8px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    color: var(--black-2);
    font-weight: 500;
    transition: 0.5s;
    text-decoration: none
}

.sassly-base .wp-block-tag-cloud a:hover {
    color: var(--white);
    background-color: var(--primary)
}

.sassly-base .has-pale-cyan-blue-background-color {
    padding: 15px
}

.sassly-base .has-pale-cyan-blue-background-color p {
    margin-bottom: 0
}

.sassly-base .has-background {
    padding: 15px
}

.sassly-base .is-layout-constrained p {
    margin: 0
}

.sassly-base .has-pale-pink-background-color {
    padding: 15px
}

.sassly-base .has-pale-pink-background-color p {
    margin-bottom: 0
}

.sassly-base .joya--comment .comment-notes {
    margin-bottom: 50px
}

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

    .sassly-base .wp-block-pullquote,
    .sassly-base .has-large-font-size {
        font-size: 24px !important
    }
}

.sassly-base .is-style-squared .wp-block-button__link {
    border-radius: 0
}

.sassly-base .wp-block-post-excerpt__excerpt {
    margin-bottom: 1.5rem
}

.sassly-base .comment-form-cookies-consent {
    margin-top: 10px
}

.sassly-base .comment-form-cookies-consent label {
    display: inline
}

.sassly-base .wp-block-query-pagination {
    margin-bottom: 15px
}

.sassly-base ul.joya--comments-list.comments-list {
    margin: 0
}

.sassly-base ul.blocks-gallery-grid {
    margin: 0
}

.sassly-base .default-details-comment-meta {
    overflow: hidden
}

.sassly-base th,
.sassly-base td {
    padding: 8px
}

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

    .sassly-base th,
    .sassly-base td {
        padding: 5px 6px
    }
}

.sassly-base table {
    display: table;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%
}

.sassly-base table tbody {
    width: 100%
}

.sassly-base .post-page-numbers:hover {
    color: var(--primary)
}

.sassly-base iframe {
    width: 100%;
    max-width: 100%
}

@media only screen and (max-width:767px) {
    .sassly-base iframe {
        height: 360px
    }
}

.sassly-base .wp-block-post-excerpt {
    margin-top: 5px
}

.sassly-base .wp-block-post-date {
    margin-top: 10px;
    margin-bottom: 10px
}

.sassly-base .wp-block-post-comments-form input[type=submit],
.sassly-base .wp-block-post-comments-form .info--post-details .comment-form-comment textarea[type=submit],
.sassly-base .info--post-details .comment-form-comment .wp-block-post-comments-form textarea[type=submit],
.sassly-base .wp-block-post-comments-form .elc-inbd-comment__field textarea[type=submit],
.elc-inbd-comment__field .sassly-base .wp-block-post-comments-form textarea[type=submit] {
    border: none;
    border-radius: 0;
    padding: 18px 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--primary);
    transition: all 0.3s linear;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 10px
}

.sassly-base .wp-block-post-comments-form input[type=submit]:hover,
.sassly-base .wp-block-post-comments-form .info--post-details .comment-form-comment textarea[type=submit]:hover,
.sassly-base .info--post-details .comment-form-comment .wp-block-post-comments-form textarea[type=submit]:hover,
.sassly-base .wp-block-post-comments-form .elc-inbd-comment__field textarea[type=submit]:hover,
.elc-inbd-comment__field .sassly-base .wp-block-post-comments-form textarea[type=submit]:hover {
    color: var(--white);
    background-color: var(--black-2)
}

.sassly-base input,
.sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base textarea,
.sassly-base select,
.sassly-base button {
    outline: none
}

.sassly-base .post-password-form input[type=password],
.sassly-base .post-password-form .info--post-details .comment-form-comment textarea[type=password],
.sassly-base .info--post-details .comment-form-comment .post-password-form textarea[type=password],
.sassly-base .post-password-form .elc-inbd-comment__field textarea[type=password],
.elc-inbd-comment__field .sassly-base .post-password-form textarea[type=password] {
    padding: 8px
}

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

    .sassly-base .post-password-form input[type=password],
    .sassly-base .post-password-form .info--post-details .comment-form-comment textarea[type=password],
    .sassly-base .info--post-details .comment-form-comment .post-password-form textarea[type=password],
    .sassly-base .post-password-form .elc-inbd-comment__field textarea[type=password],
    .elc-inbd-comment__field .sassly-base .post-password-form textarea[type=password] {
        width: 130px
    }
}

.sassly-base .post-password-form input[type=submit],
.sassly-base .post-password-form .info--post-details .comment-form-comment textarea[type=submit],
.sassly-base .info--post-details .comment-form-comment .post-password-form textarea[type=submit],
.sassly-base .post-password-form .elc-inbd-comment__field textarea[type=submit],
.elc-inbd-comment__field .sassly-base .post-password-form textarea[type=submit] {
    border: none;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--white);
    background-color: var(--primary);
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 10px;
    border-radius: 3px
}

.sassly-base .post-password-form input[type=submit]:hover,
.sassly-base .post-password-form .info--post-details .comment-form-comment textarea[type=submit]:hover,
.sassly-base .info--post-details .comment-form-comment .post-password-form textarea[type=submit]:hover,
.sassly-base .post-password-form .elc-inbd-comment__field textarea[type=submit]:hover,
.elc-inbd-comment__field .sassly-base .post-password-form textarea[type=submit]:hover {
    color: var(--white);
    background-color: var(--black-2)
}

.sassly-base .has-4-columns {
    margin-top: 1.5rem
}

.sassly-base .wp-block-archives-dropdown label {
    margin-bottom: 10px
}

.sassly-base .wp-block-embed__wrapper {
    word-break: break-word
}

.sassly-base .wp-block-file__button {
    padding: 10px 18px;
    transition: all 0.3s;
    background: var(--primary)
}

.sassly-base .wp-block-search__label {
    margin-top: 15px;
    margin-bottom: 10px
}

@media only screen and (max-width:991px) {
    .sassly-base .joya--comments-list .has-reply .children {
        margin-inline-start: 20px
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .joya--comments-list .has-reply .children {
        margin-inline-start: 10px
    }

    .sassly-base .default-details-comment-wrapper {
        grid-template-columns: 1fr
    }

    .sassly-base .joya--comments-list .has-reply .comment-body::before {
        display: none
    }
}

@media (max-width:374px) {
    .sassly-base .wp-block-search__inside-wrapper {
        flex-wrap: wrap
    }

    .sassly-base .wp-block-search__button {
        margin-left: 0;
        margin-top: 10px;
        width: 100%
    }

    .sassly-base .default-sidebar__widget.widget_search {
        padding: 0 20px
    }
}

.sassly-base .wp-block-latest-comments__comment {
    line-height: 1.5;
    margin-bottom: 10px
}

.sassly-base .wp-block-latest-comments__comment a {
    font-weight: 500;
    transition: all 0.3s
}

.sassly-base .wp-block-latest-comments__comment a:hover {
    color: var(--primary)
}

.sassly-base .wp-block-latest-posts__list,
.sassly-base .wp-block-categories-list,
.sassly-base .wp-block-archives-list {
    margin-bottom: 0
}

.sassly-base .wp-block-latest-posts__list li,
.sassly-base .wp-block-categories-list li,
.sassly-base .wp-block-archives-list li {
    font-weight: 500
}

.sassly-base .wp-block-latest-posts__list li a,
.sassly-base .wp-block-categories-list li a,
.sassly-base .wp-block-archives-list li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block
}

.sassly-base .info--post-details a:hover {
    color: var(--primary)
}

.sassly-base .info--post-details select {
    width: 100%
}

.sassly-base .info--post-details tbody,
.sassly-base .info--post-details td,
.sassly-base .info--post-details tfoot,
.sassly-base .info--post-details th,
.sassly-base .info--post-details thead,
.sassly-base .info--post-details tr {
    border-width: 1px
}

.sassly-base .info--post-details tbody a,
.sassly-base .info--post-details td a,
.sassly-base .info--post-details tfoot a,
.sassly-base .info--post-details th a,
.sassly-base .info--post-details thead a,
.sassly-base .info--post-details tr a {
    text-decoration: none
}

.sassly-base .info--post-details ol:not([class]) {
    margin-left: 20px;
    margin-bottom: 20px
}

.sassly-base .info--post-details ol:not([class]) li {
    list-style: decimal;
    padding-top: 5px;
    padding-bottom: 5px
}

.sassly-base .info--post-details ol:not([class]) ol {
    margin-bottom: 0
}

.sassly-base .info--post-details ol:not([class]) ol li {
    list-style: decimal
}

.sassly-base .info--post-details ol:not([class]) ol li:last-child {
    padding-bottom: 0
}

.sassly-base .info--post-details ol:not([class]) ul {
    margin-bottom: 0
}

.sassly-base .info--post-details ol:not([class]) ul li {
    list-style: disc
}

.sassly-base .info--post-details ol:not([class]) ul li:last-child {
    padding-bottom: 0
}

.sassly-base .info--post-details ol:not([class]) ul ol li {
    list-style: decimal
}

.sassly-base .info--post-details ul:not([class]) {
    margin-left: 20px;
    margin-bottom: 20px
}

.sassly-base .info--post-details ul:not([class]) li {
    list-style: disc;
    padding-top: 5px;
    padding-bottom: 5px
}

.sassly-base .info--post-details ul:not([class]) ul {
    margin-bottom: 0
}

.sassly-base .info--post-details ul:not([class]) ul li:last-child {
    padding-bottom: 0
}

.sassly-base .info--post-details ul:not([class]) ol {
    margin-bottom: 0
}

.sassly-base .info--post-details ul:not([class]) ol li {
    list-style: decimal
}

.sassly-base .info--post-details ul:not([class]) ol li:last-child {
    padding-bottom: 0
}

.sassly-base .info--post-details ul:not([class]) ol ul li {
    list-style: disc
}

.sassly-base .info--post-details .wp-element-button,
.sassly-base .info--post-details .wp-block-button__link {
    color: #fff;
    background-color: var(--primary);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    transition: all 0.3s
}

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

    .sassly-base .info--post-details .wp-element-button,
    .sassly-base .info--post-details .wp-block-button__link {
        padding: 10px 30px
    }
}

.sassly-base .info--post-details .wp-element-button:hover,
.sassly-base .info--post-details .wp-block-button__link:hover {
    color: var(--white)
}

.sassly-base .info--post-details :where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #fff
}

.sassly-base .info--post-details .wp-block-page-list {
    gap: 10px;
    display: grid;
    margin-bottom: 30px
}

.sassly-base .info--post-details .wp-block-page-list .wp-block-navigation__submenu-container {
    padding-top: 5px;
    margin-bottom: -5px;
    margin-left: 2px
}

.sassly-base .info--post-details p.wp-block-cover-text {
    position: relative
}

.sassly-base .info--post-details .wp-block-categories-list,
.sassly-base .info--post-details .wp-block-archives-list {
    margin-bottom: 20px
}

.sassly-base .info--post-details .wp-calendar-table {
    display: inline-table
}

.sassly-base .info--post-details .wp-block-file__button,
.sassly-base .info--post-details .wp-block-button__link,
.sassly-base .info--post-details .wp-element-button {
    text-decoration: none
}

.sassly-base .info--post-details .wp-block-file__button:hover,
.sassly-base .info--post-details .wp-block-button__link:hover,
.sassly-base .info--post-details .wp-element-button:hover {
    background-color: #384D65
}

.sassly-base .info--post-details .wp-block-file {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sassly-base .info--post-details figure.aligncenter>figcaption {
    display: block
}

.sassly-base .info--post-details .wp-block-image .alignright>figcaption {
    display: block
}

.sassly-base .info--post-details .wp-block-gallery.wp-block-gallery-3 {
    margin-top: 15px
}

.sassly-base .info--post-details .wp-block-calendar {
    padding-bottom: 20px
}

.sassly-base .info--post-details .wp-block-calendar nav.wp-calendar-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sassly-base .info--post-details .wp-block-separator {
    width: 10%;
    margin-left: auto;
    margin-right: auto
}

.sassly-base .info--post-details .wp-block-separator.is-style-wide {
    width: 100%
}

.sassly-base .info--post-details .wp-block-separator.is-style-dots {
    width: 100%;
    opacity: 1
}

.sassly-base .info--post-details .gallery.gallery-columns-1 {
    padding-bottom: 20px
}

.sassly-base .info--post-details .gallery.gallery-columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-2 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-3 {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-3 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-4 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-4 {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-4 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1399px) {
    .sassly-base .info--post-details .gallery.gallery-columns-5 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-5 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-5 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-5 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-6 {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1919px) {
    .sassly-base .info--post-details .gallery.gallery-columns-6 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media only screen and (max-width:1399px) {
    .sassly-base .info--post-details .gallery.gallery-columns-6 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-6 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-6 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-6 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-7 {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1919px) {
    .sassly-base .info--post-details .gallery.gallery-columns-7 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media only screen and (max-width:1399px) {
    .sassly-base .info--post-details .gallery.gallery-columns-7 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-7 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-7 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-7 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-8 {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1919px) {
    .sassly-base .info--post-details .gallery.gallery-columns-8 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media only screen and (max-width:1399px) {
    .sassly-base .info--post-details .gallery.gallery-columns-8 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-8 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-8 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-8 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .gallery.gallery-columns-9 {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    padding-bottom: 20px
}

@media only screen and (max-width:1919px) {
    .sassly-base .info--post-details .gallery.gallery-columns-9 {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media only screen and (max-width:1399px) {
    .sassly-base .info--post-details .gallery.gallery-columns-9 {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1199px) {
    .sassly-base .info--post-details .gallery.gallery-columns-9 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (max-width:991px) {
    .sassly-base .info--post-details .gallery.gallery-columns-9 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .gallery.gallery-columns-9 {
        grid-template-columns: 1fr
    }
}

.sassly-base .info--post-details .post-navigation-link-previous,
.sassly-base .info--post-details .post-navigation-link-next {
    padding-bottom: 10px
}

.sassly-base .info--post-details .wp-block-query-pagination-numbers {
    display: flex
}

.sassly-base .info--post-details .page-numbers,
.sassly-base .info--post-details .post-page-numbers {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s
}

.sassly-base .info--post-details .page-numbers:hover,
.sassly-base .info--post-details .post-page-numbers:hover {
    color: var(--primary)
}

.sassly-base .info--post-details .page-numbers.current,
.sassly-base .info--post-details .post-page-numbers.current {
    background-color: #F9F9F9
}

.sassly-base .info--post-details .wp-block-tag-cloud a {
    text-decoration: none
}

.sassly-base .info--post-details .wp-block-tag-cloud a:hover {
    color: var(--white)
}

.sassly-base .info--post-details .wp-block-search__button {
    position: relative;
    overflow: hidden;
    transition: all 0.75s
}

.sassly-base .info--post-details .wp-block-search__button:hover {
    color: #fff;
    background-color: var(--black-2)
}

.sassly-base .info--post-details .comment-form-comment {
    margin-bottom: 50px
}

@media only screen and (max-width:767px) {
    .sassly-base .info--post-details .comment-form-comment {
        margin-bottom: 35px
    }
}

.sassly-base .info--post-details .comment-form-comment label {
    display: block;
    margin-bottom: 15px;
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize
}

.sassly-base .info--post-details .comment-form-comment input,
.sassly-base .info--post-details .comment-form-comment textarea {
    width: 100%;
    height: 60px;
    padding: 20px;
    border: 0;
    background-color: #F5F5F5;
    color: var(--black-2)
}

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

    .sassly-base .info--post-details .comment-form-comment input,
    .sassly-base .info--post-details .comment-form-comment textarea {
        margin-bottom: 25px
    }
}

.sassly-base .info--post-details .comment-form-comment input::-moz-placeholder,
.sassly-base .info--post-details .comment-form-comment textarea::-moz-placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

.sassly-base .info--post-details .comment-form-comment input::placeholder,
.sassly-base .info--post-details .comment-form-comment textarea::placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 1
}

.sassly-base .info--post-details .comment-form-comment input:focus,
.sassly-base .info--post-details .comment-form-comment textarea:focus {
    outline: 0
}

.sassly-base .info--post-details .comment-form-comment textarea {
    height: 120px;
    resize: none
}

.sassly-base .info--post-details .wp-block-post-comments-form .form-submit {
    margin-bottom: 40px
}

.sassly-base .sassly-comment-text tbody,
.sassly-base .sassly-comment-text td,
.sassly-base .sassly-comment-text tfoot,
.sassly-base .sassly-comment-text th,
.sassly-base .sassly-comment-text thead,
.sassly-base .sassly-comment-text tr {
    border-width: 1px
}

.sassly-base .sassly-comment-text tbody a,
.sassly-base .sassly-comment-text td a,
.sassly-base .sassly-comment-text tfoot a,
.sassly-base .sassly-comment-text th a,
.sassly-base .sassly-comment-text thead a,
.sassly-base .sassly-comment-text tr a {
    text-decoration: none
}

.sassly-base .sassly-comment-text ol:not([class]) {
    margin-left: 20px;
    margin-bottom: 20px
}

.sassly-base .sassly-comment-text ol:not([class]) li {
    list-style: decimal;
    padding-top: 5px;
    padding-bottom: 5px
}

.sassly-base .sassly-comment-text ol:not([class]) ol {
    margin-bottom: 0
}

.sassly-base .sassly-comment-text ol:not([class]) ol li {
    list-style: decimal
}

.sassly-base .sassly-comment-text ol:not([class]) ol li:last-child {
    padding-bottom: 0
}

.sassly-base .sassly-comment-text ol:not([class]) ul {
    margin-bottom: 0
}

.sassly-base .sassly-comment-text ol:not([class]) ul li {
    list-style: disc
}

.sassly-base .sassly-comment-text ol:not([class]) ul li:last-child {
    padding-bottom: 0
}

.sassly-base .sassly-comment-text ol:not([class]) ul ol li {
    list-style: decimal
}

.sassly-base .sassly-comment-text ul:not([class]) {
    margin-left: 20px;
    margin-bottom: 20px
}

.sassly-base .sassly-comment-text ul:not([class]) li {
    list-style: disc;
    padding-top: 5px;
    padding-bottom: 5px
}

.sassly-base .sassly-comment-text ul:not([class]) ul {
    margin-bottom: 0
}

.sassly-base .sassly-comment-text ul:not([class]) ul li:last-child {
    padding-bottom: 0
}

.sassly-base .sassly-comment-text ul:not([class]) ol {
    margin-bottom: 0
}

.sassly-base .sassly-comment-text ul:not([class]) ol li {
    list-style: decimal
}

.sassly-base .sassly-comment-text ul:not([class]) ol li:last-child {
    padding-bottom: 0
}

.sassly-base .sassly-comment-text ul:not([class]) ol ul li {
    list-style: disc
}

.wcf-social-share-style-1 {
    width: 80px;
    height: 80px;
    border: 3px solid #555;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    font-weight: 700;
    color: #555;
    border-radius: 30px;
    border-bottom-width: 7px;
    border-right-width: 7px;
    border-top-width: 1px;
    border-left-width: 1px;
    background-color: #fff;
    margin: auto;
    margin-bottom: 20px;
    transition: 0.3s
}

.comment-form-cookies-consent {
    display: none
}

.joya--blog-post-comment form {
    gap: 30px
}

.joya--blog-post-comment textarea {
    overflow: hidden
}

.joya--blog-post-comment button[type=submit] {
    z-index: 1
}

.default-details-social-media li a i {
    transition: all 0.3s
}

.page-template-default .post-page-numbers {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s
}

.page-template-default .post-page-numbers:hover {
    color: var(--primary)
}

.page-template-default .post-page-numbers.current {
    background-color: #F9F9F9
}

.page-template-default .sassly--page-details a {
    text-decoration: underline;
    text-decoration-thickness: 1px
}

.page-template-default .sassly--page-details a:hover {
    color: var(--primary)
}

.page-template-default .sassly--page-details ul {
    padding-left: 20px;
    padding-bottom: 30px
}

.page-template-default .sassly--page-details ul li {
    list-style: disc;
    padding-bottom: 10px
}

.page-template-default .sassly--page-details ul li:last-child {
    padding-bottom: 0
}

.page-template-default .sassly--page-details ul ul {
    padding-bottom: 0
}

.page-template-default .sassly--page-details ol {
    padding-left: 20px;
    padding-bottom: 30px
}

.page-template-default .sassly--page-details ol li {
    list-style: decimal;
    padding-bottom: 10px
}

.page-template-default .sassly--page-details ol li:last-child {
    padding-bottom: 0
}

.page-template-default .sassly--page-details ol ol {
    padding-bottom: 0
}

.menu-icon-8.info-default-offcanvas {
    display: none
}

@media only screen and (max-width:1199px) {
    .menu-icon-8.info-default-offcanvas {
        display: block
    }
}

.admin-bar #smooth-wrapper {
    top: 32px !important
}

@media (max-width:782px) {
    .admin-bar #smooth-wrapper {
        top: 46px !important
    }
}

.d-flex {
    display: flex !important
}

.flex-column {
    flex-direction: column !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

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

    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
        width: calc(25% - 0.875em)
    }
}

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

    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
        width: calc(33% - 0.875em)
    }
}

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

    .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
    .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
        width: calc(50% - 0.875em)
    }
}

.search-no-results .default-search__again-form form input,
.search-no-results .default-search__again-form form .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .search-no-results .default-search__again-form form textarea,
.search-no-results .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base .info--post-details .comment-form-comment .search-no-results .default-search__again-form form textarea {
    padding: 20px 50px 20px 0
}

.info-social-widget ul {
    display: flex;
    align-items: center
}

.info-social-widget ul a {
    font-size: 18px;
    padding: 0 10px;
    transition: all 0.3s
}

.info-social-widget ul a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper select {
    width: 100%;
    padding: 10px 12px;
    color: var(--black-2);
    border: 1px solid #ddd;
    text-transform: capitalize;
    border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-position-x: calc(100% - 7px);
    background-position-y: 50%;
    background-repeat: no-repeat
}

.default-sidebar__wrapper .widget_calendar table {
    width: 100%;
    display: table
}

.default-sidebar__wrapper .widget_calendar table #today {
    color: var(--primary);
    font-weight: 500
}

.default-sidebar__wrapper .widget_calendar caption {
    font-weight: 600;
    margin-top: 15px
}

.default-sidebar__wrapper .widget_pages li,
.default-sidebar__wrapper .widget_meta li,
.default-sidebar__wrapper .widget_nav_menu li,
.default-sidebar__wrapper .widget_recent_entries li {
    display: grid
}

.default-sidebar__wrapper .widget_pages li a,
.default-sidebar__wrapper .widget_meta li a,
.default-sidebar__wrapper .widget_nav_menu li a,
.default-sidebar__wrapper .widget_recent_entries li a {
    color: var(--black-2);
    padding: 5px 0;
    text-transform: capitalize
}

.default-sidebar__wrapper .widget_pages li a:hover,
.default-sidebar__wrapper .widget_meta li a:hover,
.default-sidebar__wrapper .widget_nav_menu li a:hover,
.default-sidebar__wrapper .widget_recent_entries li a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper .widget_pages .sub-menu,
.default-sidebar__wrapper .widget_pages .children,
.default-sidebar__wrapper .widget_meta .sub-menu,
.default-sidebar__wrapper .widget_meta .children,
.default-sidebar__wrapper .widget_nav_menu .sub-menu,
.default-sidebar__wrapper .widget_nav_menu .children,
.default-sidebar__wrapper .widget_recent_entries .sub-menu,
.default-sidebar__wrapper .widget_recent_entries .children {
    margin-left: 15px
}

.default-sidebar__wrapper .widget_categories li {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    color: var(--black-2)
}

.default-sidebar__wrapper .widget_categories li a {
    padding: 5px 0;
    text-transform: capitalize
}

.default-sidebar__wrapper .widget_categories li a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper .widget_categories .children {
    grid-column: 1/-1;
    margin-left: 15px
}

.default-sidebar__wrapper .widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.default-sidebar__wrapper .widget_tag_cloud .tagcloud a {
    background-color: #EFEFEF;
    padding: 8px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    color: var(--black-2);
    font-weight: 500;
    transition: 0.5s
}

.default-sidebar__wrapper .widget_tag_cloud .tagcloud a:hover {
    color: var(--white);
    background-color: var(--primary)
}

.default-sidebar__wrapper .widget_archive li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--black-2)
}

.default-sidebar__wrapper .widget_archive li a {
    padding: 5px 0;
    text-transform: capitalize
}

.default-sidebar__wrapper .widget_archive li a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper .widget_recent_comments ul {
    gap: 10px;
    display: grid
}

.default-sidebar__wrapper .widget_recent_comments li {
    font-weight: 400;
    color: var(--black-2)
}

.default-sidebar__wrapper .widget_recent_comments li a {
    font-weight: 500;
    color: var(--black-2)
}

.default-sidebar__wrapper .widget_recent_comments li a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper .widget_rss ul {
    gap: 20px;
    display: grid
}

.default-sidebar__wrapper .widget_rss ul a {
    font-weight: 500;
    color: var(--black-2)
}

.default-sidebar__wrapper .widget_rss ul a:hover {
    color: var(--primary)
}

.default-sidebar__wrapper .widget_rss ul cite {
    margin-top: 3px;
    display: block;
    font-weight: 500
}

.default-sidebar__wrapper .widget_rss ul .rss-date {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

.default-sidebar__wrapper .widget_text .textwidget img {
    max-width: 100%;
    height: auto
}

.default-sidebar__wrapper .widget_text .textwidget p img {
    margin-top: 15px;
    margin-bottom: 15px
}

.default-sidebar__wrapper .widget_media_gallery .gallery {
    gap: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center
}

.default-sidebar__wrapper .widget_media_gallery .gallery img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.default-sidebar__wrapper .widget_media_gallery figure {
    margin: 0
}

.footer__area-8 {
    background-color: var(--black-3)
}

.footer__wrapper-8 {
    gap: 90px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr
}

@media only screen and (max-width:1399px) {
    .footer__wrapper-8 {
        gap: 60px
    }
}

@media only screen and (max-width:1199px) {
    .footer__wrapper-8 {
        gap: 30px;
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:991px) {
    .footer__wrapper-8 {
        gap: 20px 50px
    }
}

@media only screen and (max-width:767px) {
    .footer__wrapper-8 {
        grid-template-columns: 1fr
    }
}

.copyright__area-8 {
    text-align: center;
    padding: 15px 0;
    margin-top: 70px;
    border-top: 1px solid var(--black-6)
}

.copyright__fees {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--gray-4)
}

.footer__area-8 .default-sidebar__w-title {
    color: var(--white);
    text-decoration-color: var(--white)
}

.footer__area-8 .footer-widget {
    margin-bottom: 50px
}

.footer__area-8 select {
    width: 100%;
    padding: 10px 15px;
    color: var(--white);
    border: 1px solid #ddd;
    text-transform: capitalize;
    background-color: transparent;
    border-radius: 5px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
    background-repeat: no-repeat;
    filter: brightness(100)
}

.footer__area-8 select option {
    color: var(--black-2)
}

.footer__area-8 .widget_calendar a {
    color: var(--white)
}

.footer__area-8 .widget_calendar a:hover {
    color: var(--primary)
}

.footer__area-8 .widget_calendar table {
    width: 100%
}

.footer__area-8 .widget_calendar table tr {
    color: var(--white)
}

.footer__area-8 .widget_calendar table #today {
    color: #121212;
    background: var(--primary)
}

.footer__area-8 .widget_calendar table #today a {
    color: var(--white)
}

.footer__area-8 .widget_calendar caption {
    font-weight: 600;
    margin-top: 15px;
    color: var(--white)
}

.footer__area-8 .widget .wp-block-heading {
    color: #fff
}

.footer__area-8 .widget .wp-block-latest-comments__comment-meta {
    color: #999
}

.footer__area-8 .widget .wp-block-search__label {
    color: #fff
}

.footer__area-8 .widget ol.wp-block-latest-comments li,
.footer__area-8 .widget .wp-block-categories li,
.footer__area-8 .widget .wp-block-latest-posts li,
.footer__area-8 .widget .wp-block-archives li,
.footer__area-8 .widget_pages li,
.footer__area-8 .widget_meta li,
.footer__area-8 .widget_nav_menu li,
.footer__area-8 .widget_recent_entries li {
    display: grid
}

.footer__area-8 .widget ol.wp-block-latest-comments li a,
.footer__area-8 .widget .wp-block-categories li a,
.footer__area-8 .widget .wp-block-latest-posts li a,
.footer__area-8 .widget .wp-block-archives li a,
.footer__area-8 .widget_pages li a,
.footer__area-8 .widget_meta li a,
.footer__area-8 .widget_nav_menu li a,
.footer__area-8 .widget_recent_entries li a {
    color: var(--white);
    padding: 5px 0;
    text-transform: capitalize
}

.footer__area-8 .widget ol.wp-block-latest-comments li a:hover,
.footer__area-8 .widget .wp-block-categories li a:hover,
.footer__area-8 .widget .wp-block-latest-posts li a:hover,
.footer__area-8 .widget .wp-block-archives li a:hover,
.footer__area-8 .widget_pages li a:hover,
.footer__area-8 .widget_meta li a:hover,
.footer__area-8 .widget_nav_menu li a:hover,
.footer__area-8 .widget_recent_entries li a:hover {
    color: var(--primary)
}

.footer__area-8 .widget ol.wp-block-latest-comments .children,
.footer__area-8 .widget ol.wp-block-latest-comments .sub-menu,
.footer__area-8 .widget .wp-block-categories .children,
.footer__area-8 .widget .wp-block-categories .sub-menu,
.footer__area-8 .widget .wp-block-latest-posts .children,
.footer__area-8 .widget .wp-block-latest-posts .sub-menu,
.footer__area-8 .widget .wp-block-archives .children,
.footer__area-8 .widget .wp-block-archives .sub-menu,
.footer__area-8 .widget_pages .children,
.footer__area-8 .widget_pages .sub-menu,
.footer__area-8 .widget_meta .children,
.footer__area-8 .widget_meta .sub-menu,
.footer__area-8 .widget_nav_menu .children,
.footer__area-8 .widget_nav_menu .sub-menu,
.footer__area-8 .widget_recent_entries .children,
.footer__area-8 .widget_recent_entries .sub-menu {
    margin-inline-start: 15px
}

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

    .footer__area-8 .widget ol.wp-block-latest-comments .children,
    .footer__area-8 .widget ol.wp-block-latest-comments .sub-menu,
    .footer__area-8 .widget .wp-block-categories .children,
    .footer__area-8 .widget .wp-block-categories .sub-menu,
    .footer__area-8 .widget .wp-block-latest-posts .children,
    .footer__area-8 .widget .wp-block-latest-posts .sub-menu,
    .footer__area-8 .widget .wp-block-archives .children,
    .footer__area-8 .widget .wp-block-archives .sub-menu,
    .footer__area-8 .widget_pages .children,
    .footer__area-8 .widget_pages .sub-menu,
    .footer__area-8 .widget_meta .children,
    .footer__area-8 .widget_meta .sub-menu,
    .footer__area-8 .widget_nav_menu .children,
    .footer__area-8 .widget_nav_menu .sub-menu,
    .footer__area-8 .widget_recent_entries .children,
    .footer__area-8 .widget_recent_entries .sub-menu {
        margin-inline-start: 10px
    }
}

.footer__area-8 .widget_categories li {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    color: var(--white)
}

.footer__area-8 .widget_categories li a {
    padding: 5px 0;
    text-transform: capitalize
}

.footer__area-8 .widget_categories li a:hover {
    color: var(--primary)
}

.footer__area-8 .widget_categories .children {
    margin-left: 15px;
    grid-column: 1/-1
}

.footer__area-8 .widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.footer__area-8 .widget_tag_cloud .tagcloud a {
    background-color: var(--black-6);
    padding: 8px 10px;
    font-size: 12px !important;
    text-transform: capitalize;
    color: var(--white);
    font-weight: 500;
    transition: 0.5s
}

.footer__area-8 .widget_tag_cloud .tagcloud a:hover {
    color: var(--white);
    background-color: var(--primary)
}

.footer__area-8 .widget_archive li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white)
}

.footer__area-8 .widget_archive li a {
    padding: 5px 0;
    text-transform: capitalize
}

.footer__area-8 .widget_archive li a:hover {
    color: var(--primary)
}

.footer__area-8 .widget_recent_comments ul {
    gap: 20px;
    display: grid
}

.footer__area-8 .widget_recent_comments li {
    font-weight: 400;
    color: var(--white)
}

.footer__area-8 .widget_recent_comments li a {
    font-weight: 500;
    color: var(--white)
}

.footer__area-8 .widget_recent_comments li a:hover {
    color: var(--primary)
}

.footer__area-8 .widget_rss ul {
    gap: 20px;
    display: grid
}

.footer__area-8 .widget_rss ul a {
    font-weight: 500;
    color: var(--white)
}

.footer__area-8 .widget_rss ul a:hover {
    color: var(--primary)
}

.footer__area-8 .widget_rss .rssSummary {
    color: #999
}

.footer__area-8 .widget_rss .rss-date {
    color: #999;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

.footer__area-8 .widget_rss cite {
    color: #999;
    display: block;
    margin-top: 3px;
    font-weight: 500
}

.footer__area-8 .widget_text .textwidget img {
    max-width: 100%;
    height: auto
}

.footer__area-8 .widget_text .textwidget p {
    color: #999
}

.footer__area-8 .widget_text .textwidget p strong {
    color: var(--white)
}

.footer__area-8 .widget_text .textwidget p img {
    margin-top: 15px;
    margin-bottom: 15px
}

.footer__area-8 .widget .default-search__again-form form {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    line-height: 0
}

.footer__area-8 .widget .default-search__again-form form input,
.footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea,
.elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea,
.footer__area-8 .widget .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea,
.sassly-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea {
    width: 100%;
    border: 0;
    background: transparent;
    padding-right: 30px;
    color: var(--white);
    padding: 0;
    height: unset
}

.footer__area-8 .widget .default-search__again-form form input::-moz-placeholder,
.footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea::-moz-placeholder,
.elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea::-moz-placeholder,
.footer__area-8 .widget .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea::-moz-placeholder,
.sassly-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea::-moz-placeholder {
    font-size: 14px;
    color: var(--black-9)
}

.footer__area-8 .widget .default-search__again-form form input::placeholder,
.footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea::placeholder,
.elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea::placeholder,
.footer__area-8 .widget .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea::placeholder,
.sassly-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea::placeholder {
    font-size: 14px;
    color: var(--black-9)
}

.footer__area-8 .widget .default-search__again-form form input:focus,
.footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea:focus,
.elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea:focus,
.footer__area-8 .widget .default-search__again-form form .sassly-base .info--post-details .comment-form-comment textarea:focus,
.sassly-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea:focus {
    outline: 0
}

.footer__area-8 .widget .default-search__again-form form button {
    position: absolute;
    inset-inline-end: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white)
}

.footer__area-8 .widget .wp-block-search__input {
    min-width: 150px;
    background: transparent;
    color: #fff
}

.footer__area-8 .widget .wp-block-search__button.wp-element-button {
    padding: 5px;
    color: var(--white);
    background: var(--primary);
    transition: all 0.3s
}

.footer__area-8 .widget .wp-block-search__button.wp-element-button:hover {
    color: var(--black-2)
}