@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

html {
    font-family             : sans-serif;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display       : inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height : 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin   : .67em 0
}

mark {
    background: #ff0;
    color     : #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size     : 75%;
    line-height   : 0;
    position      : relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing     : content-box;
    height         : 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size  : 1em
}

button,
input,
optgroup,
select,
textarea {
    color : inherit;
    font  : inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor            : pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border : 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding   : 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing   : content-box;
    -webkit-box-sizing: content-box;
    box-sizing        : content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border : 1px solid #c0c0c0;
    margin : 0 2px;
    padding: .35em .625em .75em
}

legend {
    border : 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing : 0
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    margin            : 0;
    padding           : 0
}

:root {
    --color-default     : #21b56d;
    --bg-white          : #ffffff;
    --title-white       : #effff0;
    --title-dark        : #000000;
    --box-shadow        : 0 25px 70px rgb(0 0 0 / 7%);
    --box-shadow2       : 0px 0px 30px 0px rgb(0 0 0 / 5%);
    --box-shadow3       : 0 2px 30px 0 rgba(0, 0, 0, .15);
    --box-shadow4       : 0 8px 25px 0 rgba(0, 0, 0, 0.04);
    --box-shadow-btn    : 0px 15px 30px rgb(0 0 0 / 15%);
    --box-shadow-menu   : 0 0 10px 0 rgba(0, 0, 0, .07);
    --bg-yellow         : #ff5b00;
    --gradient          : linear-gradient(110deg, var(--color-default) 50%, rgb(0 0 0 / 28%) 50%);
    --gradient2         : linear-gradient(110deg, #fbf5f5 50%, #ff2b57 50%);
    --bg-gradient       : #21b56d;
    --border-radius-50px: 50px;
    --bg-pricing        : #fdf7f7;
    --color-check       : #19bd60;
    --color-xmark       : #ff2b57;
    --bg-image-overlay  : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7RpqQ0opabLTbhwFSSyf82ISpo1lIEEe-HS-DBCrWSQZ5pl6j91E1MCg2CPRLBji6DxtzSEpujnmnaBRquHPZFGlV9JQcoMAdEvrFjcvKuffbHCzzrRAdBl4kKcClMW0tmIMuTjXrMgZmREEABqmRWW0lFp-JilbRamUqDyNUExJq5_zGkl7h4TM5C0/s1600/map.webp) center no-repeat fixed;
}

/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position                   : relative
}

.owl-carousel {
    display: none;
    width  : 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position                : relative;
    -ms-touch-action        : pan-Y;
    touch-action            : manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content    : ".";
    display    : block;
    clear      : both;
    visibility : hidden;
    line-height: 0;
    height     : 0
}

.owl-carousel .owl-stage-outer {
    position         : relative;
    overflow         : hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility   : hidden;
    -ms-backface-visibility    : hidden;
    -webkit-transform          : translate3d(0, 0, 0);
    -moz-transform             : translate3d(0, 0, 0);
    -ms-transform              : translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height                 : 1px;
    float                      : left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout      : none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor             : pointer;
    -webkit-user-select: none;
    -khtml-user-select : none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    color     : inherit;
    border    : none;
    padding   : 0 !important;
    font      : inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action   : pan-y;
    touch-action       : pan-y;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration : 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity   : 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position  : relative;
    height    : 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position                   : absolute;
    height                     : 80px;
    width                      : 80px;
    left                       : 50%;
    top                        : 50%;
    margin-left                : -40px;
    margin-top                 : -40px;
    background                 : url(owl.video.play.png) no-repeat;
    cursor                     : pointer;
    z-index                    : 1;
    -webkit-backface-visibility: hidden;
    transition                 : transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform    : scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity            : 0;
    height             : 100%;
    background-position: center center;
    background-repeat  : no-repeat;
    background-size    : contain;
    transition         : opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index : 1;
    height  : 100%;
    width   : 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align                 : center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color        : #FFF;
    font-size    : 14px;
    margin       : 5px;
    padding      : 4px 7px;
    background   : #D6D6D6;
    display      : inline-block;
    cursor       : pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-] {
    margin         : 0;
    text-align     : center;
    align-items    : center;
    display        : flex;
    justify-content: center;
    cursor         : pointer;
    border-radius  : 3px;
}

.owl-theme .owl-nav .disabled {
    display: none;
    opacity: .5;
    cursor : default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom   : 1
}

.owl-theme .owl-dots .owl-dot span {
    width                      : 10px;
    height                     : 10px;
    margin                     : 5px 7px;
    background                 : #D6D6D6;
    display                    : block;
    -webkit-backface-visibility: visible;
    transition                 : opacity .2s ease;
    border-radius              : 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 300;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21llE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 400;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLedHFHGPc.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 500;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hlE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 600;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19lE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 700;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15lE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 800;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm111lE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : italic;
    font-weight : 900;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xlE92JQEk.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 300;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1hvEv-L.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 400;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJPUdVNF.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 500;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1hvEv-L.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 600;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1hvEv-L.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 700;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1hvEv-L.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 800;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1hvEv-L.woff) format('woff')
}

@font-face {
    font-family : 'Poppins';
    font-style  : normal;
    font-weight : 900;
    font-display: swap;
    src         : url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1hvEv-L.woff) format('woff')
}

#google_translate_element {
    clear: both
}

dl,
ul {
    list-style-position: inside;
    font-weight        : 400;
    list-style         : none
}

img {
    border  : none;
    position: relative
}

a,
a:visited {
    text-decoration: none
}

.clearfix {
    clear   : both;
    float   : left;
    overflow: hidden
}

.section,
.widget,
.widget ul {
    margin : 0;
    padding: 0
}

a {
    color     : #000000;
    transition: all .2s
}

a img {
    border: 0
}

abbr {
    text-decoration: none
}

.CSS_LIGHTBOX {
    z-index: 999999 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color      : var(--title-dark);
    font-weight: 600;
    line-height: 1.2;
    transition : .3s
}

.separator a {
    clear       : none !important;
    float       : none !important;
    margin-left : 0 !important;
    margin-right: 0 !important
}

#navbar-iframe,
.widget-item-control,
.feed-links,
.home-link {
    display: none !important
}

a:hover {
    color: var(--color-default)
}

::-webkit-scrollbar {
    width           : 12px;
    height          : 12px;
    background-color: #f2f2f2
}

::-webkit-scrollbar:hover {
    background-color: #ccc
}

::-webkit-scrollbar-thumb {
    border               : 2px solid transparent;
    -webkit-box-shadow   : inset 0 0 0 24px rgba(0, 0, 0, .15);
    -moz-box-shadow      : inset 0 0 0 24px rgba(0, 0, 0, .15);
    box-shadow           : inset 0 0 0 24px rgba(0, 0, 0, .15);
    -webkit-border-radius: var(--border-radius-50px);
    -moz-border-radius   : var(--border-radius-50px);
    border-radius        : var(--border-radius-50px)
}

::-webkit-scrollbar-thumb:active {
    box-shadow           : inset 0 0 0 24px rgba(0, 0, 0, .3);
    -webkit-box-shadow   : inset 0 0 0 24px rgba(0, 0, 0, .3);
    -moz-box-shadow      : inset 0 0 0 24px rgba(0, 0, 0, .3);
    -webkit-border-radius: var(--border-radius-50px);
    -moz-border-radius   : var(--border-radius-50px);
    border-radius        : var(--border-radius-50px)
}

#license,
#navbar-iframe {
    display   : none;
    height    : 0;
    visibility: hidden
}

body {
    background : #ffffff url() repeat fixed top left;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.7em;
    word-wrap  : break-word;
    margin     : 0;
    padding    : 0;
    font-size  : 17px
}

body,
p {
    color: #222
}

#outer-wrapper {
    margin: 0 auto
}

.mainbox {
    margin               : 0 auto;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow        : row wrap;
    flex-flow            : row wrap;
    position             : relative
}

#main-wrapper {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 70%;
    flex            : 1 1 70%;
    max-width       : 70%;
    min-width       : 0;
    padding-right   : 40px
}

.mySearch #main-wrapper {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 100%;
    flex            : 1 1 100%;
    max-width       : 100%;
    min-width       : 0;
    padding-right   : 0
}

#sidebar-wrapper {
    -webkit-box-flex  : 1;
    -ms-flex          : 1 1 30%;
    flex              : 1 1 30%;
    max-width         : 30%;
    min-width         : 0;
    padding           : 0;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

#sidebar-wrapper .sidebar {
    position: sticky;
    position: -webkit-sticky;
    top     : 20px
}

.myPost .header-wrapper {
    margin: 0 0 40px;
}

#sidebar-wrapper .sidebar h3.title {
    font-size     : 21px;
    font-weight   : 600;
    border-bottom : 1px solid #eee;
    padding-bottom: 13px;
    margin-bottom : 25px
}

#sidebar-wrapper .sidebar .widget {
    margin-bottom: 30px
}

#sidebar-wrapper .sidebar li {
    margin-bottom: 14px
}

#sidebar-wrapper .sidebar li:last-child {
    margin-bottom: 0
}

.lamanlanding {
    position: relative;
    overflow: hidden;
}

.header-wrapper .header {
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow        : row wrap;
    flex-flow            : row wrap
}

.menx {
    display              : flex;
    -webkit-box-orient   : horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow        : row wrap;
    align-items          : center
}

.header-wrapper .header h1,
.header-wrapper .header h2.blog-title {
    margin   : 0;
    font-size: 2em
}

.header-wrapper p.title-description {
    display           : -webkit-box;
    overflow          : hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size         : 14px;
    line-height       : 1.2;
    font-weight       : 300
}

.header-wrapper {
    background        : var(--color-default);
    position          : sticky;
    color             : var(--title-white);
    margin            : 0;
    text-align        : center;
    width             : 100%;
    box-shadow        : none;
    -webkit-transition: .5s all ease;
    -moz-transition   : .5s all ease;
    transition        : .5s all ease;
    padding           : 0;
    top               : 0;
    z-index           : 999;
}

.header-wrapper .boxcentered {
    justify-content: space-between;
    display        : -webkit-box;
    display        : -webkit-flex;
    display        : flex;
    align-items    : center;
    padding        : 0 20px;
    border-radius  : 20px;
    position       : relative;
    height         : 73px
}

.header-wrapper.sticky .boxcentered:before {
    display: none
}

.header-wrapper #Header1 img {
    margin            : 8px 0 0;
    width             : auto;
    -webkit-transition: .5s all ease;
    -moz-transition   : .5s all ease;
    transition        : .5s all ease;
    max-height        : 47px
}

.header-wrapper .hide-title h1,
.header-wrapper .hide-title h2 {
    display: none
}

.header-wrapper.sticky {
    position         : fixed;
    -webkit-animation: slide-down .1s;
    -moz-animation   : slide-down .1s;
    animation        : slide-down .1s;
    margin           : 0 auto;
    width            : 100%;
    padding          : 0;
    top              : 0;
    background       : var(--bg-gradient-all)
}

.header-wrapper.sticky .boxcentered {
    background: transparent
}

#waliveNav .widget,
#waliveNav .widget>.widget-title {
    display: none
}

#waliveNav .show-menu {
    display: block
}

#waliveNav ul>li,
#waliveNav ul>li>a {
    position: relative;
    display : inline-block;
    margin  : 0
}

#waliveNav {
    position: relative;
    z-index : 15
}

#waliveNav ul>li {
    padding   : 0;
    transition: background .17s
}

#waliveNav ul>li>a {
    color         : #fff;
    font-size     : 16px;
    font-weight   : 600;
    line-height   : 73px;
    text-transform: none;
    padding       : 0 15px;
    transition    : color .17s ease
}

#waliveNav ul>li>a:hover,
.header-wrapper.sticky #waliveNav ul>li>a.active,
#waliveNav ul>li>a.active {
    color: var(--bg-yellow)
}

#waliveNav ul ul,
#waliveNav ul>li>ul>li,
#waliveNav ul>li>ul>li a,
.walivemobile,
.walivemobile ul li a {
    transition: all .17s ease
}

#waliveNav #waliveNav-nav>li:first-child>a {
    padding: 0 13px 0 0
}

#waliveNav ul>li:hover>a,
#waliveNav ul>li>ul>li:hover>a {
    color: #ffd42f
}

#waliveNav ul {
    text-align: center
}

#waliveNav ul>li>ul {
    position          : absolute;
    float             : left;
    left              : 0;
    text-align        : left;
    top               : 100%;
    width             : 230px;
    background-color  : #222;
    -webkit-box-shadow: var(--box-shadow-menu);
    -ms-box-shadow    : var(--box-shadow-menu);
    box-shadow        : var(--box-shadow-menu);
    z-index           : 99999;
    margin            : 0;
    padding           : 0;
    visibility        : hidden;
    opacity           : 0
}

#waliveNav ul>li:last-child ul {
    float: right;
    right: 0;
    left : initial
}

#waliveNav ul>li>ul>li>ul {
    position: absolute;
    float   : left;
    top     : 0;
    left    : 100%;
    margin  : 0
}

#waliveNav ul>li>ul>li {
    display : block;
    float   : none;
    position: relative
}

#waliveNav ul>li>ul>li a {
    display      : block;
    font-size    : 13px;
    color        : #fff;
    font-weight  : 500;
    line-height  : 36px;
    box-sizing   : border-box;
    margin       : 0;
    padding      : 5px 1.5em;
    border-bottom: 1px solid rgb(165 162 162 / 10%)
}

#waliveNav ul>li>ul>li:last-child a {
    border-bottom: 0
}

#waliveNav ul>li.has-sub>a:after {
    float      : right;
    content    : '\f107';
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size  : 14px;
    margin     : 0 0 0 10px
}

#waliveNav ul>li>ul>li.has-sub>a:after {
    content    : '\f105';
    font-weight: 400;
    float      : right;
    margin     : 0
}

#waliveNav .mega-menu {
    position: static !important
}

.slide-menu-toggle {
    position: relative;
    display : none
}

.walivemobile {
    position: absolute;
    display : none;
    left    : 0
}

#waliveNav .mega-menu>ul {
    width     : 100%;
    box-sizing: border-box;
    padding   : 20px 10px
}

#waliveNav .mega-menu>ul.mega-menu-inner {
    overflow: hidden
}

#waliveNav ul>li:hover>ul,
#waliveNav ul>li>ul>li:hover>ul {
    visibility: visible;
    opacity   : 1
}

.slide-menu-toggle {
    color      : var(--title-white);
    font-size  : 25px;
    font-weight: 400;
    text-align : center;
    margin     : 0;
    cursor     : pointer;
    z-index    : 4;
    padding    : 0
}

.slide-menu-toggle:before {
    content    : "\f0c9";
    font-family: "FontAwesome";
    font-weight: 900
}

.walive-active .slide-menu-toggle:before {
    content: "\f00d"
}

.walivemobile {
    top             : 110%;
    width           : 100%;
    background-color: #222;
    box-sizing      : border-box;
    padding         : 0;
    visibility      : hidden;
    opacity         : 0;
    transform-origin: 0;
    transform-origin: 0 0;
    transform       : scaleY(0);
    transition      : all .17s ease;
    border-radius   : 10px
}

.walive-active .walivemobile {
    visibility: visible;
    opacity   : 1;
    transform : scaleY(1);
    overflow  : auto;
    max-height: max-content;
    z-index   : 9
}

.walive-active .walivemobile::-webkit-scrollbar {
    width           : 12px;
    height          : 12px;
    background-color: rgb(242, 242, 242)
}

.walive-active .walivemobile::-webkit-scrollbar:hover {
    background-color: #ccc
}

.walive-active .walivemobile::-webkit-scrollbar-thumb {
    border               : 2px solid transparent;
    -webkit-box-shadow   : inset 0 0 0 24px rgba(0, 0, 0, .15);
    -moz-box-shadow      : inset 0 0 0 24px rgba(0, 0, 0, .15);
    box-shadow           : inset 0 0 0 24px rgba(0, 0, 0, .15);
    -webkit-border-radius: 24px;
    -moz-border-radius   : 24px;
    border-radius        : 24px
}

.walive-active .walivemobile::-webkit-scrollbar-thumb:active {
    box-shadow           : inset 0 0 0 24px rgba(0, 0, 0, .30);
    -webkit-border-radius: 24px;
    -moz-border-radius   : 24px;
    border-radius        : 24px
}

.walivemobile>ul {
    margin: 0
}

.walivemobile .m-sub {
    display: none;
    padding: 0
}

.walivemobile ul li {
    position     : relative;
    display      : block;
    overflow     : hidden;
    float        : left;
    width        : 100%;
    font-size    : 15px;
    font-weight  : 400;
    line-height  : 38px;
    margin       : 0;
    padding      : 5px 30px;
    text-align   : left;
    border-bottom: 1px solid rgb(99 99 99 / 15%)
}

.walivemobile ul li:last-child {
    border-bottom: none
}

.walivemobile>ul li ul {
    overflow: hidden
}

.walivemobile>ul>li:first-child {
    border-top: 0
}

.walivemobile ul li a {
    color  : var(--title-white);
    padding: 0;
    display: block
}

.walivemobile ul li.has-sub .submenu-toggle {
    position: absolute;
    top     : 0;
    right   : 0;
    color   : var(--title-white);
    cursor  : pointer
}

.walivemobile ul li.has-sub .submenu-toggle:after {
    content    : '\f105';
    font-family: 'FontAwesome';
    font-weight: 900;
    float      : right;
    width      : 34px;
    font-size  : 16px;
    text-align : center;
    transition : all .17s ease
}

.walivemobile ul li.has-sub.show>.submenu-toggle:after {
    transform: rotate(90deg)
}

.walivemobile>ul>li>ul>li {
    border-color: rgba(255, 255, 255, .05)
}

.walivemobile>ul>li>ul>li a {
    font-size     : 13px;
    text-transform: initial;
    font-weight   : 400
}

.walivemobile>ul>li>ul>li>a {
    color  : var(--title-white);
    opacity: .7;
    padding: 0 0 0 15px
}

.walivemobile>ul>li>ul>li>ul>li {
    border-color: rgba(255, 255, 255, .02)
}

.walivemobile>ul>li>ul>li>ul>li>a {
    color  : var(--title-white);
    opacity: .7;
    padding: 0 0 0 30px
}

#waliveNav ul>li:hover a {
    background-color: rgb(0 0 0 / 28%)
}

#waliveNav ul li ul li.has-sub a,
#waliveNav ul li ul li.has-sub:hover a {
    background   : none;
    border-radius: 0;
    box-shadow   : none
}

.gsTrans {
    order      : 2;
    margin-left: 25px
}

#fitur {
    padding   : 40px 0;
    background: var(--color-default);
}

.centered {
    max-width: 1170px;
    margin   : 0 auto;
    padding  : 0 15px
}

.myPost .post-outer {
    padding: 40px
}

.lamanku .blog-posts.hfeed,
.mySearch .blog-posts.hfeed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 30px;
    display              : grid;
    grid-template-areas  : 'article'
}

.myArchive .post-outer-container .post-info h2 {
    font-size: 23px
}

.post-outer-container {
    box-shadow   : 0 3px 40px 0 rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow     : hidden;
    background   : var(--bg-white)
}

.post-outer-container .post-info .rcimg {
    width: 225px;
}

.lamanku .blog-posts.hfeed::after {
    content: "";
    display: block;
    clear  : both
}

.post-outer-container .post-info h2 {
    font-size  : 19px;
    margin     : 0;
    line-height: 1.4;
}

.post-outer-container .post-info h2 a {
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow          : hidden;
}

.post-outer-container .post-info p.post-snippet,
.PopularPosts .post p {
    font-size  : 13px;
    line-height: 1.5;
}

.post-outer-container .post-info .post-timestamp,
.PopularPosts .post .post-timestamp {
    font-size: 13px
}

.post-outer-container .post-info .post-timestamp i,
.PopularPosts .post .post-timestamp i {
    margin-right: 5px;
    color       : var(--color-default)
}

.post-body ul {
    list-style: inherit
}

.post-body ul,
.post-body ol {
    padding-left: 20px
}

.post-body a {
    color: #177cd3
}

.post-body a:hover {
    color: var(--color-default)
}

blockquote {
    border-radius: 10px;
    line-height  : 1.8;
    margin-bottom: 30px;
    margin-top   : 31px;
    padding      : 110px 30px 30px;
    position     : relative;
    text-align   : center;
    background   : #f5fbf8;
    border       : 0 none;
    margin       : 30px 0;
    padding      : 50px
}

blockquote:after {
    content    : "\f10d";
    font-family: "FontAwesome";
    font-size  : 6rem;
    position   : absolute;
    top        : 0;
    opacity    : .1;
    color      : rgb(0 0 0 / 30%);
    right      : 15px;
    font-weight: 900
}

.mySearch .post-outer-container .post-tag a {
    background   : var(--bg-gradient);
    color        : var(--title-white);
    position     : absolute;
    border-radius: 5px;
    padding      : 4px 15px;
    left         : 15px;
    top          : 15px;
    font-size    : 13px;
    font-weight  : 500;
    z-index      : 9
}

.mySearch .post-outer-container .post-tag a:hover {
    color: #eee
}

.lamanku #main-wrapper,
.myPage #main-wrapper {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 100%;
    flex            : 1 1 100%;
    max-width       : 100%;
    min-width       : 0;
    padding-right   : 0
}

.myPage .post-outer-container .post-outer,
.myPage .blog-posts.hfeed {
    display: block !important
}

.myPage .post-outer-container {
    box-shadow   : none;
    border-radius: 0
}

.BlogArchive li a:before {
    content    : '\f07c';
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size  : 14px;
    margin     : 0 10px 0 0
}

.BlogArchive li .post-count,
.list-label-widget-content .label-count {
    float          : right;
    background     : var(--color-default);
    width          : 22px;
    height         : 22px;
    font-size      : 12px;
    display        : flex;
    color          : var(--title-white);
    border-radius  : 50px;
    align-items    : center;
    justify-content: center
}

.cloud-label-widget-content span.label-size {
    display      : inline-block;
    border       : 1px solid #eee;
    margin-right : 15px;
    margin-bottom: 15px;
    padding      : 2px 15px;
    border-radius: 5px
}

.cloud-label-widget-content a {
    position: relative
}

.cloud-label-widget-content .label-count {
    background     : var(--color-default);
    width          : 22px;
    height         : 22px;
    font-size      : 12px;
    display        : flex;
    color          : var(--title-white);
    border-radius  : 50px;
    align-items    : center;
    position       : absolute;
    justify-content: center;
    top            : -15px;
    right          : -27px
}

.list-label-widget-content li a:before {
    content    : '\f02c';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size  : 14px;
    margin     : 0 10px 0 0
}

#footer-wrapper {
    overflow        : hidden;
    clear           : both;
    padding         : 3em 0 1rem;
    background-color: #222;
    position        : relative;
}

#footer-wrapper,
#footer-wrapper h3,
#footer-wrapper a {
    color: #fff;
}

.myPost .bgm3 {
    margin-top: 50px
}

#footer-wrapper .footer-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap                  : 30px;
    display              : grid;
}

#footer-wrapper .footer-content .widget {
    margin-bottom: 30px
}

#footer-wrapper .list-label-widget-content li a:before {
    display: none
}

#footer-wrapper .footer-content h3 {
    margin-bottom: 25px;
    font-size    : 21px
}

#footer-wrapper .footer-content .widget .widget-content {
    font-size  : 15px;
    line-height: 1.6;
    margin     : 0 auto;
    color      : #eee
}

#footer-wrapper .footer-content li {
    margin: 8px 0
}

#footer-wrapper .footer-content .widget img {
    display      : inline-block;
    max-height   : 60px;
    margin-bottom: 15px
}

#footer-wrapper #LinkList77 .widget-title {
    display: none
}

#footer-wrapper #LinkList77 ul.social-counter {
    display        : flex;
    gap            : 10px;
    align-items    : center;
    justify-content: center
}

#footer-wrapper #LinkList77 .social-color a {
    color          : rgb(255 255 255 / 81%);
    border         : 1px solid rgb(255 255 255 / 31%);
    width          : 30px;
    height         : 30px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50px
}

.credit {
    padding   : 1em 0;
    overflow  : hidden;
    position  : relative;
    font-size : 14px;
    text-align: center;
    color     : #000
}

.credit a {
    color: #ee2b49;
}

.skip-navigation {
    background-color  : var(--bg-white);
    box-sizing        : border-box;
    color             : #000;
    display           : block;
    height            : 0;
    left              : 0;
    line-height       : 50px;
    overflow          : hidden;
    padding-top       : 0;
    position          : fixed;
    text-align        : center;
    top               : 0;
    -webkit-transition: box-shadow .3s, height .3s, padding-top .3s;
    transition        : box-shadow .3s, height .3s, padding-top .3s;
    width             : 100%;
    z-index           : 9999
}

.skip-navigation:focus {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    height    : 50px
}

#main {
    outline: 0
}

.mySearch .post-info .post-timestamp,
.myArchive .post-info .post-timestamp {
    display: none
}

.rcimg {
    position      : relative;
    max-width     : 217px;
    width         : 100%;
    overflow      : hidden;
    vertical-align: middle;
}

.rec-image {
    width      : 100%;
    position   : relative;
    overflow   : hidden;
    height     : 0;
    padding-top: 56.25%
}

.rec-image img {
    width             : 100%;
    display           : block;
    position          : absolute;
    border-radius     : 8px;
    top               : 0;
    left              : 0;
    height            : 100%;
    right             : 0;
    object-fit        : cover;
    transition        : all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition   : all .3s ease-in-out;
    -ms-transition    : all .3s ease-in-out;
    -o-transition     : all .3s ease-in-out
}

.lazyload,
.lazyloading {
    opacity                          : .3;
    -webkit-animation-duration       : 1.25s;
    animation-duration               : 1.25s;
    -webkit-animation-fill-mode      : forwards;
    animation-fill-mode              : forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    -webkit-animation-name           : placeHolderShimmer;
    animation-name                   : placeHolderShimmer;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function        : ease-in-out;
    background                       : #d7dee0;
    background                       : -webkit-gradient(linear, left top, right top, color-stop(10%, #d7dee0), color-stop(18%, #c8cecf), color-stop(33%, #d7dee0));
    background                       : linear-gradient(to right, #d7dee0 10%, #c8cecf 18%, #d7dee0 33%);
    background-size                  : 200% 100% !important;
    -webkit-transition               : opacity .2s ease-in-out;
    transition                       : opacity .2s ease-in-out
}

.lazyloaded {
    opacity: 1
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.goomtext {
    font-family: 'Poppins', sans-serif;
    color      : var(--color-default);
    font-weight: 800
}

.widget-slider h3 {
    display: none
}

.pembayaran-text {
    text-align: center;
    overflow  : hidden;
    position  : relative;
    max-width : 700px;
    margin    : 50px auto 0
}

.pembayaran-text h3 {
    margin-bottom: 20px
}

.comments iframe#comment-editor {
    padding-left : 0;
    padding-right: 0;
    max-width    : 100%;
    box-sizing   : border-box;
    border       : 0
}

#comments,
.comments .comment-thread>ol {
    padding: 0
}

.blog-post-comments .comments-title {
    margin: 0 0 20px
}

.comments-system-disqus .comments-title,
.comments-system-facebook .comments-title {
    margin: 0
}

#comments {
    padding   : 0;
    font-size : 18px;
    overflow  : hidden;
    margin-top: 30px
}

.comments {
    display: block;
    clear  : both;
    margin : 0
}

.comments h3 {
    margin     : 0 0 30px;
    font-size  : 18px;
    line-height: 1.5
}

#comments h3 span {
    margin-left  : 10px;
    font-size    : 13px;
    background   : #999;
    color        : var(--title-white);
    border-radius: 3px;
    padding      : 4px 12px
}

.comments .comments-content .comment {
    list-style: none;
    margin    : 0
}

.comments .item-control {
    position: static
}

.comments .avatar-image-container {
    float     : left;
    overflow  : hidden;
    position  : absolute;
    margin-top: 15px
}

.comments .avatar-image-container,
.comments .avatar-image-container img {
    height               : 45px;
    max-height           : 45px;
    width                : 45px;
    max-width            : 45px;
    -webkit-border-radius: 100%;
    -moz-border-radius   : 100%;
    border-radius        : 100%
}

.comments .comment-block {
    margin    : 0 0 40px 75px;
    padding   : 30px;
    background: #f1f9f7;
    position  : relative
}

.comments .comment-block::after {
    position     : absolute;
    left         : -14px;
    top          : 30px;
    content      : "";
    border-top   : 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right : 15px solid #f1f9f7
}

.comments .comments-content .comment-replies {
    margin: 0 0 0 50px
}

.comments .comments-content .inline-thread {
    padding: 0
}

.comments .comment-actions {
    position  : absolute;
    margin    : 0;
    top       : 20px;
    text-align: right;
    right     : 20px
}

.comments .comments-content .comment-header {
    font-size     : 16px;
    display       : flex;
    overflow      : hidden;
    flex-direction: column;
    clear         : both;
    margin        : 0 0 10px;
    padding       : 0;
    border-bottom : 0
}

.comments .comments-content .user {
    font-style    : normal;
    font-weight   : 500;
    float         : left;
    font-size     : 14px;
    display       : inline-block;
    text-transform: uppercase
}

.comments .comments-content .icon.blog-author {
    display: none
}

.comments .comments-content .comment-content {
    position   : relative;
    font-size  : 14px;
    font-weight: 400;
    text-align : left
}

.comments .comment .comment-actions a {
    border        : 1px solid #e7e7e7;
    color         : #002359;
    display       : inline-block;
    padding       : 1px 15px;
    background    : var(--bg-white);
    text-transform: capitalize;
    border-radius : 5px;
    font-weight   : 400;
    font-size     : 13px;
    margin-right  : 10px
}

.comments .comments-content .datetime {
    font-size  : 11px;
    font-weight: 400;
    color      : #444;
    position   : relative;
    padding    : 0;
    margin     : 0;
    display    : block
}

.comments .comments-content .loadmore,
.comments .comments-content .loadmore.loaded,
.comments .continue a,
.comments .thread-chrome.thread-collapsed,
.contact-form .widget-title,
.thread-expanded .thread-arrow,
.thread-expanded .thread-count {
    display: none
}

.comments .comments-content .datetime a:hover {
    color: #aaa
}

.comments .thread-toggle {
    margin-bottom: 4px
}

.comments .thread-toggle .thread-arrow {
    height: 7px;
    margin: 0 3px 2px 0
}

.comments .continue a,
.comments .thread-count a {
    -webkit-transition: opacity .17s;
    -moz-transition   : opacity .17s;
    -ms-transition    : opacity .17s;
    -o-transition     : opacity .17s;
    transition        : opacity .17s
}

.comments .continue a:hover,
.comments .thread-count a:hover {
    opacity: .8
}

.comments .thread-expanded {
    padding: 5px 0 0
}

.thread-arrow:before {
    content    : '';
    color      : #000;
    font-weight: 400;
    margin     : 0 2px 0 0
}

.comments .comment-replybox-thread,
.comments .comments-content .comment-thread {
    margin: 0
}

.comments .continue a {
    padding    : 0 0 0 60px;
    font-weight: 400
}

.comments .comments-content .loadmore.loaded {
    margin : 0;
    padding: 0
}

#comment-editor {
    margin: 0
}

.post-footer {
    margin: 25px 0 0
}

.post-share,
.post-footer-line {
    margin: 0 0 25px 0
}

.post-footer .post-footer-line .post-labels a {
    background   : #f3f3f3;
    padding      : 2px 15px;
    font-size    : 15px;
    margin-right : 3px;
    margin-bottom: 5px;
    display      : inline-block;
    border-radius: 5px
}

.post-outer-container .author-profile {
    position   : relative;
    display    : flex;
    overflow   : hidden;
    margin     : 30px auto 0;
    line-height: 1.4;
    align-items: center;
    font-size  : 16px;
    padding    : 20px;
    border     : 1px solid #eee
}

.post-outer-container .author-image-box {
    margin-right: 15px;
    display     : block;
    flex        : 1 1 20%;
    max-width   : 20%;
    min-width   : 0
}

.post-outer-container .author-image-box img {
    border-radius: 100px;
    overflow     : hidden
}

.post-outer-container .author-profile .author-bio {
    display: block
}

.post-outer-container .author-profile .author-name {
    display       : block;
    font-size     : 18px;
    margin        : 10px 0;
    padding-bottom: 10px;
    font-weight   : 500;
    border-bottom : 1px dotted #eee
}

.social-share {
    display    : flex;
    align-items: center
}

.social-share a {
    background     : var(--bg-white);
    width          : 40px;
    height         : 40px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 15px;
    border-radius  : 50px;
    margin-right   : 10px;
    box-shadow     : 0 0 10px #ccc
}

.social a span,
.contact-form-widget form span.fromtxt {
    position   : absolute;
    opacity    : 0;
    text-indent: -999999999px
}

.social .facebook a:before {
    content: "\f39e"
}

.social .twitter a:before {
    content: "\e61b"
}

.social .whatsapp a:before {
    content: "\f232"
}

.social .youtube a:before {
    content: "\f232"
}

.social .youtube a:before {
    content: "\f167"
}

.social .tiktok a:before {
    content: "\e07b"
}

.social .telegram a:before {
    content: "\f2c6"
}

.social .instagram a:before {
    content: "\f16d"
}

.social .pinterest a:before {
    content: "\f231"
}

.social .email a:before {
    content    : "\f0e0";
    font-family: "FontAwesome";
    font-weight: 900
}

.social a:before {
    font-family: "Font Awesome 6 Brands";
    font-style : normal
}

#blog-pager {
    clear          : both;
    display        : flex;
    text-align     : center;
    align-items    : center;
    justify-content: center;
    padding        : 0;
    margin         : 20px 0 60px;
    gap            : 0 30px
}

.blog-pager a {
    background   : #fff;
    box-shadow   : 0 3px 40px 0 rgb(0 0 0 / 10%);
    border-radius: 50px;
    height       : 40px;
    padding      : 0 25px;
    display      : flex;
    align-items  : center
}

.errorWrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 40px;
    display              : grid;
    width                : 100%;
    align-items          : stretch;
    justify-content      : center;
    padding-top          : 120px;
    color                : var(--title-white);
    padding-bottom       : 120px
}

#errorLeft {
    padding       : 40px;
    display       : flex;
    flex-wrap     : nowrap;
    flex-direction: column;
    align-items   : flex-start
}

#errorRight {
    flex-direction : column;
    display        : flex;
    text-align     : center;
    align-items    : center;
    justify-content: center
}

#errorRight img {
    max-height: 400px
}

#errorLeft #link_button {
    font-weight     : 600;
    font-size       : 16px;
    box-shadow      : none;
    border-radius   : 3px;
    color           : var(--title-white);
    margin-top      : 0;
    padding         : 8px 16px;
    background-color: var(--color-default)
}

.errorWrap h4 {
    font-size    : 55px;
    font-weight  : 700;
    line-height  : 1.1;
    margin-bottom: 18px
}

.errorWrap p {
    font-size    : 22px;
    margin-bottom: 30px;
    line-height  : 1.6
}

.my404 #main-wrapper {
    -webkit-box-flex: 1;
    -ms-flex        : 1 1 100%;
    flex            : 1 1 100%;
    max-width       : 100%;
    min-width       : 0;
    padding-right   : 0
}

figcaption,
.tr-caption {
    display    : block;
    margin     : 8px 0;
    font-size  : small;
    line-height: 1.3;
    opacity    : .8;
    text-align : center
}

.contact-form-error-message-with-border {
    background   : #ff9191;
    color        : var(--title-white);
    font-size    : 13px;
    padding      : 0 10px;
    border-radius: 50px
}

.contact-form-cross {
    float        : right;
    border-radius: 50px;
    padding-top  : 8px;
    cursor       : pointer
}

.contact-form-success-message {
    background   : #25df8a;
    color        : var(--title-white);
    font-size    : 13px;
    padding      : 0 10px;
    border-radius: 50px
}

.PopularPosts .post {
    position   : relative;
    display    : flex;
    align-items: center;
    flex-wrap  : nowrap;
    overflow   : hidden;
    margin     : 20px 0 0
}

.PopularPosts .post:first-child {
    margin: 0
}

.PopularPosts .item-content {
    position: relative;
    flex    : 1 0;
    padding : 0;
    width   : calc(100%)
}

.PopularPosts .post .rcimg {
    width       : 140px;
    float       : left;
    margin-right: 20px
}

.PopularPosts .post h3.post-title {
    font-size: 15px;
    margin   : 4px 0
}

#gmwrap {
    padding    : 5rem 0;
    display    : flex;
    align-items: center;
    position   : relative;
    color      : #000
}

#gmwrap:before {
    content         : "";
    position        : absolute;
    bottom          : 5rem;
    right           : -35rem;
    width           : 70rem;
    height          : 65rem;
    z-index         : -1;
    background-color: var(--color-default);
    border-radius   : 30rem;
    transform       : rotate(-45deg);
    opacity         : .1
}

#goomsite-control {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 40px;
    display              : grid;
    align-items          : center;
    z-index              : 1;
    position             : relative;
    justify-content      : space-between;
    margin               : 0 auto
}

#goomsite-control .header-control .Image {
    display        : flex;
    justify-content: center;
    position       : relative
}

#goomsite-control .header-control .Image::after {
    position: absolute;
    right   : 0;
    bottom  : 0;
    content : "";
    height  : 100%;
    width   : 100%;
    z-index : -1
}

#goomsite-control .header-control h3.title {
    font-size    : 45px;
    margin-bottom: 20px;
    font-weight  : 800
}

#goomsite-control .header-control {
    font-size  : 17px;
    font-weight: 400;
    line-height: 1.4
}

#goomsite-control .header-control .LinkList ul {
    display    : flex;
    align-items: center;
    margin-top : 30px
}

#goomsite-control .header-control .LinkList ul li {
    margin-right: 20px
}

#goomsite-control .header-control .LinkList ul li a {
    display           : inline-block;
    vertical-align    : middle;
    background-color  : var(--color-default);
    position          : relative;
    padding           : 10px 50px;
    color             : var(--title-white);
    border            : 2px solid var(--color-default);
    border-radius     : 50px;
    -webkit-box-shadow: var(--box-shadow-btn);
    box-shadow        : var(--box-shadow-btn);
    -webkit-transition: .5s all ease;
    -moz-transition   : .5s all ease;
    transition        : .5s all ease
}

#goomsite-control .header-control .LinkList ul li a i {
    font-size              : 30px;
    background-color       : var(--color-default);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position               : absolute;
    top                    : 50%;
    -webkit-transform      : translateY(-50%);
    transform              : translateY(-50%);
    left                   : 25px;
    -webkit-transition     : all .4s ease;
    transition             : all .4s ease
}

#goomsite-control .header-control .LinkList ul li:first-child a i {
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background             : none
}

#goomsite-control .header-control .LinkList ul li:last-child a {
    color     : var(--title-dark);
    background: var(--bg-white);
    border    : 2px solid var(--color-default)
}

#goomsite-control .header-control .LinkList ul li:last-child a:hover {
    background-color: var(--color-default)
}

#goomsite-control .header-control .LinkList ul li a:hover i {
    background             : none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: inherit
}

#goomsite-control .header-control .LinkList ul li:last-child a:hover,
#goomsite-control .header-control .LinkList ul li a:hover i,
#goomsite-control .header-control .LinkList ul li:first-child a i {
    color: var(--title-white)
}

#goomsite-control .header-control .LinkList ul li:last-child {
    margin-right: 0
}

#goomsite-control .header-control .LinkList ul li span,
#goomsite-control .header-control .LinkList ul li span.inner {
    position   : relative;
    display    : block;
    line-height: 1em
}

#goomsite-control .header-control .LinkList ul li span.avail {
    font-size  : 13px;
    font-weight: 600
}

#goomsite-control .header-control .LinkList ul li span.store-name {
    text-transform: uppercase;
    font-size     : 15px;
    margin-top    : 5px;
    font-weight   : 600
}

.col {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding   : 3em 1em;
    position  : relative;
    overflow  : hidden
}

.pricing-wrapper {
    max-width: 800px;
    width    : 100%;
    margin   : 0 auto
}

#pricing {
    background   : #3bd47a;
    color        : #fff;
    margin-bottom: 40px;
}

#pricing h3 {
    color        : #fff;
    font-size    : 35px;
    margin-bottom: 10px;
}

#pricing .Image img {
    float        : right;
    border-radius: 50%;
    width        : 150px;
    height       : 150px;
    margin-left  : 50px;
}

#pricing .Image .widget-content {
    line-height: 1.2em;
}

#pricing .Image .caption {
    font-size: 15px;
}

.bg {
    background-color: #ee2b49;
    color           : #fff;
}

.testimonialWp {
    text-align: center;
    width     : 100%;
    max-width : 800px;
    position  : relative;
    margin    : 3rem auto;
}

#testimonial .widget-text .widget-content,
#testimonial h3 {
    color: #fff
}

#testimonial h3 {
    line-height   : 40px;
    font-size     : 40px;
    font-weight   : 700;
    text-transform: uppercase;
}

.col-box {
    z-index : 1;
    position: relative
}

.background-overlay {
    background: var(--bg-image-overlay);
    height    : 100%;
    width     : 100%;
    top       : 0;
    left      : 0;
    position  : absolute
}

.widget-text {
    text-align: center;
    margin    : 0 auto 50px;
    max-width : 800px;
    width     : 100%
}

.mySearch .widget-text,
.myArchive .widget-text {
    margin: 50px auto;
}

.widget-text h3 {
    font-family  : 'Poppins', sans-serif;
    margin       : 0;
    font-size    : 41px;
    line-height  : 1.1em;
    margin-bottom: 20px
}

.widget-text .widget-content {
    line-height: 1.5em;
    color      : #676767;
    font-size  : 16px
}

.promo-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap                  : 10px;
    display              : grid;
    text-align           : center;
    margin-bottom        : 40px
}

.promo-content .widget {
    box-shadow   : var(--box-shadow);
    margin       : 5px;
    padding      : 20px;
    border-radius: 20px;
    line-height  : 1.4;
}

.promo-content .widget img {
    height: 90px
}

.promo-content .widget h3,
.promo-content .widget img {
    margin-bottom: 10px
}

.promo-content .Image span.caption {
    font-size  : 15px;
    line-height: 1;
    color      : #676767
}

img {
    position : relative;
    height   : auto;
    max-width: 100%;
    width    : auto
}

.bgrelated {
    margin: 5em 0 0
}

.post-header {
    margin: 25px 0 0
}

.lamanku .post-outer-container .post-outer,
.mySearch .post-outer-container .post-outer {
    display: flex;
    padding: 15px;
    gap    : 20px;
}

.lamanku .post-outer-container .post-outer .post-info,
.mySearch .post-outer-container .post-outer .post-info {
    display       : flex;
    gap           : 10px;
    flex-direction: column;
}

.lamanku .post-outer-container .post-outer .rec-image,
.mySearch .post-outer-container .post-outer .rec-image {
    padding-top: 66%;
}

#meta-content,
#meta-content .author-profile {
    display    : flex;
    align-items: center;
    font-weight: 400;
    font-size  : 16px
}

#meta-content img {
    width        : 30px;
    height       : 30px;
    display      : inline-block;
    border-radius: 50%;
    margin       : 0 15px 0 0
}

#meta-content span {
    margin: 0 15px 0 0
}

#meta-content a {
    color: #222
}

.readingTime {
    display    : flex;
    align-items: center
}

#meta-content i {
    margin-right: .3em;
    color       : var(--color-default)
}

#breadcrumb {
    margin   : 0 0 1em;
    font-size: 12px;
}

#breadcrumb a:not(:last-child):after {
    content       : ' ';
    width         : 3px;
    height        : 3px;
    background    : currentColor;
    margin        : 0 10px;
    border-radius : 50%;
    display       : inline-block;
    opacity       : .2;
    vertical-align: middle
}

.featured-wrapper .widget-content {
    overflow        : hidden;
    background-color: var(--bg-white);
    padding         : 50px;
    margin-bottom   : 40px;
    border-radius   : 8px;
    position        : relative;
    box-shadow      : 0 3px 40px 0 rgb(0 0 0 / 10%)
}

.featured-wrapper .post-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 40px;
    overflow             : hidden;
    display              : grid;
    align-items          : center
}

.featured-wrapper .post-content .rec-image {
    padding-top: 75%
}

.featured-wrapper .post-content h2.post-title {
    font-size: 30px
}

.featured-wrapper .widget-title {
    top              : 30%;
    left             : 0;
    -webkit-transform: rotate(180deg);
    -ms-transform    : rotate(180deg);
    transform        : rotate(180deg);
    position         : absolute
}

.featured-wrapper .widget-title h3 {
    font-size     : 15px;
    background    : var(--color-default);
    display       : inline-block;
    color         : var(--title-white);
    font-weight   : 500;
    text-transform: uppercase;
    padding       : 20px 10px;
    line-height   : 1;
    pointer-events: none;
    writing-mode  : tb-rl;
    white-space   : nowrap
}

.featured-wrapper .post-content p {
    font-size : 15px;
    margin-top: 20px
}

.featured-wrapper .post-content .div-content {
    padding-left: 20px
}

#ContactForm1_contact-form-email,
#ContactForm1_contact-form-name {
    height               : auto;
    margin               : 5px auto;
    border               : none;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    border-radius        : 50px;
    min-width            : 100%
}

#ContactForm1_contact-form-email-message {
    height               : 90px;
    margin               : 5px 0;
    border               : none;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px
}

#ContactForm1_contact-form-email,
#ContactForm1_contact-form-email-message,
#ContactForm1_contact-form-name {
    padding           : 10px 20px;
    box-shadow        : inset 0 0 0 1px rgb(0 0 0 / 13%), inset 1px 1px 5px rgb(195 204 222);
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 13%), inset 1px 1px 5px rgb(195 204 222);
    -moz-box-shadow   : inset 0 0 0 1px rgb(0 0 0 / 13%), inset 1px 1px 5px rgb(195 204 222);
    transition        : all .5s ease-out;
    outline           : 0;
    width             : 100%
}

.bForm {
    margin-bottom: 10px
}

#ContactForm1_contact-form-email-message:focus,
#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-name:focus {
    outline           : 0;
    color             : #444;
    border-color      : #66afe9;
    box-shadow        : inset 0 1px 1px rgb(23 199 189 / 24%), 0 0 8px rgb(23 199 189 / 24%);
    -webkit-box-shadow: inset 0 1px 1px rgb(23 199 189 / 24%), 0 0 8px rgb(23 199 189 / 24%);
    -moz-box-shadow   : inset 0 1px 1px rgb(23 199 189 / 24%), 0 0 8px rgb(23 199 189 / 24%)
}

.contact-form-button-submit {
    background   : var(--color-default);
    color        : var(--title-white);
    border-radius: 5px;
    padding      : 5px 10px;
    border       : 0
}

.halamankhusus {
    text-align    : center;
    display       : flex;
    flex-direction: column;
    align-items   : center
}

.halamankhusus h4 {
    text-transform: uppercase
}

.blogsearch-wrapper {
    max-width: 650px;
    width    : 100%
}

.blogsearch-wrapper .search-input {
    width             : 100%;
    color             : #222;
    margin            : 0;
    padding           : 0 25px;
    background-color  : var(--bg-white);
    font-size         : 16px;
    font-weight       : 400;
    font-family       : inherit;
    border            : 1px solid rgba(34, 34, 34, .25);
    -webkit-box-shadow: 0 20px 30px rgba(34, 34, 34, .07);
    box-shadow        : 0 20px 30px rgba(34, 34, 34, .07);
    line-height       : 50px;
    outline           : 0;
    box-sizing        : border-box;
    display           : flex;
    border-radius     : 30px;
    position          : relative
}

.blogsearch-wrapper .search-input:focus {
    border            : 1px solid var(--color-default);
    -webkit-box-shadow: 0 20px 30px rgb(0 0 0 / 14%);
    box-shadow        : 0 20px 30px rgb(0 0 0 / 14%)
}

.blogsearch-wrapper .search-form {
    display : flex;
    position: relative;
    padding : 0
}

.blogsearch-wrapper .search-form .search-action {
    border            : 0;
    border-radius     : 50px;
    padding           : 0 30px;
    margin-left       : 10px;
    background        : var(--color-default);
    color             : var(--title-white);
    -webkit-box-shadow: 0 10px 10px #5200cc36;
    box-shadow        : 0 10px 10px #5200cc36
}

.blogsearch-wrapper .search-form .search-action:hover {
    opacity: .8
}

pre {
    padding      : 0;
    margin       : 0;
    white-space  : pre;
    word-wrap    : break-word;
    overflow     : auto;
    position     : relative;
    border-radius: 5px
}

pre code {
    border      : none;
    direction   : ltr;
    text-align  : left;
    word-spacing: normal;
    display     : block;
    padding     : 2em;
    background  : #f2f2ed;
    color       : #000;
    border-left : 5px solid #e2e2d7
}

code {
    color           : #ff2e2e;
    background-color: transparent;
    padding         : 1px 2px;
    font-size       : 12px;
    font-family     : Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, Monospace;
    line-height     : 1.6
}

.post-body p {
    margin  : 15px 0;
    display : block;
    overflow: hidden
}

.coll {
    padding : 1em;
    position: relative;
    overflow: hidden
}

#video {
    padding: 5rem 0;
}

.video-wrapper ul {
    margin        : 20px 0;
    display       : flex;
    flex-direction: column;
    gap           : 20px;
}

.video-wrapper ul li {
    position: relative;
    display : flex;
}

.video-wrapper ul li:before {
    content    : '\f00c';
    font-family: "FontAwesome";
    float      : left;
    padding    : 0 20px 0 0;
    font-size  : 30px;
    color      : #3bd47a;
    font-weight: 700;
}

.video-wrapper h3 {
    margin-bottom: 20px;
    font-size    : 30px;
}

.appie-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 40px;
    display              : grid;
    overflow             : hidden;
    align-items          : center;
}

#video-wrapper1 .video-wrapper,
.appie-fun .widget {
    position: relative;
    color   : var(--title-dark)
}

.appie-fun h3 {
    font-size     : 44px;
    line-height   : 54px;
    padding-bottom: 15px;
    font-weight   : 800
}

.popup-youtube {
    position          : absolute;
    border-radius     : 50%;
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
    -webkit-animation : ripple-white 1s linear infinite;
    animation         : ripple-white 1s linear infinite;
    -webkit-transition: .5s
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1);
        box-shadow        : 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow        : 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1);
        box-shadow        : 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow        : 0 0 0 10px rgba(255, 255, 255, .1), 0 0 0 20px rgba(255, 255, 255, .1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

.popup-youtube:before {
    content        : "\f04b";
    font-family    : "FontAwesome";
    font-weight    : 900;
    width          : 80px;
    height         : 80px;
    display        : flex;
    border-radius  : 99rem;
    font-size      : 30px;
    align-items    : center;
    justify-content: center;
    background     : var(--bg-white);
    color          : var(--color-default)
}

.popup-youtube span {
    text-indent: -9999999999px;
    position   : absolute;
    opacity    : 0
}

.feature-wrapper {
    gap            : 5rem;
    display        : flex;
    justify-content: center;
}

#fitur .widget-text {
    margin    : 2rem auto;
    text-align: center;
}

#fitur .widget-text h3,
#fitur .widget-text .widget-content {
    font-family: 'Poppins', sans-serif;
    color      : #fff
}

#fitur .goomtext {
    font-family: 'Poppins', sans-serif;
    color      : #aeee6d;
}

.feature-wrapper #feature-image .Image {
    display        : flex;
    justify-content: center
}

#feature-content .widget ul {
    gap           : 30px;
    display       : flex;
    flex-direction: column;
    width         : auto;
    min-width     : 100%;
}

#feature-content .widget ul li {
    display    : block;
    position   : relative;
    line-height: 1.5em;
    color      : #fff;
    font-size  : 16px
}

#feature-content .widget ul li h4 {
    color    : #fff;
    font-size: 26px
}

#feature-content .widget ul li i {
    float             : left;
    background-color  : rgb(255 255 255 / 33%);
    height            : 70px;
    width             : 70px;
    line-height       : 40px;
    text-align        : center;
    -webkit-box-shadow: 0 30px 40px 0 rgba(52, 27, 159, .1);
    box-shadow        : 0 30px 40px 0 rgba(52, 27, 159, .1);
    padding           : 15px;
    border-radius     : 50px;
    color             : #fff;
    display           : block;
    font-size         : 25px;
    position          : relative;
    margin-right      : 30px;
}

.col2 {
    padding : 0 0 1em;
    position: relative;
    overflow: hidden
}

#feature-image {
    order        : 2;
    width        : 284px;
    margin-bottom: -50px;
}

.iframe-maps {
    position   : relative;
    padding-top: 36%;
    overflow   : hidden;
    background : #f4f4f4;
}

.iframe-maps iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    border  : 0;
}

.post-body.entry-content iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%
}

.myiframe {
    float         : none;
    clear         : both;
    width         : 100%;
    position      : relative;
    padding-bottom: 56.25%;
    padding-top   : 25px;
    height        : 0
}

#waliveTop {
    position  : fixed;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity   : 0;
    visibility: hidden;
    z-index   : 99;
    right     : 32px;
    bottom    : 30px;
    cursor    : pointer;
    text-align: center;
    display   : flex
}

#waliveTop::after {
    content        : "\f077";
    font-family    : 'FontAwesome';
    font-weight    : 900;
    font-size      : 15px;
    display        : flex;
    align-items    : center;
    background     : var(--color-default);
    border-radius  : 10px;
    height         : 40px;
    width          : 40px;
    line-height    : 45px;
    justify-content: center;
    color          : var(--title-white)
}

#waliveTop::after:hover {
    cursor          : pointer;
    background-color: #333
}

#waliveTop::after:active {
    background-color: #555
}

#waliveTop.show {
    opacity   : 1;
    visibility: visible
}

a.button-link {
    font-weight     : 600;
    color           : #fff;
    background-color: #19bd60;
    border-radius   : 50px;
    padding         : 13px 25px;
    display         : block;
    text-align      : center;
    margin-top      : 20px
}

.cookie-choices-info {
    width           : 900px !important;
    background-color: var(--bg-white) !important;
    bottom          : 20px;
    top             : initial !important;
    left            : 20px !important;
    padding         : 15px !important;
    color           : #000000 !important;
    border-radius   : 5px;
    box-shadow      : 0 0 10px rgba(0, 0, 0, .1);
    font-family     : inherit !important
}

.cookie-choices-info .cookie-choices-text {
    display    : block !important;
    color      : #000000 !important;
    max-width  : initial !important;
    font-weight: 400 !important;
    margin     : 0 !important
}

.cookie-choices-info .cookie-choices-buttons {
    display   : block !important;
    margin    : 15px 0 !important;
    text-align: left
}

.cookie-choices-info .cookie-choices-button {
    font-weight     : normal !important;
    text-transform  : initial !important;
    background      : #c6005f;
    background-image: var(--bg-gradient);
    padding         : 8px 10px !important;
    font-size       : 13px;
    color           : var(--title-white) !important;
    margin          : 0 8px 0 0 !important;
    border-radius   : 5px
}

.cookie-choices-info a#cookieChoiceDismiss {
    background-color: #168d39
}

.myPage .post-body.entry-content.float-container {
    padding-bottom: 50px
}

.sliderBrand {
    position: relative;
    overflow: hidden
}

.button {
    padding      : 10px 30px;
    display      : block;
    font-size    : 16px;
    margin       : 15px 15px;
    border-radius: 50px;
    color        : #fff;
    transition   : all 0.3s ease 0s;
    background   : var(--color-default)
}

a.button:hover {
    opacity: .8;
    color  : #eee
}

.switch {
    position: relative;
    display : inline-block;
    width   : 60px;
    height  : 34px
}

.switch input {
    opacity: 0;
    width  : 0;
    height : 0
}

.slider {
    position          : absolute;
    cursor            : pointer;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    background-color  : #ddd;
    -webkit-transition: 0.4s;
    transform         : translate(0, 0);
    transition        : 0.6s ease transform, 0.6s box-shadow
}

.slider:before {
    position          : absolute;
    content           : "";
    height            : 26px;
    width             : 26px;
    left              : 4px;
    bottom            : 4px;
    background-color  : var(--color-default);
    -webkit-transition: 0.4s;
    transition        : 0.4s
}

input:checked+.slider:before {
    background: #ff5b00
}

input:focus+.slider {
    box-shadow: 0 0 1px #50bfe6
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform    : translateX(26px);
    transform        : translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

#testimonialWp .Image img {
    width        : 90px;
    height       : 90px;
    border-radius: 50px
}

#testimonialWp .Image .caption {
    font-size  : 15px;
    line-height: 1.6
}

#testimonialWp .Image .widget-content {
    display       : flex;
    flex-direction: column;
    gap           : 10px 0;
    align-items   : center;
    text-align    : center
}

#testimonialWp .Image br {
    display: none
}

#testimonialWp .Image .widget-title h3 {
    font-weight: 600
}

#testimonialWp .Image .widget-title h3:after {
    font-family: "FontAwesome";
    content    : "\f005\f005\f005\f005\f005";
    color      : #ffb33d;
    display    : block;
    font-size  : 14px;
    font-weight: 700;
    padding-top: 10px
}

.testimonialWp.owl-theme .owl-dots .owl-dot span {
    width     : 20px;
    height    : 8px;
    margin    : 0 7px;
    transition: all .5s
}

.testimonialWp.owl-theme .owl-dots .owl-dot.active span,
.testimonialWp.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-default);
    width     : 30px
}

.dark-mode-switcher-wrap {
    position: fixed;
    right   : 39px;
    bottom  : 100px;
    z-index : 999
}

.dark-mode-switcher {
    display       : flex;
    flex-direction: column;
    background    : #e5e6ef;
    color         : #000;
    border-radius : 50px;
    width         : 28px;
    gap           : 25px;
    padding       : 7px;
    position      : relative;
    cursor        : pointer
}

.dark-mode-switcher-light,
.dark-mode-switcher-dark {
    line-height    : 1;
    position       : relative;
    display        : flex;
    justify-content: center;
    align-items    : center;
    font-size      : 16px
}

.dark-mode-switcher-light {
    color: #ffb300
}

.dark-mode-switcher-state {
    position     : absolute;
    background   : #fff;
    width        : 100%;
    left         : 0;
    top          : 0;
    height       : 28px;
    border-radius: 50px;
    box-shadow   : 0 0 10px #2f313942;
    transition   : 0.4s cubic-bezier(.01, .68, .42, 1.36)
}

body.dark-mode .dark-mode-switcher-state {
    top: calc(100% - 28px)
}

body.dark-mode .dark-mode-switcher {
    background: #27272d
}

body.dark-mode {
    background: #0b0910
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #cfc1e1
}

body.dark-mode .goomtext,
body.dark-mode .post-outer-container .post-info .post-timestamp i,
body.dark-mode .PopularPosts .post .post-timestamp i,
body.dark-mode #meta-content i,
body.dark-mode #breadcrumb a:first-child:before,
body.dark-mode #feature-content .widget ul li i {
    color: #ff5b00
}

body.dark-mode,
body.dark-mode a,
body.dark-mode p,
body.dark-mode .widget-text .widget-content,
body.dark-mode #feature-content .widget ul li,
body.dark-mode .promo-content .Image span.caption,
body.dark-mode #gmwrap,
body.dark-mode .gsTrans .language,
body.dark-mode ul.list,
body.dark-mode .blogsearch-wrapper .search-input,
body.dark-mode .post-outer-container .post-info h2 a,
body.dark-mode .blog-pager a,
body.dark-mode .social-share a {
    color: #d5d4d4
}

body.dark-mode .header-wrapper .boxcentered:before {
    background: #1c172e
}

body.dark-mode #feature-content .widget ul li i {
    background-color: #000
}

body.dark-mode .gsTrans .langList {
    background-color: #1c1728
}

body.dark-mode .slider {
    background-color: rgb(221 221 221 / 6%)
}

body.dark-mode #goomsite-control .header-control .LinkList ul li:last-child a {
    color     : #fff;
    background: #000;
    border    : 2px solid #fff
}

body.dark-mode .blogsearch-wrapper .search-input {
    background-color: rgb(255 255 255 / 3%)
}

body.dark-mode .post-outer-container,
body.dark-mode .blog-pager a {
    background: #1d1820
}

body.dark-mode blockquote {
    background: #111018
}

body.dark-mode .social-share a {
    background: #0a0a0a;
    box-shadow: 0 0 10px #181818
}

body.dark-mode .post-outer-container .author-profile,
body.dark-mode .cloud-label-widget-content span.label-size {
    border: 1px solid #363636
}

body.dark-mode .post-outer-container .author-profile .author-name,
body.dark-mode #sidebar-wrapper .sidebar h3.title {
    border-bottom: 1px solid #363636
}

body.dark-mode #ContactForm1_contact-form-email,
body.dark-mode #ContactForm1_contact-form-email-message,
body.dark-mode #ContactForm1_contact-form-name {
    background        : #000;
    color             : #fff;
    -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 13%), inset 1px 1px 5px rgb(85 85 86 / 39%);
    box-shadow        : inset 0 0 0 1px rgb(0 0 0 / 13%), inset 1px 1px 5px rgb(85 85 86 / 39%)
}

.faq-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap                  : 30px;
    display              : grid;
}

.faq-container .Image {
    border-bottom        : 3px solid rgb(0 0 0 / 6%);
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    background           : #e9edf0;
    text-align           : center;
    overflow             : hidden;
}

.faq-container .Image img {
    width        : 150px;
    height       : 150px;
    border-radius: 99rem;
}

.faq-container .widget-content {
    display       : flex;
    flex-direction: column;
    gap           : 10px;
    padding-bottom: 20px;
}

.faq-container .widget-content .social-share {
    justify-content: center;
    margin-top     : 10px;
}

.faq-container .Image .widget-content .bg-content {
    background   : #ee2b49;
    padding      : 30px;
    margin-bottom: 10px;
}

.faq-container .Image:nth-child(2) .widget-content .bg-content {
    background: #fce735
}

.faq-container .Image:nth-child(3) .widget-content .bg-content {
    background: var(--color-default);
}

.faq-container .Image:nth-child(4) .widget-content .bg-content {
    background: #e3a231
}

.faq-container .Image:nth-child(5) .widget-content .bg-content {
    background: #bf45eb
}

.faq-container .Image:nth-child(6) .widget-content .bg-content {
    background: #2ab3b5
}

.faq-container .Image:nth-child(7) .widget-content .bg-content {
    background: #ea743c
}

.faq-container .Image:nth-child(8) .widget-content .bg-content {
    background: #4e5af9
}

.faq-container .Image:nth-child(9) .widget-content .bg-content {
    background: #34b97d
}

.faq-container .Image:nth-child(10) .widget-content .bg-content {
    background: #3386bb
}

.faq-container .Image:nth-child(11) .widget-content .bg-content {
    background: #4038bb
}

.faq-container .Image:nth-child(12) .widget-content .bg-content {
    background: #ba3f92
}

.faq-container .Image:nth-child(15) .widget-content .bg-content {
    background: #bb4141
}

.faq-container .Image:nth-child(15) .widget-content .bg-content {
    background: #3261a9
}

.faq-container .Image:nth-child(16) .widget-content .bg-content {
    background: #8f31aa
}

.faq-container .Image:nth-child(17) .widget-content .bg-content {
    background: #a93876
}

.faq-container .Image:nth-child(18) .widget-content .bg-content {
    background: #37a94b
}

.faq-container .Image:nth-child(19) .widget-content .bg-content {
    background: #a83a3a
}

.bgm,
.bgm2 {
    width                : 100%;
    padding              : 0;
    margin               : 0;
    text-align           : center;
    background-attachment: fixed;
    background-origin    : initial;
    background-clip      : initial;
    background-size      : cover;
    background-repeat    : no-repeat;
    background-position  : 100% 0;
    background-position  : center;
    z-index              : 1;
    position             : relative;
}

.bgm {
    background-image: url(../images/bg-logo-transparant.png);
}

.bgm2 {
    background-image: url(../images/bg-logo.png);
}

.bgm3 {
    background: var(--color-default);
}

.bgm3 .myproject .widget h3 {
    color: #fff
}

.bgm3 .myproject .widget {
    display        : flex;
    align-items    : center;
    gap            : 30px;
    justify-content: center;
}

.bgm2:before,
.bgm:before {
    content         : '';
    position        : absolute;
    width           : 100%;
    padding         : 0;
    margin          : 0;
    left            : 0;
    top             : 0;
    height          : 100%;
    z-index         : 1;
    background-color: #fff;
    opacity         : .7;
}

.parallax-text {
    max-width: 700px;
    width    : 100%;
    margin   : 0 auto;
}

.parallax-text,
.bgm2 .countBrand {
    position: relative;
    z-index : 10;
}

.parallax-text h3 {
    font-size     : 44px;
    font-weight   : 700;
    text-transform: uppercase;
    margin-bottom : 15px;
}

.parallax-text .widget,
.bgm2 .countBrand {
    padding: 5rem 0;
}

.bgm2 .countBrand .count {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap                  : 10px;
    display              : grid;
}

.bgm2 .countBrand .count .widget .widget-content {
    display         : flex;
    flex-direction  : column;
    gap             : 10px;
    background-color: rgb(255 255 255 / 71%);
    box-shadow      : 0 3px 40px 0 rgb(0 0 0 / 10%);
    padding         : 50px;
    border-radius   : 5px;
    color           : #039e43;
}

.bgm2 .countBrand .count .widget .widget-content .timer {
    font-family: Michroma, sans-serif;
    font-size  : 38px;
    font-weight: 800;
}

.btn-link {
    margin-top: 30px;
}

.btn-link a {
    color           : #fff;
    background-color: #198754;
    padding         : 8px 30px;
    border-bottom   : 3px solid #38cc75;
    font-size       : 14px;
    border-radius   : 5px;
}

.linkbutton a {
    position     : relative;
    padding      : 9px 50px;
    color        : #fff;
    border-radius: 2px;
    font-weight  : 500;
    line-height  : normal;
    border       : 1px solid #fff;
    transition   : all .3s;
}

.owl-prev:before {
    content: "\f104";
}

.owl-carousel .owl-next {
    right: -40px;
}

.owl-carousel .owl-prev {
    left: -40px;
}

.owl-carousel .owl-prev {
    padding-right             : 10px;
    border-top-right-radius   : 50px;
    border-bottom-right-radius: 50px;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    margin-top        : 0;
    width             : 25px;
    padding           : 0;
    height            : 45px;
    background        : rgb(255 255 255);
    font-size         : 25px;
    line-height       : 45px;
    transition        : all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition   : all .3s ease;
    -o-transition     : all .3s ease;
    font-weight       : 400;
    color             : #bb1a73;
    cursor            : pointer;
}

.owl-prev {
    left: 0;
}

.owl-next:before,
.owl-prev:before {
    font-family: "FontAwesome";
}

.owl-next:before {
    content: "\f105";
}

.owl-next:before,
.owl-next,
.owl-prev {
    top       : 25%;
    position  : absolute;
    z-index   : 1;
    display   : block;
    text-align: center;
    overflow  : hidden;
}

@media screen and (max-width:1024px) {
    .centered {
        width: 98%
    }

    #waliveNav {
        display: none
    }

    .walivemobile,
    .slide-menu-toggle {
        display: inline-block
    }

    #goomsite-control .header-control h3.title {
        font-size: 40px
    }

    #goomsite-control .header-control .widget-content {
        font-size  : 16px;
        line-height: 1.7;
        color      : #676767
    }

    .appie-fun h3 {
        font-size  : 30px;
        line-height: 38px
    }
}

@media screen and (max-width:980px) {
    .promo-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .appie-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .popup-youtube {
        top: 15%
    }

    .feature-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .mainbox {
        flex-flow: column
    }

    #main-wrapper,
    #sidebar-wrapper {
        -webkit-box-flex: 1;
        -ms-flex        : 1 1 100%;
        flex            : 1 1 100%;
        max-width       : 100%;
        min-width       : 0;
        padding-right   : 0
    }

    #sidebar-wrapper .sidebar {
        position: relative;
        top     : 45px
    }

    #footer-wrapper .footer-content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #footer-wrapper .footer-content .widget img {
        max-height: 70px
    }

    .widget-slider .Image {
        margin-top: 0
    }
}

@media screen and (max-width:800px) {
    #goomsite-control {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap                  : 10px;
        text-align           : center
    }

    .gsTrans .wflex {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .promo-content {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .blog-posts.hfeed {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #gmwrap {
        padding    : 50px 0 0;
        display    : flex;
        align-items: center;
        position   : relative
    }

    #header-control1 {
        margin-top: 25px;
        order     : 2
    }

    .feature-wrapper {
        flex-direction: column;
    }

    #pricing .Image img {
        float : none;
        margin: 0 auto 20px;
    }

    .pricing-wrapper {
        text-align: center;
    }

    .lamanku .blog-posts.hfeed,
    .mySearch .blog-posts.hfeed {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #goomsite-control .header-control h3.title {
        font-size: 35px
    }

    .widget-text {
        max-width: 98%
    }

    .widget-text h3 {
        font-family: 'Poppins', sans-serif;
        font-size  : 33px
    }

    .bgm2 .countBrand .count,
    .faq-container,
    #footer-wrapper .footer-content,
    .featured-wrapper .post-content {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .headingpost p,
    .headingpost h4 {
        font-size: 33px
    }

    .featured-wrapper .widget-content {
        padding: 30px
    }

    .featured-wrapper .widget-title h3 {
        padding       : 13px 20px;
        pointer-events: none;
        writing-mode  : initial;
        white-space   : initial;
        margin-bottom : 20px
    }

    .featured-wrapper .widget-title {
        top              : initial;
        left             : initial;
        -webkit-transform: initial;
        -ms-transform    : initial;
        transform        : initial;
        position         : relative
    }

    .featured-wrapper .post-content .div-content {
        padding-left: 0
    }

    .widget-slider.owl-carousel .owl-item {
        transform: inherit;
        padding  : 30px 0
    }

    .widget-slider .Image {
        margin-top: 0
    }

    #goomsite-control .header-control .LinkList ul {
        justify-content: center
    }
}

@media screen and (max-width:768px) {
    #footer-wrapper .footer-content .widget .widget-content {
        width: 98%
    }
}

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

    .promo-content,
    .blog-posts.hfeed {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .promo-content {
        margin-bottom: 0;
    }

    #video {
        padding: 1rem 0;
    }

    .post-outer-container .author-profile {
        flex-direction: column;
        text-align    : center
    }

    .headingpost p,
    .headingpost h4 {
        font-size: 30px
    }

    .errorWrap {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    #errorLeft {
        order: 2
    }

    #errorLeft {
        padding: 20px
    }

    .errorWrap h4 {
        font-size: 40px
    }

    .bgm3 .myproject .widget {
        flex-direction: column;
    }
}

@media screen and (max-width:480px) {
    .centered {
        width: 100%
    }

    .header-wrapper.sticky .boxcentered {
        padding: 0
    }

    .col {
        padding: 3em 0
    }

    .hmo {
        display: none
    }

    #feature-image {
        width: 100%;
    }

    .appie-wrapper .Image .bg-content img {
        width: 100%;
    }

    .parallax-text h3,
    #testimonial h3 {
        font-size: 27px;
    }

    .lamanku .post-outer-container .post-outer,
    .mySearch .post-outer-container .post-outer {
        flex-direction: column;
    }

    .lamanku .post-outer-container .post-outer .rcimg,
    .mySearch .post-outer-container .post-outer .rcimg {
        max-width: 100%;
    }

    .gsTrans .dropdown:checked+label,
    .gsTrans .dropdown:not(:checked)+label {
        padding: 0 10px
    }

    .gsTrans svg {
        margin-right: 0
    }

    .myPost .post-outer {
        padding: 30px
    }

    .slide img {
        width: 100%
    }

    #goomsite-control .header-control h3.title {
        font-size: 30px
    }

    #goomsite-control .header-control {
        font-size  : 17px;
        line-height: 25px
    }

    .widget-text h3 {
        font-family: 'Poppins', sans-serif;
        font-size  : 26px
    }

    #goomsite-control .header-control .LinkList ul {
        display: block
    }

    #goomsite-control .header-control .LinkList ul li {
        margin-right: 0
    }

    #goomsite-control .header-control .LinkList ul li a {
        width        : 100%;
        margin-bottom: 20px
    }

    .featured-wrapper .post-content h2.post-title {
        font-size: 21px
    }

    .featured-wrapper .widget-title h3 {
        padding  : 10px 20px;
        font-size: 12px
    }

    body {
        line-height: 1.4em
    }
}

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

    .headingpost p,
    .headingpost h4 {
        font-size: 23px
    }

    #meta-content,
    #meta-content .author-profile {
        font-size: 12px
    }

    #meta-content span {
        margin: 0 5px 0 0
    }

    .gmbox {
        font-size: 12px
    }
}

/* gallery */

.gallery-container {
    display              : grid;
    place-items          : center;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap                  : 15px;
    padding              : 15px;
    max-width            : 1200px;
    margin               : 20px auto;
}

.gallery-item {
    position     : relative;
    overflow     : hidden;
    border-radius: 8px;
    cursor       : pointer;
    transition   : transform 0.3s;
    aspect-ratio : 1;
}

.gallery-item:hover {
    transform: scale(1.02);
}

.gallery-item img,
.video-thumbnail {
    width         : 100%;
    height        : 100%;
    object-fit    : cover;
    vertical-align: middle;
}

.play-icon {
    position       : absolute;
    top            : 50%;
    left           : 50%;
    transform      : translate(-50%, -50%);
    width          : 50px;
    height         : 50px;
    background     : rgba(0, 0, 0, 0.6);
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : white;
    font-size      : 24px;
}

/* Modal Styles */
.modal {
    display        : none;
    position       : fixed;
    top            : 0;
    left           : 0;
    width          : 100%;
    height         : 100%;
    background     : rgba(0, 0, 0, 0.9);
    z-index        : 1000;
    justify-content: center;
    align-items    : center;
}

.modal.active {
    display: flex;
}

.modal-content {
    max-width : 90%;
    max-height: 90%;
    position  : relative;
}

.modal-media {
    max-width    : 100%;
    max-height   : 80vh;
    border-radius: 8px;
}

.close-btn {
    position : absolute;
    top      : 20px;
    right    : 30px;
    color    : white;
    font-size: 40px;
    cursor   : pointer;
}

@media (max-width: 768px) {
    .gallery-container {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}