html {
    text-decoration: none;
    scroll-behavior: smooth;
}

body {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #222 !important;
    line-height: 24px;
    overflow-x: hidden !important;
}

a {
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    color: #222;
    outline: none !important
}

a:hover {
    text-decoration: none
}

a:focus, a:active {
    outline: none !important;
    text-decoration: none
}

button {
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    outline: none !important
}

img {
    color: transparent
}

label {
    font-weight: 600
}

iframe {
    border: 0 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

img.lazyload:not([src]) {
    visibility: hidden;
}

.m-0 {
    margin: 0
}

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

.p-0 {
    padding: 0
}

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

.m-t-0 {
    margin-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-t-5 {
    margin-top: 5px
}

.p-t-15 {
    padding-top: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-t-30 {
    padding-top: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-t-30 {
    margin-top: 30px
}

.pull-t-2 {
    top: -2px !important;
}

.pull-t-0 {
    top: 0px !important;
}

.clear-both {
    clear: both;
}

.font-weight-600 {
    font-weight: 600;
}

.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert svg {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
}

.display_tablerow {
    display: table-row
}

.display-block {
    display: block
}

.d-flex {
    display: flex !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.align-items-center {
    align-items: center !important;
}

.breadcrumb > li + li:before {
    content: "/";
    padding: 0 2px;
    font-size: 11px;
    padding-right: 4px;
}

.breadcrumb {
    margin-bottom: 13px;
    min-height: 30px;
    margin-top: 20px;
    background-color: transparent;
    color: #888;
    padding: 0
}

.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span {
    color: #888;
    font-size: 11px
}

.breadcrumb > .active {
    color: #888;
    font-size: 11px
}

.vr-scrollbar {
    overflow-y: scroll;
    scrollbar-color: #d3d3d3 #fff;
    scrollbar-width: thin;
}

.vr-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.vr-scrollbar::-webkit-scrollbar-track {
    background: #ffffff;
}

.vr-scrollbar::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 3px;
}

.vr-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #d3d3d3;
}

.title-index {
    text-align: center;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    color: transparent;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}

.form-input {
    border: 1px solid #e6e6e6;
    outline: none !important;
    color: #494949;
    height: 42px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
    box-shadow: none !important;
    border-radius: 3px
}

.auth-form-input {
    box-shadow: none !important;
    border: 0;
    outline: none !important;
    color: #494949;
    height: 44px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #e6e6e6
}

.form-textarea {
    resize: vertical;
    min-height: 100px;
    border: 1px solid #dfe0e6;
    color: #494949;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: none !important
}

.auth-form-input:focus {
    outline: 0 none
}

.form-textarea:focus {
    outline: 0 none
}

.error-message {
    margin-top: 15px;
    margin-left: 20px
}

.error-message p {
    position: relative;
    color: #d43f3a;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: left;
    display: list-item !important;
    list-style: disc !important
}

.success-message {
    margin-top: 15px
}

.success-message p {
    position: relative;
    color: #009145;
    margin-bottom: 5px
}

.center-box {
    margin: 0 auto;
    float: none
}

.btn-sm {
    padding: .6rem 1.4rem;
    border-radius: .3rem;
    line-height: 1.5
}

.btn-md {
    padding: .8rem 1.6rem;
    border-radius: .3rem;
    line-height: 1.5
}

.btn-lg {
    padding: .540rem 1.6rem;
    line-height: 1.5;
    border-radius: .20rem
}

.btn-xl {
    padding: 1rem 6.4rem;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 15px !important;
}

.btn-custom {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    outline: 0 !important;
    box-shadow: none !important
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
    color: #fff !important;
    opacity: 0.8;
}

.btn-custom .disabled, .btn-custom:disabled {
    color: #fff !important
}

.btn-create {
    padding: .35rem 1.6rem;
    border-radius: .2rem;
    line-height: 1.5;
    font-size: 14px;
    text-transform: none
}

.btn-block {
    width: 100%;
    display: block;
    padding: 1rem 1.6rem
}

.btn-svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    top: -0.063rem !important;
}

.btn-link {
    padding: 0;
    margin: 0;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    color: #222;
}

.svg-icon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
}

.relative {
    position: relative !important
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    padding: 8px 14px;
    text-transform: none;
    outline: none !important
}

.row-custom {
    display: block;
    width: 100%;
    max-width: 100%;
    float: left;
    position: relative
}

.border-0 {
    border: 0 !important;
}

#header {
    height: auto;
}

#wrapper {
    min-height: 740px
}

.top-bar {
    background: #161616;
    padding: 4px 0;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.top-bar .top-menu {
    margin: 0;
    padding: 0;
    float: left
}

.top-bar .top-menu-right {
    margin: 0;
    padding: 0;
    float: right
}

.top-bar .top-menu > li {
    display: inline-block !important;
    list-style: none;
    margin-right: 15px;
}

.top-bar .top-menu-left li {
    line-height: 30px
}

.top-bar .top-li-auth {
    margin-right: 15px
}

.top-bar .top-menu > li > a {
    color: #cccccc;
    display: block;
    padding: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    position: relative
}

.top-bar .top-menu li a:hover {
    color: #fff
}

.top-bar .top-menu > li .svg-globe {
    position: relative;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 2px;
    top: -1px;
    color: #cccccc;
}

.top-bar .top-menu .dropdown-menu {
    border: 1px solid #e6e6e6;
    min-width: 170px;
    padding: 0;
    left: -20px !important;
    z-index: 999999;
    margin-top: 4px
}

.top-bar .li-dark-mode-sw {
    height: auto !important;
    margin-right: 0 !important;
}

.profile-dropdown .dropdown-menu li:last-child {
    border-top: 1px solid #e6e6e6
}

.top-bar .top-menu .dropdown li a {
    width: 100%;
    max-width: 100%;
    color: #606060;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 16px;
    position: relative;
    text-align: left
}

.top-bar .top-menu .dropdown li a:hover {
    background-color: #f5f5f5
}

.top-bar .top-menu .dropdown li a .icon {
    display: inline-flex;
    width: 26px;
}

.top-bar .top-menu-right {
    margin: 0;
    padding: 0;
    float: right
}

.top-menu .profile-dropdown .a-profile {
    font-weight: 500
}

.top-menu .profile-dropdown img {
    border-radius: 100%;
    display: inline-block;
    height: 26px;
    margin-right: 3px;
    width: 26px;
    border: 1px solid #888;
    position: relative;
    top: -2px;
    left: 0
}

.top-menu .top-li-auth a {
    display: inline-block !important
}

.top-menu .top-li-auth span {
    color: #ddd;
    margin: 0 5px;
}

.btn-switch-mode {
    padding: 0 !important;
    width: 22px;
    height: 30px;
    text-align: center;
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    color: #cccccc !important;
}

.btn-switch-mode svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}

.btn-switch-mode .dark-mode-icon {
    width: 12px !important;
    height: 12px !important;
    top: 1px !important;
}

.btn-switch-mode:hover {
    color: #fff !important;
}

.btn-switch-mode-mobile {
    background-color: #f6f6f6 !important;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 6px 12px;
}

.btn-switch-mode-mobile svg {
    position: relative;
    width: 14px;
    height: 14px;
    top: 2px;
}

.logo-banner {
    padding: 15px 0
}

.logo-banner .left {
    width: auto;
    float: left;
    width: auto;
    height: 90px;
    line-height: 90px;
    position: relative
}

.logo-banner .left a {
    display: block;
    vertical-align: middle
}

.logo-banner .left .logo {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.logo-banner .right {
    width: auto;
    float: right;
    height: 90px;
    line-height: 90px
}

.logo-banner .pull-right a img {
    vertical-align: top
}

.navbar {
    margin: 0
}

.navbar-default {
    position: relative;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    width: 100%;
    border: 0;
    text-transform: none
}

.main-menu {
    background-color: #fff;
    border-top: 1px solid #eee;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1)
}

.navbar-default .navbar-brand {
    display: none
}

.navbar-default .navbar-nav {
    height: 50px
}

.navbar-default .navbar-nav > li > a {
    color: #222 !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase
}

.navbar-default .navbar-nav > .active > a {
    background-color: #fff
}

.navbar-default .navbar-nav > .active > a::after, .navbar-default .navbar-nav > li > a:hover:after {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0
}

.navbar-default .navbar-nav > li > .no-after::after {
    display: none !important
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff
}

.megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown {
    position: static
}

.megamenu .container {
    position: relative
}

.megamenu .dropdown-menu {
    left: auto;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.176);
    border-radius: 0
}

.dropdown-mega {
    padding: 0 15px !important
}

.megamenu .megamenu-content {
    padding: 0
}

.megamenu .megamenu-content li {
    display: table;
    width: 100%
}

.megamenu .megamenu-content h3 {
    margin-top: 0;
    font-size: 18px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1140px;
    margin: auto;
    border: 0;
    top: 48px;
    background-color: #fafafa;
    border-top: 3px solid transparent
}

.navbar-default .sub-menu-left {
    display: table-cell;
    vertical-align: top;
    height: auto;
    width: 20%;
    background-color: #fafafa;
    position: relative;
    height: 100%;
    min-height: 100%
}

.navbar-default .sub-menu-right {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 80%;
    background-color: #fff;
    min-height: 260px
}

.navbar-default .sub-menu-right .active {
    display: block !important
}

.navbar-default .sub-menu-left .nav-sub-categories {
    margin: 0;
    padding: 0;
    text-align: left;
    min-height: 250px;
    max-height: 300px;
}

.navbar-default .sub-menu-left .nav-sub-categories li {
    list-style: none
}

.navbar-default .sub-menu-left .nav-sub-categories .active a {
    background-color: #fff
}

.navbar-default .sub-menu-left .nav-sub-categories li a {
    background: #fafafa;
    border-bottom: 1px solid #efefef;
    color: #222;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 20px;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.navbar-default .sub-menu-left .nav-sub-categories li a:hover {
    background: #fff
}

.navbar-default .sub-menu-left .nav-sub-categories li a:active {
    background: #fff
}

.navbar-default .menu-post-item {
    padding-left: 10px;
    padding-right: 10px
}

.navbar-default .row-menu-right {
    margin-left: -10px;
    margin-right: -10px
}

.navbar-default .menu-post-item img {
    margin-bottom: 7px
}

.navbar-default .menu-post-item .title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 5px
}

.navbar-default .menu-post-item .title a {
    display: block
}

.navbar-default .sub-menu-inner {
    display: none;
    min-height: 210px
}

.navbar-default .dropdown:hover .dropdown-top {
    display: block
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent !important;
    color: #222
}

.dropdown-more-icon:after {
    display: none
}

.dropdown-more-icon {
    vertical-align: middle
}

.dropdown-more-icon i {
    font-size: 24px;
    position: relative
}

.dropdown-more {
    border: 0;
    padding: 0;
    top: 50px
}

.dropdown-more > li {
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    display: block
}

.dropdown-more > li:last-child {
    border: 0
}

.dropdown-more > li > a {
    font-weight: 500;
    padding: 8px 24px 8px 15px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 13px;
    min-width: 180px
}

.dropdown-more > li > a:hover {
    background-color: #fafafa
}

.dropdown-more > li > a > span {
    font-size: 12px;
    position: absolute;
    right: 13px
}

.dropdown-more > li > ul {
    left: 100% !important;
    top: 0;
    border: 0;
    padding: 0;
    display: none;
    margin: 0 !important
}

.dropdown-more > li > ul > li {
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    display: block
}

.dropdown-more > li > ul > li:last-child {
    border: 0
}

.dropdown-more > li > ul > li > a {
    font-weight: 500;
    padding: 8px 15px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 13px;
    min-width: 180px
}

.dropdown-more-icon:hover .dropdown-more {
    display: block
}

.dropdown-more-item:hover .dropdown-sub {
    display: block !important
}

.open {
    display: block !important
}

/*mobile menu*/
.overlay-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    z-index: 1001;
    animation-name: fadeIn;
}

.mobile-nav-container {
    display: none;
    width: 100%;
    position: relative;
    min-height: 65px;
    z-index: 10010;
}

.nav-mobile-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    display: none;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 6px;
}

.nav-mobile-header-container {
    display: table;
    width: 100%;
    position: relative;
}


.nav-mobile-header-container .menu-icon {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 52px;
    height: 52px;
}

.nav-mobile-header-container .mobile-logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 52px;
}

.nav-mobile-header-container .mobile-search {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 52px;
    height: 52px;
}


.nav-mobile-header-container .menu-icon a {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    padding: 12px;
    color: #222 !important;
}

.nav-mobile-header-container .mobile-search .search-icon {
    position: relative;
    display: inline-block;
    font-size: 20px !important;
    line-height: 24px;
    padding: 12px;
    color: #222 !important;
}

.nav-mobile-header-container .mobile-search .search-icon .icon-times {
    font-size: 17px !important;
}

.nav-mobile-header-container .mobile-logo a {
    display: inline-block
}

.nav-mobile-header-container .mobile-logo .logo {
    display: inline-block;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    max-height: 52px;
}

.nav-mobile {
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 60px;
    left: 0;
    text-align: center;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    background-color: #fff;
    overflow-x: hidden;
}


.nav-mobile .nav-mobile-inner {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.mobile-nav-buttons {
    width: 310px;
    display: block;
    position: relative;
    margin: 15px 0;
}

.mobile-nav-buttons .btn-mobile-nav {
    display: inline-block;
    width: 133px;
    padding: 10px 12px;
    font-size: 15px;
    border-radius: 5px;
}

.mobile-nav-buttons .btn-mobile-nav i {
    margin-right: 8px;
    opacity: .9;
}

.mobile-nav-buttons .btn-mobile-nav-add {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-mobile .navbar-nav {
    float: none !important;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    width: 280px;
    padding-bottom: 80px;
}

.nav-mobile .navbar-nav .nav-item {
    width: 100%;
    display: block;
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left;
    word-break: break-word;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.nav-mobile .navbar-nav .nav-item:last-child {
    border-bottom: 0 !important;
}

.nav-mobile .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    line-height: 24px;
    padding: 13px 0;
    text-transform: none;
    font-weight: normal;
    display: block;
    width: 100%;
    color: #434343;
    background-color: transparent !important;
}


.nav-mobile .navbar-nav .open .dropdown-menu > li {
    display: block;
    width: 100% !important;
    position: relative;
    border: 0 !important;
}

.nav-mobile .navbar-nav .open .dropdown-menu > li > a {
    color: #222;
    line-height: 22px !important;
    font-size: 15px !important;
    padding: 8px 15px !important;
    max-width: 100%;
    width: 100% !important;
    word-break: break-word !important;
    white-space: normal !important;
}

.nav-mobile .navbar-nav .nav-item .nav-link i {
    float: right;
}

.nav-mobile .navbar-nav > .nav-item > .dropdown-menu {
    position: relative !important;
    width: 100%;
    transform: none !important;
    background-color: transparent !important;
    border: 0 !important;
    padding-top: 0;
    margin-top: 8px;
    margin-left: 0;
}

.nav-mobile .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item {
    color: #222;
    background-color: transparent !important;
    font-size: 15px;
    line-height: 24px;
}

.nav-mobile .navbar-nav .dropdown-toggle::after {
    display: none !important;
}

.mobile-language-options {
    position: relative !important;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

.mobile-language-options li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
    margin-bottom: 16px;
}

.mobile-language-options li a {
    font-size: 13px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 5px 10px;
}

.nav-mobile .profile-dropdown {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: left;
}

.nav-mobile .profile-dropdown .dropdown-backdrop {
    pointer-events: none;
}

.nav-mobile .profile-dropdown .image-profile-drop {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #222 !important;
}

.nav-mobile .profile-dropdown .image-profile-drop img {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    margin-right: 10px;
}

.nav-mobile .profile-dropdown .dropdown-menu {
    background-color: transparent !important;
    position: relative !important;
    box-shadow: none !important;
    border: 0 !important;
    left: 45px;
    padding: 0 !important;
}

.nav-mobile .profile-dropdown .dropdown-menu > li {
    border: 0 !important;
}

.nav-mobile .profile-dropdown .dropdown-menu > li > a {
    color: #222 !important;
    font-size: 15px !important;
    background-color: transparent !important;
    padding: 8px 15px;
    border: 0 !important;
    display: flex;
    margin-bottom: 2px;
}

.nav-mobile .profile-dropdown .dropdown-menu > li > a .icon {
    display: inline-flex;
    width: 26px;
}


.nav-mobile-open {
    width: 310px;
}

.nav-mobile-open .nav-mobile-inner {
    width: 310px;
}

.li-search {
    position: relative
}

.search-icon {
    font-size: 17px !important;
    cursor: pointer
}

.search-icon .icon-times {
    font-size: 14px !important
}

.nav-mobile .search-icon {
    font-size: 20px !important;
    position: relative;
    top: -1px;
}

.search-icon:hover:after {
    background-color: transparent !important
}

.search-form {
    display: none;
    width: 320px;
    position: absolute;
    right: 15px;
    top: 50px;
    background-color: #fff;
    z-index: 999999;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    padding: 10px
}

.search-form .form-input {
    border: 0 !important;
    box-shadow: none;
    color: #949494;
    height: 40px;
    line-height: 14px;
    padding: 10px 65px 10px 20px;
    background-color: #fafafa
}

.search-form button {
    border: 0 !important;
    box-shadow: none;
    color: #fff !important;
    font-size: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 0;
    line-height: 10px
}

.mobile-nav-search {
    display: none
}

#featured {
    width: 100%;
    height: 436px;
    position: relative;
    display: block;
    float: left;
    margin-top: 25px;
    overflow: hidden
}

#featured .featured-left {
    width: 50%;
    height: 436px;
    position: relative;
    display: block;
    float: left;
    padding-right: 1px
}

#featured .featured-right {
    width: 50%;
    height: 436px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 2px
}

#featured .featured-boxes-top {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 3px;
}

#featured .featured-boxes-bottom {
    display: flex;
    position: relative;
    width: 100%;
}

#featured .featured-box {
    flex: 1;
    width: 50%;
    max-width: 50%;
    height: 217px;
    position: relative;
    overflow: hidden
}

#featured .box-1 {
    padding-right: 2px
}

#featured .box-2 {
    padding-left: 1px
}

#featured .box-3 {
    padding-right: 2px
}

#featured .box-4 {
    padding-left: 1px
}

#featured .featured-box .box-inner {
    position: relative;
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    height: 217px;
    display: block;
    background-color: #fafafa;
}

.slider-container {
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
    overflow: hidden !important;
}

.slick-slide {
    outline: none !important;
}

.featured-slider {
    position: relative;
    width: 100%;
    max-height: 436px;
    display: block
}

.featured-slider .featured-slider-item {
    width: 100%;
    height: 436px;
    position: relative;
    background-color: #fafafa;
}

.featured-slider .featured-slider-item .category-label {
    position: absolute;
    top: 20px;
    left: 20px
}

.featured-slider .featured-slider-item .img-link::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.36) 50%, rgba(0, 0, 0, 0.60) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block
}

.featured-slider .featured-slider-item img {
    width: 100%;
    height: 100%;
    display: block
}

.featured-slider .featured-slider-item .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 20px 15px 20px;
    pointer-events: none
}

.featured-slider .featured-slider-item .caption .category-link {
    pointer-events: auto
}

.featured-slider .featured-slider-item .caption .title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin-top: 10px;
    position: relative
}

.featured-slider .featured-slider-item .caption .title a {
    color: #fff
}

.featured-slider .featured-slider-item .post-meta span {
    color: #b0b0b0
}

.featured-slider .featured-slider-item .post-meta a {
    color: #b0b0b0
}

.featured-slider-nav {
    position: absolute;
    height: 48px;
    width: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

.featured-slider-nav .prev {
    font-size: 32px;
    color: #fff;
    float: left;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    position: relative;
    left: 10px;
    opacity: 0;
    z-index: 2;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    pointer-events: auto;
    text-align: left;
}

.featured-slider-nav .next {
    font-size: 32px;
    color: #fff;
    float: right;
    height: 48px;
    width: 48px;
    line-height: 48px;
    position: relative;
    right: 10px;
    text-align: center;
    opacity: 0;
    z-index: 2;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    pointer-events: auto;
    text-align: right;
    background-color: #f8f8f8;
}

.featured-slider-nav svg {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: 38px;
    height: 38px;
}

.featured-slider .featured-slider-item .post-meta {
    margin-bottom: 0;
    position: relative;
    z-index: 14
}

.featured-slider .featured-slider-item .post-meta a {
    pointer-events: auto
}

.featured-left:hover .featured-slider-nav .prev, .featured-left:hover .featured-slider-nav .next {
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    opacity: .8
}

.featured-box .img-cover {
    position: relative;
    width: auto;
    max-width: 500px;
    height: 100%;
    max-height: 100%;
    float: left;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    margin-left: 50%;
    transform: translateX(-50%);
}

.featured-box .category-label {
    position: absolute;
    top: 20px;
    left: 20px
}

.featured-box .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px 15px 20px;
    pointer-events: none
}

.featured-box .overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.46) 50%, rgba(0, 0, 0, 0.80) 100%);
    bottom: 0;
    content: "";
    height: 50%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity
}

.featured-box .caption h3 {
    margin-bottom: 0
}

.featured-box .caption a {
    pointer-events: auto
}

.featured-box .caption .title {
    font-size: 15px;
    color: #fff !important;
    line-height: 21px;
    font-weight: 800;
    overflow-wrap: break-word
}

.featured-box .caption .post-meta {
    margin-bottom: 0
}

.featured-box .post-meta span {
    color: #b0b0b0
}

.featured-box .post-meta a {
    color: #b0b0b0
}

.category-label {
    background-color: #0a0a0a;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    height: 1.8em;
    line-height: 1.8;
    padding: 0 .7em;
    cursor: pointer;
    z-index: 100;
    pointer-events: auto;
    white-space: nowrap
}

.owl-dots {
    position: absolute;
    bottom: 30px;
    width: auto !important;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.owl-dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    float: left;
    margin-right: 5px
}

.owl-dot span {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    float: left;
    margin-right: 5px;
    background-color: #b1b1b1
}

.owl-dots .active span {
    background-color: #fff
}

.owl-stage-outer::after {
    width: 1px;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: white
}

.index-wrapper {
    margin-top: 45px
}

.news-ticker-cnt {
    margin: 25px 0;
    display: block;
    width: 100%
}

.news-ticker-cnt .left {
    float: left
}

.news-ticker {
    height: 30px;
    line-height: 30px;
    display: block
}

.news-ticker-title {
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #161616;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    left: 15px;
    padding: 10px 15px;
    top: 0
}

.news-ticker ul {
    display: block;
    height: 30px;
    padding-left: 15px
}

.news-ticker ul li {
    height: 30px;
    line-height: 30px;
    list-style: none;
    font-weight: 600;
    display: none;
    width: 800px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.news-ticker-sep {
    width: 100%;
    display: block;
    height: 30px
}

.news-ticker-btn-cnt {
    position: absolute;
    right: 15px;
    top: 2px
}

.bnt-news-ticker {
    width: 26px;
    height: 26px;
    text-align: center;
    display: inline-block;
    color: #777 !important;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 11px;
    position: relative;
    top: 1px
}

#content {
    min-height: 400px
}

.section {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 30px
}

.section .section-head {
    width: 100%;
    display: block;
    position: relative;
    float: left
}

.section .section-head .title {
    float: left;
    display: inline-block
}

.section .section-content {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    margin-top: 25px
}

.section .section-content .tab-content {
    width: 100%;
    display: block
}

.section .nav-tabs {
    border: 0
}

.section .nav-tabs > li {
    margin: 0;
    margin-left: 15px
}

.section .nav-tabs > li > a {
    color: #999;
    border: 0 !important;
    padding: 0;
    line-height: 26px;
    font-weight: 400
}

.section .nav-tabs > li > a:focus, .section .nav-tabs > li > a:hover, .section .nav-tabs > li > a:active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border: 0 !important;
    color: #222
}

.section .nav-tabs > li.active > a, .section .nav-tabs > li.active > a:focus, .section .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border: 0 !important;
    color: #222;
    cursor: default
}

.section .section-content .nav-tabs li a {
    color: #999
}

.section .section-content .title {
    font-family: 'Roboto', sans-serif;
    font-weight: 600
}

.section .section-head {
    border-bottom: 2px solid #161616
}

.section .section-head .title {
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background-color: #161616;
    color: #fff;
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -1px;
    text-transform: uppercase;
    margin-top: 0
}

.section .section-head .title a {
    color: #fff !important
}

.post-meta {
    display: block;
    width: 100%;
    float: left
}

.post-meta span {
    list-style: none;
    float: left;
    margin-right: 8px;
    color: #999;
    font-size: 11px;
    display: block
}

.post-meta a {
    list-style: none;
    float: left;
    margin-right: 8px;
    color: #999;
    font-size: 11px;
    display: block;
    font-weight: 600
}

.post-meta span i {
    margin-right: 5px
}

.post-item-small {
    display: table;
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 25px
}

.post-item-small .left {
    display: table-cell;
    width: 106px;
    position: relative;
    background-color: #fafafa;
}

.post-item-small .right {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
    position: relative
}

.post-item-small img {
    width: 106px;
    height: 74.2px;
    float: left
}

.post-item-small .title {
    margin: 0;
    line-height: 21px;
    font-size: 14px;
    font-weight: 600
}

.post-item-small .title a {
    display: block
}

.small-post-meta {
    display: block;
    margin: 0
}

.small-post-meta span {
    list-style: none;
    float: left;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 11px;
    display: block
}

.small-post-meta a {
    list-style: none;
    float: left;
    margin-right: 8px;
    color: #b0b0b0;
    font-size: 11px;
    display: block;
    font-weight: 600
}

.small-post-meta span i {
    margin-right: 5px
}

.sub-block-tabs-mobile {
    display: none
}

.btn-block-more {
    position: absolute;
    border: 0 !important;
    background-color: transparent !important;
    font-size: 16px;
    right: 0;
    height: 20px;
    color: #555 !important;
    top: -3px;
    outline: none !important
}

.btn-block-more .more {
    font-size: 27px;
    line-height: 32px;
    height: 20px !important;
    width: 22px !important;
    display: inline-block;
    outline: none !important;
    margin-right: 5px
}

.btn-block-more .caret {
    position: relative;
    top: -7px
}

.sub-block-dropdown {
    min-width: 190px;
    padding: 10px 15px
}

.sub-block-dropdown ul {
    float: left !important;
    width: 100%;
    display: block
}

.sub-block-dropdown ul li {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 5px 0 5px 0;
    float: none
}

.sub-block-dropdown ul li a {
    padding: 6px;
    display: block
}

.post-item-mid {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.post-item-mid .title {
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
}

.post-item-mid .title a {
    display: block
}

.post-item-mid .description {
    color: #777;
    font-size: 14px;
    float: left;
    line-height: 22px
}

.post-item-mid img {
    width: 100%
}

.post-item-horizontal {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.post-item-horizontal .col-sm-5 {
    width: 48.6667%
}

.post-item-horizontal .col-sm-7 {
    width: 51.333%
}

.post-item-horizontal .category-label {
    left: 23px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.post-item-horizontal .title {
    float: left;
    display: block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    text-transform: none;
    margin-top: 10px
}

.post-item-horizontal .title a {
    display: block
}

.post-item-horizontal .small-post-meta {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px
}

.post-item-horizontal .description {
    color: #777;
    float: left;
    line-height: 22px;
    font-size: 13px
}

.post-item-video-big {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px
}

.post-item-video-big .post-item-image {
    height: 422px;
    overflow: hidden
}

.post-item-video-big .overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.88) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 60%;
    opacity: .8;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity
}

.post-item-video-big .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 20px 20px 20px;
    pointer-events: none
}

.post-item-video-big .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 10px
}

.post-item-video-big .title a {
    color: #fff
}

.post-item-video-big .caption .category-label {
    margin-bottom: 5px
}

.post-item-video-big .small-post-meta a {
    pointer-events: auto
}

.a-view-all {
    border: 0 none;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    padding: 0;
    float: right
}

.btn-load-more {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    padding: 14px 10px;
    text-align: center;
    transition: all .25s ease 0s;
    color: #333;
    border-radius: 1px;
    width: 100%;
    max-width: 100%;
    font-weight: 600
}

.load-more-spinner {
    display: none
}

.spinner {
    width: 70px;
    text-align: center;
    margin: 30px auto
}

.spinner > div {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }
}

.sidebar-widget {
    position: relative;
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 30px
}

.sidebar-widget .widget-head {
    background-color: #161616;
    display: block;
    line-height: 1 !important
}

.sidebar-widget .widget-head .title {
    position: relative;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1 !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 10px 15px
}

.sidebar-widget .widget-body {
    padding-top: 25px;
    display: block;
    float: left;
    width: 100%
}

.widget-follow {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    float: left
}

.widget-follow li {
    list-style: none;
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 7px
}

.widget-follow li:nth-child(even) {
    margin-right: 0 !important
}

.widget-follow li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: .25rem
}

.widget-follow li a i {
    position: relative;
    display: inline-block;
    width: 45px;
    padding-left: 15px;
    height: 40px;
    float: left;
    text-align: left;
    line-height: 40px;
    font-size: 20px;
}

.widget-follow li a span {
    position: relative;
    float: left;
    display: inline-block;
    font-size: 13px
}

.widget-follow li a:hover {
    opacity: .8
}

.widget-follow li a.facebook {
    background: #3b5998 !important
}

.widget-follow li a.twitter {
    background: #14171A
}

.widget-follow li a.instagram {
    background: #125688
}

.widget-follow li a.linkedin {
    background: #007bb5
}

.widget-follow li a.pinterest {
    background: #cb2027
}

.widget-follow li a.tumblr {
    background: #2c4762
}

.widget-follow li a.vk {
    background: #4D76A1
}

.widget-follow li a.telegram {
    background: #08c
}

.widget-follow li a.youtube {
    background: #b00
}

.widget-follow li a.tiktok {
    background: #fe2c55;
}

.widget-follow li a.whatsapp {
    background-color: #3ebe2b;
}

.widget-follow li a.discord {
    background: #5865F2;
}

.widget-follow li a.twitch {
    background: #9147ff;
}

.sidebar-widget .popular-posts {
    margin: 0;
    padding: 0
}

.widget-popular-posts .widget-body {
    padding-top: 15px
}

.sidebar-widget .popular-posts li {
    list-style: none;
    display: block;
    width: 100%;
    position: relative;
    float: left
}

.sidebar-widget .recommended-posts {
    margin: 0;
    padding: 0
}

.sidebar-widget .recommended-posts li {
    list-style: none;
    display: block;
    width: 100%;
    position: relative;
    float: left
}

.sidebar-widget .recommended-posts li .title {
    margin: 0
}

.sidebar-widget .recommended-posts li .title a {
    display: block
}

.sidebar-widget .recommended-posts li .small-post-meta {
    margin: 0
}

.sidebar-widget .recommended-posts .recommended-posts-first {
    margin-bottom: 25px
}

.sidebar-widget .recommended-posts .recommended-posts-first .overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.42) 50%, rgba(0, 0, 0, 0.88) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 60%;
    opacity: .8;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity
}

.sidebar-widget .recommended-posts .recommended-posts-first .caption {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding-right: 10px;
    pointer-events: none
}

.sidebar-widget .recommended-posts .recommended-posts-first .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px
}

.sidebar-widget .recommended-posts .recommended-posts-first .title a {
    color: #fff
}

.sidebar-widget .recommended-posts .recommended-posts-first .caption .category-label {
    margin-bottom: 10px
}

.sidebar-widget .recommended-posts .recommended-posts-first .small-post-meta a {
    pointer-events: auto
}

.random-slider-container {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slider-nav {
    width: auto;
    height: 48px;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    pointer-events: none;
    text-align: right;
    z-index: 10;
}

.slider-nav .prev {
    position: relative;
    height: 48px;
    line-height: 48px;
    text-align: right;
    width: 48px;
    border: 0 !important;
    padding: 2px !important;
    pointer-events: auto;
    background-color: transparent !important;
}

.slider-nav .next {
    position: relative;
    height: 48px;
    line-height: 48px;
    text-align: left;
    width: 48px;
    border: 0 !important;
    padding: 2px !important;
    pointer-events: auto;
    background-color: transparent !important;
}

.slider-nav .next i, .slider-nav .prev i {
    display: inline-block;
    position: relative;
    background-color: #010101;
    border-radius: 2px;
    color: #fafafa;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 38px;
    opacity: 0.6;
}

.random-slider .category-label {
    left: 8px !important;
    top: 8px !important
}

.sidebar-widget .tag-list {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    padding-bottom: 15px
}

.sidebar-widget .tag-list li {
    list-style: none;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.sidebar-widget .tag-list li a {
    background-color: #f4f4f4;
    color: #888;
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: .25rem
}

.sidebar-widget .tag-list li a:hover {
    color: #fff !important
}

.poll {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.poll:first-child {
    margin-top: 0 !important
}

.poll:last-child {
    border: 0
}

.poll .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-transform: none;
    margin-top: 0
}

.poll .option {
    margin-bottom: 15px
}

.poll .button-cnt {
    margin-top: 30px
}

.poll .button-cnt button {
    margin-right: 15px
}

.poll .result {
    display: none
}

.poll .result .progress {
    border-radius: 1px;
    background-color: transparent;
    box-shadow: none !important;
    background-color: #f3f3f3;
    color: #222;
    margin-bottom: 15px;
    height: 12px
}

.poll .result .progress .progress-bar {
    font-size: 11px;
    font-weight: 600;
    box-shadow: none !important
}

.poll .result .progress .progress-bar-0 {
    color: #444
}

.poll .result .progress .progress-bar-0 span {
    margin-left: 5px
}

.poll-error-message {
    color: #E95350;
    font-size: 13px;
    display: none
}

.a-view-results {
    font-size: 13px;
    font-weight: 600;
    cursor: pointer
}

.total-vote {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin-top: 19px;
    margin-bottom: 5px
}

.poll .result .progress span {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 11px
}

.label-poll-option {
    font-weight: 400;
    cursor: pointer;
    display: initial !important
}

.page-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 26px;
    font-weight: 400
}

.page-title strong {
    font-weight: 600 !important
}

.page-breadcrumb {
    min-height: 63px
}

.page-content {
    font-size: 15px;
    line-height: 26px;
    overflow-wrap: break-word
}

.page-content p {
    overflow-wrap: break-word
}

.page-content a:hover {
    text-decoration: underline;
}

.page-content img {
    max-width: 100% !important;
    position: relative
}

.auth-modal {
    text-align: center
}

.auth-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.auth-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.auth-modal .modal-sm {
    width: 330px;
    max-width: 100%
}

.auth-modal .modal-content {
    padding: 15px 0;
}

.auth-modal .modal-header {
    text-align: center;
    border: 0;
    border-radius: 3px 3px 0 0;
    display: block;
    width: 100%;
    padding: 15px 0
}

.auth-modal .modal-header .close {
    position: absolute;
    z-index: 10;
    right: 15px;
    font-size: 15px;
    top: 15px
}

.auth-modal .modal-header .modal-title {
    font-size: 24px;
    position: relative;
    font-weight: 600
}

.auth-modal .modal-body {
    padding: 5px 30px 15px 30px;
}

.auth-modal .form-group {
    margin-bottom: 10px
}

.link-forget {
    color: #555 !important;
    font-size: 13px;
}

#form-login .btn {
    padding: 1.06rem 1.6rem;
}

.page-login {
    padding-top: 30px
}

.col-profile {
    margin-bottom: 15px;
    text-align: center
}

.col-profile .thumbnail {
    margin: 0 auto;
    max-width: 150px;
    max-height: 150px
}

.col-profile .btn {
    border-radius: 1px;
    position: relative
}

.col-option label {
    margin-left: 0 !important;
    cursor: pointer !important
}

.title-social-profile {
    font-size: 18px
}

.btn-login {
    margin: 15px 0;
    padding: 14px 24px
}

.login-box-cnt {
    margin: 0 auto;
    width: 450px;
    max-width: 450px
}

.login-box {
    position: relative;
    width: 100%;
    padding: 30px;
    margin-bottom: 80px;
    top: 0;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    float: left
}

.login-box .box-footer {
    display: block;
    width: 100%;
    float: left;
    padding: 20px 0;
    text-align: center;
    background-color: #f6f6f6;
    border-top: 1px solid #eee !important
}

.login-box .box-footer a {
    color: #222
}

.login-box .captcha-cnt {
    text-align: center
}

.auth-title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px
}

.auth-sub-title {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #777
}

.login-box .auth-sub-title {
    margin-bottom: 30px
}

.btn-social {
    width: 100%;
    display: block;
    position: relative;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px;
    padding-left: 54px;
    border-radius: 4px;
    text-align: left;
    margin-bottom: 5px;
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 24px;
}

.btn-social svg {
    position: absolute;
    left: 15px;
}

.btn-social-facebook {
    background-color: #1877f2;
}

.btn-social-facebook:hover {
    background-color: #0665e0;
}

.btn-social-google {
    background-color: #eeeeee;
    color: #757575 !important;
}

.btn-social-google:hover {
    background-color: #e1e1e1;
}

.btn-social-vk {
    background-color: #5c81b5
}

.btn-social-vk:hover {
    background-color: #39679b
}

.col-update-profile-title {
    margin-bottom: 30px
}

.register-terms {
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.register-terms a {
    font-weight: bold
}

.social-single-link {
    float: none;
    margin: 0 auto
}

.label-remember {
    color: #222;
    cursor: pointer;
    font-weight: 400;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px
}

.p-auth-modal {
    color: #777;
    text-align: center;
    margin-bottom: 10px
}

.p-auth-modal-or {
    color: #777;
    text-align: center;
    margin-top: 15px
}

.auth-box .error-message {
    margin-top: 0;
    margin-bottom: 10px
}

.form-group-capt {
    min-height: 50px
}

.post-content {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0
}

.post-author-meta a {
    color: #222 !important
}

.post-author-meta img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    float: left;
    margin-right: 10px
}

.post-content .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    margin: 10px 0
}

.post-content .post-summary {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 14px
}

.post-content .post-summary h2 {
    margin: 0 !important;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400
}

.post-content .img-description {
    display: block;
    text-align: left;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    color: #666;
    margin-top: 5px;
    float: left;
}

.post-content .post-share {
    margin-bottom: 10px
}

.post-content .post-meta {
    margin-bottom: 20px;
    position: relative;
}

.post-content .post-meta span {
    font-size: 12px;
    color: #b0b0b0
}

.post-content .post-meta span a {
    font-size: 12px;
    color: #b0b0b0
}

.post-content .post-meta .sp-left {
    float: left;
    margin-right: 15px;
    margin-left: 0;
}

.post-content .post-meta .post-comment-pageviews {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.post-details-meta-date {
    float: left;
    position: relative;
}

.btn-edit-post {
    padding: 2px 8px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    height: 1.8em;
    line-height: 1.8;
    padding: 0 .7em;
    cursor: pointer;
    z-index: 100;
    pointer-events: auto;
    white-space: nowrap;
}

.btn-edit-post i {
    font-size: 9px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.post-share {
    display: table;
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.post-share .share-left {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 30px
}

.post-share .share-right {
    display: table-cell;
    vertical-align: top
}

.post-share .share-box {
    margin: 0;
    padding: 0;
    text-align: left
}

.post-share .share-box li {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 8px;
    margin-bottom: 8px
}

.post-share .share-box .social-btn-sm {
    height: 38px;
    width: 38px;
    color: #fff;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: .25rem;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.post-share .share-box li .social-btn-lg {
    color: #fff;
    float: left;
    padding: 0 25px;
    line-height: 36px;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    height: 38px;
    min-width: 110px;
    border-radius: .25rem
}

.post-share .share-box li .social-btn-lg span {
    position: relative
}

.post-share .share-box li .social-btn-lg:hover {
    opacity: .8
}

.post-share .share-box li .social-btn-sm:hover {
    opacity: .8
}

.post-share .share-box li .social-btn-lg i {
    font-size: 15px;
    position: relative;
    margin-right: 10px
}

.post-share .share-box .share-li-sm {
    display: none
}

.post-share .share-title {
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 42px;
    margin: 0
}

.post-share .share-title i {
    margin-right: 5px
}

.share-box li a.facebook {
    background: #3b5998 !important
}

.share-box li a.twitter {
    background: #14171A
}

.share-box li a.linkedin {
    background: #007bb5
}

.share-box li a.whatsapp {
    background: #3EBE2B
}

.share-box li a.whatsapp i {
    font-size: 17px
}

.share-box li a.pinterest {
    background: #cb2027
}

.share-box li a.tumblr {
    background: #2c4762
}

.share-box li a.btn-print {
    background: #444
}

.share-box li a.youtube {
    background: #b00
}

.share-box li a.add-reading-list {
    background-color: #bababa;
    color: #fff !important;
    font-size: 15px !important
}

.share-box li a.remove-reading-list {
    background-color: #43A047;
    color: #fff !important;
    font-size: 15px !important
}

.post-content .post-image {
    display: block;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}

.post-content .post-image .post-image-inner {
    width: auto;
    height: auto;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
}

.post-content .post-image img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.post-content .post-player {
    display: block;
    float: left;
    width: 100%;
    max-width: 100%
}

.post-content .post-player #amplitude-player {
    min-height: 250px !important;
}

div#amplitude-left div#player-left-bottom div#meta-container span.song-name, div#amplitude-right div.song div.song-meta-data span.song-title {
    word-break: break-word !important;
}

#time-container input[type="range"].amplitude-song-slider {
    outline: none !important;
}

#volume-container input[type="range"] {
    outline: none !important;
}

.post-detail-slider .owl-nav {
    position: absolute;
    height: 0;
    width: 77px;
    top: 15px;
    right: 15px
}

.post-detail-slider .owl-nav .owl-prev {
    padding: 0;
    background: rgba(22, 22, 22, 0.5);
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    margin-right: 5px;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
    vertical-align: middle
}

.post-detail-slider .owl-nav .owl-next {
    padding: 0;
    background: rgba(22, 22, 22, 0.5);
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
    border: 0 !important;
    box-shadow: none !important;
    position: relative
}

.post-detail-slider .owl-nav i {
    position: relative;
    top: 0;
    opacity: .7
}

.post-content .video-player {
    display: block;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.plyr__control--overlaid {
    background: rgba(0, 0, 0, .6) !important;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
    background: rgba(0, 0, 0, .9) !important;
}

.plyr--full-ui input[type="range"] {
    color: #a19fa4 !important;
}

.plyr__progress__buffer {
    outline: none !important;
    box-shadow: none !important;
    background-color: #0b0b0b !important;
}

.plyr__progress__buffer::-moz-progress-bar {
    outline: none !important;
    box-shadow: none !important;
    background-color: #0b0b0b !important;
}

.plyr__progress__buffer::-webkit-progress-value {
    outline: none !important;
    box-shadow: none !important;
    background-color: #0b0b0b !important;
}

.post-content .post-text {
    clear: both;
    display: block;
    width: 100%;
    position: relative;
    max-width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    line-height: 26px;
    overflow-wrap: break-word
}

.post-text object, .post-text embed, .post-text video, .post-text img {
    max-width: 100% !important
}

.video-player video {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.post-content .post-text table {
    border-collapse: collapse;
    overflow: hidden;
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
    position: relative;
    border: 1px solid #f2f2f2;
    font-size: 14px

}

.post-content .post-text table th {
    padding: 6px 10px;
    border: 0;
    border-bottom: 2px solid #f2f2f2;
    font-weight: 700
}

.post-content .post-text table tr {
    border-bottom: 1px solid #f2f2f2
}

.post-content .post-text table tr:nth-child(even) {
    background-color: #f2f2f2
}

.post-content .post-text table td {
    padding: 6px 12px;
    border: 0 !important
}

.post-content .post-text table tr, .post-content .post-text table td {
    height: auto !important;
}

.post-content .post-text a:hover {
    text-decoration: underline;
}

.post-content .post-summary {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 26px;
    overflow-wrap: break-word;
    margin-top: 0;
    font-weight: 400
}

.post-content .post-files {
    width: 100%;
    display: block;
    position: relative;
    margin: 15px 0;
    float: left;
}

.post-content .post-files .title {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    line-height: 28px;
}

.post-content .post-files .file {
    width: 100%;
    display: block;
    position: relative;
    margin-top: 5px;
    float: left;
    text-align: left !important;
}

.post-content .post-files .file button {
    background-color: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}

.post-content .post-files .file button:hover {
    text-decoration: underline;
}

.post-content .post-files .file i {
    margin-right: 8px;
}

.gallery-post-item {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    float: left
}

.title-post-item {
    width: 100%;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    float: left;
    margin-top: 0;
    margin-bottom: 15px
}

.gallery-post-item .post-image {
    position: relative
}

.gallery-post-item .post-image .post-image-inner {
    position: relative;
    float: left
}

.gallery-post-item .post-item-count {
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: rgba(22, 22, 22, .5)
}

.gallery-post-buttons {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    margin-top: 20px
}

.ordered-list-item {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    float: left
}

/*Quiz*/
.quiz-container {
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

.quiz-container .quiz-question {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: 1px solid #f0f0f0;
}

.quiz-container .quiz-question[data-is-last-question="1"] {
    border-bottom: 0 !important;
}

.quiz-container .quiz-question-answered .answer {
    pointer-events: none;
    cursor: default !important;
}

.quiz-container .quiz-question-answered .answer-format-text {
    cursor: default !important;
}

.quiz-container .quiz-question .alert-success {
    color: #60bc65;
    background-color: rgba(96, 188, 101, .05);
    border: 0 !important;
}

.quiz-container .quiz-question .alert-danger {
    color: #e25c58;
    background-color: rgba(226, 92, 88, .05);
    border: 0 !important;
}

.quiz-container .quiz-question .alert {
    display: none;
}

.quiz-container .quiz-question .alert .text {
    margin: 0;
    font-size: 18px;
}

.quiz-container .quiz-question .title {
    width: 100%;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px
}

.quiz-container .description {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}

.quiz-container .question-image {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.quiz-container .question-answers {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

.quiz-container .question-answers .row-answer {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.quiz-container .question-answers .col-answer {
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 15px;
}

.quiz-container .question-answers .answer-format-image .answer {
    display: block;
    width: 100%;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    cursor: pointer;
    -moz-transition: all .1s ease-in-out 0s;
    -webkit-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.quiz-container .question-answers .answer-format-image .answer:hover {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

.quiz-container .question-answers .answer-format-image .answer-image {
    display: block;
    width: 100%;
    position: relative;
}

.quiz-container .question-answers .answer-format-image .answer-image img {
    display: block;
    width: 100%;
}

.quiz-container .question-answers .answer-format-image .answer-bottom {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 6px;
}

.quiz-container .question-answers .answer-format-image .answer-bottom .answer-radio {
    width: 34px;
}

.quiz-container .question-answers .answer-format-image .answer-bottom .answer-text span {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    word-break: break-word;
    position: relative;
}

.quiz-container .question-answers .answer-format-image .answer-bottom .quiz-answer-icon {
    color: #555;
    position: relative;
    margin-top: 1.2px;
}

.quiz-container .answer-format-text {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 5px !important;
    cursor: pointer;
}

.quiz-container .answer-format-text .answer {
    display: table;
    position: relative;
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
}

.quiz-container .answer-format-text .answer:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.quiz-container .answer-format-text .answer:hover {
    border-color: rgba(0, 0, 0, .2);
}

.quiz-container .answer-format-text .answer .answer-radio {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 14px;
    padding: 5px 12px 5px 12px;
}

.quiz-container .quiz-answer-icon {
    height: 30px;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    color: #777;
}

.quiz-container .answer-format-text .quiz-answer-icon {
    color: rgba(0, 0, 0, .2);
}

.quiz-container .answer-format-text .answer .answer-text {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 12px 12px 12px 0;
    font-size: 14px;
    word-break: break-word;
}

.quiz-container .answer-format-text .answer .answer-vote {
    display: table-cell;
    width: 45px;
    position: relative;
    vertical-align: middle;
    padding: 5px;
}

.quiz-container .answer-format-text .answer .answer-vote span {
    width: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.quiz-container .answer-format-text .answer-text span {
    font-size: 14px;
    font-weight: 600;
}

.quiz-container .answer-format-image .answer-correct {
    color: #60bc65 !important;
}

.quiz-container .answer-format-image .answer-correct .quiz-answer-icon {
    color: #60bc65 !important;
}

.quiz-container .answer-format-image .answer-wrong {
    color: #e25c58 !important;
}

.quiz-container .answer-format-image .answer-wrong .quiz-answer-icon {
    color: #e25c58 !important;
}

.quiz-container .answer-format-text .answer-correct {
    color: #60bc65;
    border-color: rgba(96, 188, 101, .6);
}

.quiz-container .answer-format-text .answer-correct .quiz-answer-icon {
    color: #60bc65 !important;
}

.quiz-container .answer-format-text .answer-wrong {
    color: #e25c58;
    border-color: rgba(226, 92, 88, .6);
}

.quiz-container .answer-format-text .answer-wrong .quiz-answer-icon {
    color: #e25c58 !important;
}

.quiz-container .quiz-result {
    margin-bottom: 30px;
    padding-top: 10px;
}

.quiz-container .quiz-result .title {
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.quiz-container .quiz-result .description {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    line-height: 28px;
}

.quiz-container .btn-play-again-content {
    text-align: center;
    display: none;
    margin-bottom: 30px;
}

.quiz-container .btn-play-again-content button {
    display: inline-block;
}

.quiz-container .btn-play-again-content i {
    margin-right: 8px;
}

.quiz-score {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #222
}

.quiz-score .correct {
    display: inline-block;
    color: #60bc65;
    background-color: rgba(96, 188, 101, .05);
    padding: 14px 20px;
    min-width: 220px;
}

.quiz-score .wrong {
    display: inline-block;
    color: #e25c58;
    background-color: rgba(226, 92, 88, .05);
    padding: 14px 20px;
    min-width: 220px;
}

.quiz-container .question-answers .answer-format-image .progress {
    background-color: rgb(247, 247, 247, .3);
    border-radius: 0 !important;
    position: absolute;
    width: 100%;
    height: 24px;
    bottom: 0;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

.quiz-container .question-answers .answer-format-text .progress {
    background-color: transparent !important;
    border-radius: 4px !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: -1px;
    box-shadow: none !important;
}

.quiz-container .question-answers .answer-format-image .progress .progress-bar {
    background-color: #bac8e0;
    background-image: linear-gradient(to left, #6a85b6 0%, #bac8e0 100%);
    font-size: 13px;
    line-height: 24px;
    box-shadow: none !important;
}

.quiz-container .question-answers .answer-format-text .progress .progress-bar {
    background-color: #f2f6fa;
    box-shadow: none !important;
}

.quiz-container .question-answers .answer-format-text .progress .score {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

.quiz-container .answer-format-text .answer-correct {
    border-color: rgba(0, 0, 0, .1) !important;
}

.quiz-container .question-answers .answer-format-image .progress .perc-zero {
    color: #fff;
    margin-left: 5px;
    line-height: 24px;
}

.quiz-container .question-answers .answer-format-image .progress b {
    font-weight: 600;
}

.post-content .post-text p {
    overflow-wrap: break-word
}

.post-content .post-text img {
    max-width: 100% !important;
    position: relative
}

.post-content .post-tags {
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 45px
}

.post-content .tags-title {
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    margin-right: 15px;
    line-height: 28px
}

.post-content .post-tags .tag-list {
    float: left;
    margin: 0;
    padding: 0
}

.post-content .post-tags .tag-list li {
    list-style: none;
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px
}

.post-content .post-tags .tag-list li a {
    border: 2px solid #f0f0f0;
    color: #555;
    display: block;
    font-size: 12px;
    line-height: 11px;
    padding: 8px;
    border-radius: .25rem
}

.post-content .post-tags .tag-list li a:hover {
    color: #fff !important
}

.optional-url-cnt {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: right
}

.table-of-contents {
    border: 1px solid #EFEEE9;
    padding: 20px;
    margin: 15px 0;
    border-radius: 3px;
}

.table-of-contents .title {
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 10px;
}

.table-of-contents .title h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 !important;
}

.table-of-contents .ul-main {
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

.table-of-contents ul li {
    margin-bottom: 5px;
    list-style-position: inside !important;
}

.table-of-contents ul li a {
    font-size: 15px;
    line-height: 26px;
}

.container-toc .ul-toc-content-main {
    padding: 0;
    margin: 0;
}

.container-toc .ul-toc-content .li-toc-content {
    display: block;
    list-style: none !important;
}

.container-toc .ul-toc-content .li-toc-content .title-post-item {
    display: list-item;
}

.container-toc .ul-toc-content-sub .li-toc-content .title-post-item {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px;
}

.ul-toc-content-main li-toc-content .title-post-item::marker {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}

.container-toc .post-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.recipe-sum-table {
    display: block;
    margin-top: 4px;
}

.recipe-sum-table .row {
    margin-left: -2px;
    margin-right: -2px;
}

.recipe-sum-table .row .col-item {
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
}

.recipe-sum-table .item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 78px;
    background-color: #f9f9f9;
    border: 1px solid #f5f5f5;
    overflow: hidden;
}

.recipe-sum-table .item .icon {
    margin-right: 10px;
}

.recipe-sum-table .item .icon-text {
    text-align: left;
}

.recipe-sum-table .item .icon-text strong {
    display: block;
    line-height: 20px;
}

.recipe-sum-table .item .icon-text span {
    color: #555;
    line-height: 20px;
}

.recipe-items-list {
    display: block;
    margin-bottom: 30px;
}

.recipe-items-list ul {
    display: block;
    padding: 0;
    margin: 0;
}

.recipe-items-list ul li {
    list-style: none;
    margin-bottom: 5px;
}

.recipe-items-list ul li span {
    font-size: 15px;
    line-height: 28px;
}

.recipe-sub-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.recipe-directions {
    display: block;
}

.recipe-directions .direction {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.recipe-directions .direction .title {
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 5px;
}

.recipe-directions .direction img {
    display: inline-block;
}

/*amplitude player*/
.song-now-playing-icon-container .now-playing {
    margin-top: 10px !important;
}

.amplitude-inner-right .download-link-cnt {
    line-height: 40px !important;
    height: 40px !important;
}

div#amplitude-left div#player-left-bottom {
    display: block;
    width: 100%;
    position: relative;
    float: left;
}

div#amplitude-right {
    display: block;
    width: 100%;
    position: relative;
    float: left;
    max-height: 280px !important;
    overflow-y: visible !important;
}

#amplitude-right .list-left {
    min-height: 45px !important;
}

div#amplitude-right div.song {
    min-height: 45px !important;
}

div#amplitude-right div.song div.song-meta-data span.song-title {
    color: #444;
    font-size: 14px;
    font-weight: 400;
}

div#amplitude-right div.song div.song-meta-data {
    margin-top: 6px !important;
}

#amplitude-right .list-row {
    border-bottom: 1px solid #eeeeee !important;
}

#amplitude-right .list-row:last-child {
    border-bottom: 0 !important;
}

.related-posts {
    width: 100%;
    float: left
}

.section-mid-title {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    border-bottom: 2px solid #161616;
    margin-bottom: 25px
}

.section-mid-title .title {
    background-color: #161616;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px 15px;
    text-transform: uppercase
}

.about-author {
    display: table;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 45px;
    width: 100%
}

.about-author-page {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0
}

.about-author-left {
    display: table-cell;
    width: 130px;
    vertical-align: top
}

.about-author-right {
    display: table-cell;
    vertical-align: top
}

.about-author-row {
    width: 100%;
    display: block;
    float: left
}

.about-author-row .profile-buttons {
    margin-top: 8px;
}

.about-author-right .author-link {
    float: left
}

.img-author {
    width: 110px;
    height: 110px
}

.post-next-prev {
    display: table;
    margin-bottom: 30px;
    min-height: 150px;
    border-top: 1px solid #f0f0f0;
    padding: 30px 0 15px 0
}

.post-next-prev .title {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 5px
}

.post-next-prev .title a {
    display: block
}

.post-next-prev .left {
    text-align: right;
    display: table-cell;
    border-right: 1px solid #e6e6e6;
    min-height: 60px
}

.post-next-prev .right {
    text-align: left;
    display: table-cell;
    min-height: 60px
}

.post-next-prev p span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.post-next-prev .left p span i {
    margin-right: 8px
}

.post-next-prev .right p span i {
    margin-left: 8px
}

.post-item {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px
}

.col-item-sep {
    width: 100%;
    height: 1px;
    float: left
}

.post-item .category-label {
    position: absolute;
    top: 8px;
    left: 8px
}

.post-item .title {
    font-size: 20px;
    line-height: 26px;
    text-transform: none;
    font-weight: 600;
    margin-top: 10px
}

.post-item .title a {
    display: block
}

.post-item .description {
    color: #777;
    font-size: 13px;
    float: left;
    line-height: 22px
}

.rss-title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 22px
}

.rss-item {
    display: table;
    width: 100%
}

.rss-item .left {
    display: table-cell;
    width: 250px
}

.rss-item .right {
    display: table-cell
}

.rss-item .right p {
    word-break: break-all
}

.rss-content {
    margin-top: 60px
}

.feed-item {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px
}

.feed-item .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    margin: 0
}

.feed-item .description {
    color: #777;
    float: left;
    font-size: 13px;
    line-height: 20px
}

.comment-section {
    width: 100%;
    position: relative;
    display: block;
    float: left
}

.comment-section .nav-tabs .active {
    border: 0;
    margin-bottom: -2px;

}

.comment-section .tab-content .tab-pane {
    padding: 20px 0
}

.comment-section .form-textarea {
    resize: none
}

.comment-section .comments {
    float: left;
    display: block;
    width: 100%
}

.comment-section .nav-tabs {
    border-bottom: 2px solid #161616
}

.comment-section .nav-tabs > li {
    margin-left: 0 !important
}

.comment-section .nav-tabs > li > a {
    height: 34px;
    line-height: 34px;
    border-radius: 0 !important;
    text-transform: uppercase;
    background-color: transparent;
    color: #222;
    border: 0 !important;
    padding: 0 15px;
    font-size: 14px
}

.comment-section .nav-tabs > .active > a {
    color: #fff !important;
    background-color: var(--vr-block-color) !important;
}

.comment-section .comments .comment-list {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%
}

.comment-section .comments .comment-list li {
    width: 100%;
    list-style: none;
    display: table;
    margin-bottom: 20px
}

.comment-section .comments .comment-list li .left {
    display: table-cell;
    width: 65px;
    height: auto;
    vertical-align: top;
    text-align: left
}

.comment-section .comments .comment-list li .left img {
    width: 50px;
    height: 50px;
    border-radius: 1px
}

.comment-section .comments .comment-list li .right {
    display: table-cell;
    vertical-align: top
}

.comment-section .comments .comment-list li .right .row-custom {
    margin-bottom: 6px
}

.comment-section .comments .comment-list li .right .comment {
    line-height: 22px
}

.comment-section .comments .comment-list li .right .username {
    font-weight: 600 !important;
    color: #222 !important;
    float: left;
    display: block;
    font-size: 14px !important;
    line-height: 16px;
}

.comment-section .comments .comment-list li .right a {
    font-size: 12px
}

.comment-section .comment-meta .date {
    font-size: 12px;
    line-height: 14px;
    color: #aaa
}

.comment-section .comment-meta .btn-reply {
    color: #777;
    font-size: 12px;
    line-height: 14px;
    margin-left: 15px
}

.comment-section .comment-meta .btn-reply i {
    margin-right: 5px
}

.comment-section .comment-meta .btn-reply:hover {
    color: #444
}

.comment-section .comment-meta .btn-comment-like {
    color: #777;
    font-size: 12px !important;
    line-height: 12px;
    margin-left: 15px;
    position: relative;
}

.comment-section .comment-meta .btn-comment-like:hover {
    color: #444
}

.comment-section .tab-content .comments .comment-meta .comment-own {
    color: #777 !important;
}

.comment-section .comment-meta .item {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.comment-section .comment-meta, .comment-section .comment-meta span, .comment-section .comment-meta a {
    font-size: 12px;
    color: #777;
}

.comment-section .comments .comment-total {
    margin-bottom: 30px;
    margin-top: 45px
}

.comment-section .comments .label-comment {
    font-size: 15px;
    font-weight: 600;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 25px
}

.comment-section .comments .comment-total span {
    display: block;
    font-size: 15px;
    float: left;
    line-height: 25px
}

.row-sub-comment {
    margin: 0 !important;
    padding: 0 !important
}

.sub-comment-form {
    padding: 15px;
    border-radius: .1875rem
}

.sub-comment-form .form-group {
    margin-bottom: 7px
}

.sub-comment-form-registered .form-group {
    margin-bottom: 7px
}

.sub-comment-form-registered {
    margin-top: 15px
}

.row-sub-comment .form-textarea {
    min-height: 60px
}

.row-sub-comment .comment-list {
    margin-top: 20px !important
}

.row-sub-comment .comment-list li {
    margin-bottom: 15px !important
}

.btn-load-more {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    padding: 14px 10px;
    text-align: center;
    transition: all .25s ease 0s;
    color: #555;
    border-radius: .1875rem;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px
}

.btn-delete-comment {
    font-size: 12px;
    color: #d43f3a !important;
    margin-left: 15px
}

.message-comment-result {
    margin: 10px 0 !important;
    min-height: 22px;
}

.comment-success-message {
    position: relative;
    color: #00a65a;
    margin: 0 !important;
}

.profile-page .img-profile {
    border-radius: 4px
}

.profile-page .username {
    font-size: 24px;
    text-align: center;
    line-height: 32px
}

.profile-tabs .nav .nav-item {
    width: 100%;
    text-align: left;
    margin-bottom: 2px !important
}

.profile-tabs .nav .nav-item .nav-link {
    padding: 11px;
    border-radius: 3px;
    color: #222
}

.profile-tabs .nav .nav-item .nav-link i {
    margin-right: 8px
}

.profile-tabs .nav .nav-item .nav-link .count {
    float: right
}

.profile-tabs .nav .nav-link:hover {
    background-color: #f2f2f2
}

.profile-tabs .nav .active .nav-link {
    background-color: #f2f2f2
}

.profile-page-top {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    margin-bottom: 60px
}

.profile-details {
    width: 100%;
    display: table;
    position: relative;
    float: left
}

.profile-details .left {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 200px;
    padding-right: 30px
}

.profile-details .right {
    display: table-cell;
    vertical-align: top
}

.profile-details .img-profile {
    width: 200px;
    height: 200px;
    border-radius: 3px
}

.profile-details .p-last-seen {
    margin: 0;
    text-align: left;
    margin-bottom: 8px;
    color: #888
}

.last-seen {
    font-size: 12px;
    color: #888
}

.last-seen i {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    color: #b8b8b8
}

.last-seen-online i {
    color: #85cc84
}

.profile-details .username {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: auto;
    display: inline-block;
    float: left
}

.profile-details .description {
    line-height: 24px;
    color: #555;
    margin-bottom: 10px
}

.profile-details .user-contact .info {
    color: #777;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #E1E3DF
}

.profile-details .user-contact .info:last-child {
    border: 0
}

.profile-details .user-contact .info i {
    margin-right: 10px
}

.profile-buttons {
    margin-top: 20px;
    text-align: left;
    line-height: 34px
}

.profile-buttons .btn-follow {
    float: left;
    margin-right: 30px
}

.profile-buttons ul {
    float: left;
    margin: 0;
    padding: 0
}

.profile-buttons ul li {
    display: inline-block;
    margin-left: 5px
}

.profile-buttons ul li:first-child {
    margin-left: 0
}

.profile-buttons ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #555;
    font-size: 15px;
    background-color: #f2f4f6;
    border-radius: 100%
}

.profile-buttons ul li a:hover {
    color: #fff
}

.btn-follow i {
    margin-right: 10px
}

.widget-followers {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

.widget-followers {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin-bottom: 30px
}

.widget-followers .widget-head {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.widget-followers .widget-head .title {
    font-size: 15px;
    margin-top: 0
}

.widget-followers .widget-body {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    padding: 15px 0
}

.widget-followers .widget-content {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    max-height: 260px;
    overflow: hidden
}

.widget-followers .widget-body .row-followers {
    margin-right: -3px;
    margin-left: -3px
}

.widget-followers .widget-body .col-followers {
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 6px
}

.widget-followers .widget-body .followers-list .img-follower {
    width: 50px;
    height: 50px
}

.widget-followers .widget-body .followers-list img {
    width: 50px;
    height: 50px
}

.form-avatar {
    width: 180px;
    border-radius: 3px
}

.btn-profile-file-upload {
    background-color: #555 !important;
    border-color: #555 !important
}

.badge-profile-file-upload {
    background-color: #555 !important;
    font-size: 10px;
    font-weight: normal;
    border-radius: 4px;
    font-weight: 600;
    padding: 5px 10px
}

.profile-tab-content .success-message {
    margin-top: 0;
}

.visual-color-box {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 100%;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

.contact-leave-message {
    font-size: 22px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 15px
}

.row-contact-text {
    margin-bottom: 30px
}

.contact-item {
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%
}

.contact-item .contact-icon {
    max-width: 30px;
    padding-right: 0;
    text-align: center;
    font-size: 15px;
    color: #444
}

.contact-social {
    margin-top: 30px;
    float: left
}

.contact-social ul {
    margin: 0;
    padding: 0
}

.contact-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.contact-social ul li a {
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    color: #555;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    font-size: 15px
}

.contact-social ul li a:hover {
    text-decoration: none;
    background-color: var(--vr-theme-color) !important;
    border-color: var(--vr-theme-color) !important;
    color: #fff !important;
}

.page-gallery {
    min-height: 700px;
    padding-bottom: 100px
}

.filters {
    width: auto;
    position: relative;
    display: block;
    margin-bottom: 30px;
    text-align: center
}

.filters input {
    display: none
}

.filters .btn {
    border: 0;
    color: #555 !important;
    box-shadow: none;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 10px;
    padding: 6px 15px;
    -moz-transition: all .45s ease-in-out 0s;
    -webkit-transition: all .45s ease-in-out 0s;
    transition: all .45s ease-in-out 0s;
    background-color: #fff;
    box-shadow: none !important;
    position: relative;
    text-align: center;
    font-weight: 600;
    background-color: transparent !important
}

.filters .active::after {
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.filters .btn:last-child {
    margin-right: 0
}

.filters .btn:focus:after, .filters .btn:hover:after, .filters .btn:active:after {
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -moz-transition: all .45s ease-in-out 0s;
    -webkit-transition: all .45s ease-in-out 0s;
    transition: all .45s ease-in-out 0s
}

.gallery .gallery-item {
    position: relative;
    cursor: pointer;
    padding-left: 7.5px !important;
    padding-right: 7.5px !important;
    margin-bottom: 15px
}

.gallery .gallery-item .item-inner {
    position: relative;
    display: block;
    overflow: hidden
}

.gallery img {
    width: 100%;
    transition: all .5s;
}

.gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative
}

.gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    transition: .4s
}

.gallery .lightbox:hover:after, .gallery .lightbox:hover:before {
    opacity: .5
}

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

.row-masonry {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.gallery .gallery-item .caption {
    width: 100%;
    position: absolute;
    padding: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    padding: 8px
}

.gallery .gallery-item .gallery-image-cover a::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.36) 50%, rgba(0, 0, 0, 0.80) 100%);
    bottom: 0;
    content: "";
    height: 40%;
    opacity: .9;
    position: absolute;
    transition: all .3s ease-in 0s;
    width: 100%;
    will-change: opacity;
    display: block
}

.gallery .gallery-item .caption .album-name {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 10px;
    border-radius: 3px
}

.img-gallery-empty {
    width: 100%;
    height: 300px;
    background-color: #fafafa
}

.gallery-category-title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    display: inline-block;
    width: auto;
    margin: 0 15px 30px 15px;
    padding: 10px 20px
}

.gallery-links {
    font-size: 16px
}

.gallery-links .gallery-next-link {
    margin-left: 60px
}

.pagination {
    float: right;
    margin: 30px 0
}

.pagination li a {
    margin: 0 4px;
    border: 1px solid #eaeaf1;
    color: #63636a;
    height: 36px;
    text-align: center;
    -moz-transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    width: auto;
    min-width: 36px;
    font-size: 14px;
    line-height: 23px;
    border-radius: 1px !important
}

.pagination .prev a {
    line-height: 21px !important
}

.pagination .next a {
    line-height: 21px !important
}

.pagination .page-first a {
    line-height: 21px !important
}

.pagination .page-last a {
    line-height: 21px !important
}

.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
    color: #fff
}

#footer {
    background-color: #1d1e20;
    padding-top: 60px;
    margin-top: 60px;
    color: #aaa
}

.footer-widgets {
    padding-bottom: 30px;
    min-height: 290px;
}

.footer-widget {
    display: block
}

.footer-widget .title {
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color: #fff;
    margin-bottom: 15px
}

.f-widget-about p {
    font-size: 13px
}

.footer-logo {
    display: block;
    margin-bottom: 15px;
}

.f-random-list {
    padding: 0;
    margin: 0;
    position: relative
}

.f-random-list li {
    display: table;
    list-style: none;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 15px
}

.f-random-list li .list-left {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 106px;
    height: 74px;
    overflow: hidden
}

.f-random-list li .list-right {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding-left: 15px
}

.f-random-list .post-item-no-image .list-right {
    padding: 0;
}

.f-random-list li img {
    width: 106px;
    height: 74.2px;
    position: relative;
    float: left
}

.f-random-list li .title {
    font-weight: 600;
    line-height: 22px;
    font-size: 13px;
    margin: 0;
    margin-bottom: 5px;
    text-transform: none
}

.f-random-list li .title a {
    color: #ccc;
    display: block
}

.f-widget-follow ul {
    margin: 0;
    padding: 0
}

.f-widget-follow ul li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

.f-widget-follow ul li a {
    width: 38px;
    height: 38px;
    color: #cecece !important;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    display: block;
    border-radius: .25rem;
    background-color: #2d2e30
}

.f-widget-follow ul li a:hover {
    text-decoration: none;
    color: #fff
}

.f-widget-follow ul li .facebook:hover {
    background-color: #3B5998;
    color: #fff !important
}

.f-widget-follow ul li .twitter:hover {
    background-color: #14171A;
    color: #fff !important
}

.f-widget-follow ul li .instagram:hover {
    background-color: #D02E95;
    color: #fff !important
}

.f-widget-follow ul li .linkedin:hover {
    background-color: #0177b5;
    color: #fff !important
}

.f-widget-follow ul li .pinterest:hover {
    background-color: #bd081c;
    color: #fff !important
}

.f-widget-follow ul li .vk:hover {
    background-color: #4c75a3;
    color: #fff !important
}

.f-widget-follow ul li .telegram:hover {
    background-color: #08c;
    color: #fff !important
}

.f-widget-follow ul li .youtube:hover {
    background-color: #b00;
    color: #fff !important
}

.f-widget-follow ul li .tiktok:hover {
    background-color: #fe2c55;
    color: #fff !important
}

.f-widget-follow ul li .whatsapp:hover {
    background-color: #3ebe2b;
    color: #fff !important
}

.f-widget-follow ul li .discord:hover {
    background: #5865F2;
    color: #fff !important
}

.f-widget-follow ul li .twitch:hover {
    background: #9147ff;
    color: #fff !important
}

.f-widget-follow ul li .rss:hover {
    background-color: #F8991D;
    color: #fff !important
}

.widget-newsletter {
    margin-top: 45px
}

.widget-newsletter input[name='url'], .modal-newsletter input[name='url'] {
    display: none !important;
}

.page-contact input[name='message_content'] {
    display: none !important;
}

.newsletter {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-top: 5px;
    font-size: 13px;
    position: relative;
    display: flex;
    align-items: center;
}

.newsletter input {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    background: #2d2e30;
    border: 1px solid transparent;
    border-right: 0 !important;
    outline: none !important;
    color: #ccc;
    height: 38px;
    padding: 10px 20px;
    box-shadow: none;
    border-radius: 3px 0 0 3px;
}

.newsletter .newsletter-button {
    height: 38px;
    padding: 6px 14px;
    border-radius: 0 3px 3px 0;
    line-height: 1.5;
    outline: none !important;
    font-size: 14px;
    border: 0;
    color: #fff;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap;
}

.newsletter .newsletter-button:hover {
    opacity: 0.8;
}

/*modal newsletter*/
.modal-newsletter .modal-content {
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.modal-newsletter .modal-body {
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
    border-radius: 2px !important;
}

.modal-newsletter .image {
    flex: 1;
    background-size: cover;
    background-position: center;
    height: 330px;
}

.modal-newsletter .content {
    flex: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-newsletter .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 20px;
}

.modal-newsletter .content p {
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
    color: #6c757d;
    min-height: 70px;
}

.modal-newsletter .content form {
    display: flex;
    flex-direction: column;
}

.modal-newsletter .content input[type="email"] {
    flex: 1;
    padding: 12px 22px;
    margin-bottom: 16px;
}

.modal-newsletter .content input[type="email"]:focus {
    outline: none;
}

.modal-newsletter .content .btn {
    padding: 13px 22px;
    background-color: var(--vr-block-color) !important;
    border-color: var(--vr-block-color) !important;
}

.modal-newsletter .btn-close {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background-color: transparent !important;
    position: absolute;
    z-index: 10;
    right: 12px;
    font-size: 12px;
    top: 12px;
    opacity: 0.4;
}

@media (min-width: 992px) {
    .modal-newsletter .modal-dialog {
        width: 750px;
    }
}

@media (max-width: 992px) {
    .modal-newsletter {
        flex-direction: column;
    }

    .modal-newsletter .image {
        display: none;
    }

    .modal-newsletter .title {
        font-size: 18px;
        margin: 0 0 15px;
    }
}


.footer-bottom {
    padding: 20px 0 20px 0;
    border-top: 1px solid #2a2b2d;
    line-height: 36px
}

.footer-bottom-left {
    float: left;
    padding-left: 15px
}

.footer-bottom-right {
    float: right
}

.footer-bottom p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0
}

.nav-footer {
    margin: 0;
    padding: 0
}

.nav-footer li {
    display: inline-block;
    list-style: outside none none;
    margin-right: 15px
}

.nav-footer li a {
    color: #aaa;
    font-size: 13px;
    line-height: 16px
}

.scrollup {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 15px;
    color: #fff;
    z-index: 999999
}

.scrollup i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background-color: #222;
    border-radius: .3rem;
    z-index: 999999
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.add-reading-list {
    color: #379824 !important;
    font-size: 12px !important;
    float: right !important;
    font-weight: 400 !important
}

.remove-reading-list {
    color: #cc2d29 !important;
    font-size: 12px !important;
    float: right !important;
    font-weight: 400 !important
}

.contact-map-container {
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px
}

.contact-map-container iframe {
    display: block;
    float: left;
    width: 100%;
    height: 460px
}

.navbar-default .sub-menu-right {
    background-color: #fff;
    display: table-cell;
    min-height: 250px;
    padding: 20px;
    vertical-align: top;
    width: 80%
}

.single-sub-menu {
    display: block !important;
    width: 100% !important
}

.single-sub-menu .menu-post-item {
    width: 20%
}

.hide-after::after {
    display: none
}

.post-item-no-image .category-label {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.post-item-no-image .right {
    padding: 0 !important;
}

.post-item-no-image .item-content {
    width: 100% !important;
}

.post-item-no-image .category-label-horizontal {
    left: 15px !important;
}

.post-item-no-image .caption-video-image {
    position: relative !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

.post-item-no-image .caption-video-image .category-label {
    display: none;
}

.post-item-no-image .caption-video-image .title {
    color: #222 !important;
    pointer-events: auto !important;
}

.post-item-no-image .caption-video-image .title a {
    color: #222 !important;
    pointer-events: auto !important;
}

.post-item-no-image .title-random-slider {
    margin-top: 30px;
}

.post-item-no-image .category-label-random-slider {
    top: 15px !important;
}

.section-block-3 .post-item-no-image .title {
    margin-top: 0 !important;
}

.post-item-image {
    width: 100%;
    height: 224px;
    display: block;
    position: relative;
    background-color: #fafafa
}

.post-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-item-mid .post-item-image {
    height: 136.78px
}

.post-item-horizontal .post-item-image {
    height: 224px;
}

.megamenu-content .post-item-image {
    height: 121px;
    margin-bottom: 5px;
}

.megamenu-content .post-item-image .img-container img {
    height: 121px
}

.profile-page .post-item-image {
    height: 249.78px
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden
}

.img-bg {
    width: 100%
}

.img-cover {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img-post {
    width: 100%;
    position: relative;
    display: block
}

.media-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    text-align: center;
    pointer-events: none;
}

.media-icon svg {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 100% !important;
}

.featured-slider .media-icon, .post-item-video-big .media-icon, .featured-slider .media-icon svg, .post-item-video-big .media-icon svg {
    width: 48px;
    height: 48px;
}

.featured-box .media-icon, .featured-box .media-icon svg {
    width: 38px;
    height: 38px;
}

.megamenu-content .media-icon, .megamenu-content .media-icon svg {
    width: 34px;
    height: 34px;
}

.post-item-small .media-icon, .post-item-small .media-icon svg, .f-random-list .media-icon, .f-random-list .media-icon svg {
    width: 28px;
    height: 28px;
}

.show-on-page-load {
    visibility: hidden;
    width: auto;
    height: auto;
    max-width: 750px;
    margin: 0 auto;
}

.category-label-relative {
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}

.l-15-im {
    left: 15px !important
}

.cookies-warning {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 400px;
    max-width: 100%;
    padding: 35px 25px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 12px rgb(0 0 0 / 14%);
    z-index: 9999999;
}

.cookies-warning .text {
    width: 100%;
    margin-bottom: 20px;
    line-height: 26px;
    color: #333;
}

.cookies-warning .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.cookies-warning p {
    margin-bottom: 0;
}

.cookies-warning a {
    color: var(--vr-theme-color) !important;
}

.recaptcha-cnt {
    width: 100%;
    height: auto;
    display: block;
    text-align: center
}

.page-login .g-recaptcha {
    width: 300px;
    height: 74px;
    margin: 0 auto
}

.emoji-reactions-container {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 60px
}

.emoji-reactions-container .title-reactions {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.emoji-reactions-container .reaction-container {
    border-radius: 8px;
}

.emoji-reactions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    max-width: 100%;
}

.emoji-reactions .reaction {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 88px;
    padding: 3px;
    position: relative;
    background-color: transparent;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s, box-shadow 0.2s;
    flex-shrink: 0;
    cursor: pointer;
}

.emoji-reactions .emoji {
    width: 64px;
    height: 64px;
}

.emoji-reactions .text {
    color: #222;
    font-size: 13px;
    font-weight: 400;
    display: block;
    word-break: break-word;
    border-radius: 2px;
    padding: 2px 12px;
}

.emoji-reactions .selected .text {
    background-color: var(--vr-theme-color) !important;
    color: #fff;
}

.emoji-reactions .reaction .vote {
    border-radius: 15px;
    position: absolute;
    top: 8px;
    right: 16px;
    display: inline-block;
    min-width: 24px;
    height: 16px;
    line-height: 16px;
    opacity: 0.8;
    font-weight: 400;
    color: #fff;
    font-size: 10px;
    background-color: var(--vr-block-color) !important;
}

.emoji-reactions .reaction.disabled {
    cursor: default;
}

.emoji-reactions .reaction.disabled:hover {
    cursor: default;
}

.post-content .vjs-icon-play::before, .post-content .video-js .vjs-big-play-button::before, .post-content .video-js .vjs-play-control::before {
    display: none
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal-center {
    text-align: center;
    padding: 0 !important;
}

.modal-center:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-center .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.add-post-modal .modal-dialog {
    max-width: 900px
}

.add-post-modal .row {
    margin-left: -5px;
    margin-right: -5px
}

.add-post-modal .row {
    margin-left: -5px;
    margin-right: -5px
}

.add-post-modal .col-add-post {
    padding-left: 5px;
    padding-right: 5px
}

.add-post-modal .modal-header {
    border: 0 !important;
    text-align: center;
    padding: 30px 20px;
    padding-bottom: 10px;
}

.add-post-modal .modal-body {
    padding: 20px;
    padding-bottom: 30px
}

.add-post-modal .modal-content {
    border-radius: 4px
}

.add-post-modal .modal-header .modal-title {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

.add-post-modal a {
    text-decoration: none !important;
}

.add-post-modal .item {
    width: 100%;
    height: 160px;
    overflow: hidden;
    background-color: #ffffff;
    padding: 12px 10px;
    margin-bottom: 12px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.add-post-modal .item-icon {
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #f8fafc;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.add-post-modal .item-icon svg {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.add-post-modal .item .title {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 4px 0;
    color: #1e293b !important;
    transition: color 0.3s ease;
}

.add-post-modal .item .desc {
    color: #64748b;
    text-align: center;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 1.4;
}

.add-post-modal .item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-color: #e2e8f0;
}

.add-post-modal .item:hover .item-icon {
    background-color: #eff6ff;
    transform: scale(1.05);
}

.add-post-modal .item:hover .item-icon svg {
    transform: scale(1.15);
    fill: #00a8ff !important;
}

.add-post-modal .item:hover .title {
    color: #00a8ff !important;
}

.add-post-modal .close {
    position: absolute;
    z-index: 10;
    right: 15px;
    font-size: 15px;
    top: 15px
}

.page-confirm {
    width: 400px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 120px;
    max-width: 100%
}

.page-confirm .p-order-number {
    font-weight: bold;
    font-size: 18px
}

.page-confirm .p-complete-payment {
    margin-top: 60px;
    text-align: center
}

.page-confirm .bank-account-container {
    text-align: center
}

.page-confirm .title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400
}

.btn-file-upload {
    position: relative;
    font-size: 13px !important;
    padding: 4px 16px !important;
    overflow: hidden !important;
    margin-right: 15px
}

.btn-file-upload input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
    cursor: pointer
}

.disable-body-scroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed
}

.custom-checkbox {
    line-height: 22px;
    cursor: pointer;
    font-weight: 400 !important
}

.custom-checkbox:after {
    content: '';
    display: table;
    clear: both
}

.custom-checkbox .checkbox-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: 1px solid #dee2e6;
    background-color: #dee2e6;
    border-radius: .15em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s
}

.custom-radio .checkbox-icon {
    border: 1px solid #dee2e6;
    background-color: transparent
}

.custom-checkbox .checkbox-icon i {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 3px;
    left: 3px
}

.custom-checkbox input {
    display: none
}

.custom-checkbox input + .checkbox-icon > i {
    opacity: 0
}

.custom-checkbox input:checked + .checkbox-icon {
    background-color: #dee2e6;
    border: 1px solid #dee2e6
}

.custom-checkbox input:checked + .checkbox-icon > i {
    opacity: 1;
    color: #fff
}

.custom-checkbox input:disabled + .checkbox-icon {
    opacity: .5
}

/* SweetAlert2*/
.swal2-popup {
    font-size: 14px !important;
}

.swal2-title {
    font-size: 14px !important;
}

.swal2-content {
    font-size: 14px !important;
}

.swal2-confirm {
    background-color: var(--vr-theme-color) !important;
    border-radius: 2px !important;
    font-weight: normal !important;
    padding: 8px 18px;
    font-size: 14px;
}

.swal2-cancel {
    background-color: #e9e9ed !important;
    color: #333 !important;
    border-radius: 2px !important;
    font-weight: normal !important;
    padding: 8px 18px;
    font-size: 14px;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 416px !important;
    border-radius: 2px !important;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
    font-size: 15px !important;
}

.is-invalid {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

.is-recaptcha-invalid > div {
    border: 1px solid rgba(220, 53, 69, 0.40) !important;
    box-shadow: 0 0 0 .05rem rgba(220, 53, 69, 0.40) !important
}

.has-error {
    border-color: #a94442 !important
}

form label.error {
    color: #d43f3a;
    display: none !important
}

form input.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important
}

form textarea.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important
}

form select.error {
    border: 1px solid rgba(220, 53, 69, 0.40) !important
}

.alert-messages ul {
    padding: 0 !important;
    margin: 0 !important;
}

.alert-messages ul li {
    display: block;
    list-style: none;
    margin-bottom: 2px;
}

.bn-content {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.bn-content .bn-inner {
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.bn-content .bn-inner a {
    display: block;
}

.col-bn-mb {
    display: none;
}

.bn-header .bn-content {
    margin: 0 !important;
}

.bn-header-mb {
    display: none;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 520px
    }

    .post-item-small .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 130px
    }

    .featured-slider .featured-slider-item .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 700px
    }

    .img-no-slider {
        pointer-events: none !important;
        z-index: -1 !important
    }

    .post-item-video-big .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 750px
    }

    .featured-box .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 340px
    }

    .menu-post-item .img-cover {
        position: relative;
        width: auto !important;
        height: auto !important;
        min-height: 100%;
        min-width: 100%;
        max-width: 260px
    }
}

@media (min-width: 1300px) {
    .random-slider-container {
        max-height: 389.1px;
        overflow: hidden;
    }

}

@media (max-width: 1200px) {
    .container {
        width: 100%
    }

    .featured-box .img-post {
        height: auto !important
    }

    #featured .featured-left .title {
        font-size: 24px;
        line-height: 32px;
        margin: 0
    }

    .featured-box .caption .title {
        font-size: 16px;
        line-height: 24px;
        margin: 0
    }

    .news-ticker ul li {
        width: 700px
    }

    .reactions .col-reaction {
        margin-right: 3.8px
    }

    #featured {
        height: auto
    }

    #featured .featured-left {
        height: auto
    }

    #featured .featured-right {
        height: auto
    }

    .featured-slider .featured-slider-item {
        height: auto
    }

    #featured .featured-box {
        height: auto
    }

    #featured .featured-box .box-inner {
        height: auto
    }

    .post-item-image {
        height: auto
    }

    .post-item-horizontal .post-item-image {
        height: auto
    }

    .post-item-video-big .post-item-image {
        height: auto
    }

    .post-item-mid .post-item-image {
        height: auto
    }

    .profile-page .post-item-image {
        height: auto
    }
}

@media (min-width: 992px) {
    .nav-mobile {
        display: none !important;
    }

    .overlay-bg {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #content {
        width: 100%;
        padding-bottom: 60px;
        padding-top: 15px
    }

    .page-gallery .page-title {
        margin-top: 30px
    }

    #sidebar {
        width: 100%;
    }

    #header .top-bar {
        display: none
    }

    #header .logo-banner {
        display: none
    }

    #header .main-menu {
        display: none
    }

    .mobile-nav-container {
        display: block;
    }

    .nav-mobile-header {
        display: block;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
        position: relative;
        top: -7px
    }

    .mobile-nav-search {
        display: block
    }

    .section-featured .container {
        padding: 0
    }

    .modal {
        top: 60px;
    }

    .add-post-modal .modal-header {
        padding-bottom: 0;
    }

    .add-post-modal .close {
        right: 14px;
        top: 14px;
    }

    #featured {
        margin-top: 0;
        display: block !important
    }

    #featured .featured-left {
        width: 100%;
        position: relative;
        display: block !important;
        padding-right: 0 !important;
        padding-bottom: 2px;
        float: left
    }

    #featured .featured-right {
        width: 100%;
        position: relative !important;
        display: block !important;
        padding-left: 0 !important;
        float: left
    }

    #featured .featured-boxes-top {
        margin-bottom: 2px;
    }

    #featured .box-1 {
        padding-right: 1px;
    }

    #featured .box-3 {
        padding-right: 1px;
    }

    .featured-slider {
        max-height: none !important
    }

    .featured-slider .featured-slider-item {
        background-color: #eee;
        height: auto;
        width: 100%
    }

    .featured-slider .owl-nav .owl-prev {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        width: 24px
    }

    .featured-slider .owl-nav .owl-next {
        font-size: 24px;
        height: 24px;
        line-height: 24px;
        width: 24px
    }

    .img-no-slider {
        display: none
    }

    .main-menu .post-meta {
        display: none
    }

    .news-ticker ul li {
        width: 600px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis
    }

    .profile-details {
        width: 100%;
        display: block
    }

    .profile-details .left {
        width: 100%;
        display: block;
        padding: 0
    }

    .profile-details .right {
        width: 100%;
        display: block
    }

    .profile-details .username {
        display: block;
        width: 100%;
        margin-top: 10px
    }

    .profile-tabs {
        margin-bottom: 30px
    }

    .col-bn-mb {
        display: block;
    }

    .bn-header-mb {
        display: block;
    }

    .col-bn-ds {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile-nav-search .search-form {
        width: 100%;
        position: fixed;
        right: 0;
        left: 0;
        top: 60px;
        padding: 5px;
        border-top: 2px solid #ebebeb
    }

    .search-form button {
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        font-size: 16px;
        height: 38px;
        line-height: 10px;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 5px;
        width: 38px
    }

    .section {
        margin-bottom: 10px
    }

    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        max-width: 100%
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 22px;
        padding: 7px 15px 7px 25px
    }

    .profile-dropdown .dropdown-menu {
        top: 0 !important
    }

    .profile-dropdown .dropdown-menu > li > a > i {
        margin-right: 5px
    }

    .page-breadcrumb {
        height: 30px;
        min-height: 30px
    }

    #featured .featured-left .caption {
        padding: 10px
    }

    .featured-slider .featured-slider-item .category-label {
        left: 10px;
        top: 10px
    }

    .featured-slider .featured-slider-item .caption {
        left: 0 !important
    }

    #featured .featured-left .title {
        font-size: 20px;
        line-height: 26px
    }

    .featured-box .caption {
        padding: 10px
    }

    .featured-box .category-label {
        left: 10px;
        top: 10px
    }

    .featured-box .caption .title {
        font-size: 14px;
        line-height: 22px;
        margin: 0
    }

    .page-breadcrumb {
        display: none
    }

    #content {
        padding-bottom: 30px
    }

    .col-post-item {
        width: 100%
    }

    .post-item .title {
        font-size: 20px;
        line-height: 26px
    }

    .post-item-horizontal .title {
        font-size: 18px;
        line-height: 24px
    }

    .post-item-horizontal .description {
        font-size: 13px;
        line-height: 20px
    }

    .post-item .post-image {
        display: block;
        width: 100%
    }

    .post-item-small .title {
        font-size: 14px;
        line-height: 21px
    }

    .featured-video li .title {
        font-size: 18px;
        line-height: 24px
    }

    .sidebar-widget .recommended-posts .recommended-posts-first .title {
        font-size: 18px;
        line-height: 24px
    }

    .post-item .description {
        font-size: 13px;
        line-height: 20px
    }

    .video-image {
        display: block;
        width: 100% !important;
        position: relative !important
    }

    .video-image img {
        display: block;
        width: 100% !important;
        position: relative !important
    }

    .video-image .video-bg {
        display: none
    }

    .post-item-horizontal .item-image {
        width: 100%
    }

    .post-item-horizontal .item-image img {
        display: block;
        width: 100%
    }

    .post-item-horizontal .item-content {
        width: 100%
    }

    .poll .title {
        font-size: 14px;
        line-height: 21px
    }

    .post-share .share-box .share-li-lg {
        display: none
    }

    .post-share .share-box .share-li-sm {
        display: inline-block
    }

    .post-content {
        padding-top: 10px
    }

    .post-content .title {
        font-size: 28px;
        line-height: 34px;
        margin-top: 10px
    }

    .page-title {
        font-size: 25px;
        line-height: 28px;
        margin-top: 15px;
        margin-bottom: 20px
    }

    .page-content img {
        display: block;
        height: auto !important;
        max-width: 100% !important;
        position: relative
    }

    .post-content .post-text img {
        display: block;
        height: auto !important;
        max-width: 100% !important;
        position: relative
    }

    .post-share .share-box .social-btn-sm {
        height: 38px;
        line-height: 38px;
        width: 38px
    }

    .title-post-item {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .post-content .post-text {
        font-size: 15px;
        line-height: 25px
    }

    .post-share-bottom {
        padding: 15px 0 15px
    }

    .post-content .post-share {
        margin-bottom: 15px
    }

    .post-next-prev {
        margin-bottom: 30px
    }

    .post-next-prev .left {
        border: 0
    }

    .post-next-prev .right {
        margin-top: 15px
    }

    .post-next-prev p, .post-next-prev .title {
        text-align: center
    }

    .contact-leave-message {
        font-size: 16px
    }

    .contact-right {
        margin-top: 30px
    }

    .captcha-cnt {
        margin-bottom: 10px
    }

    .cap-register-cnt {
        margin-bottom: 0
    }

    .contact-social ul li {
        margin-right: 5px;
        margin-bottom: 5px
    }

    .contact-social ul li a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        width: 40px
    }

    .full-with-map {
        margin-top: 30px;
        height: 350px
    }

    .auth-modal .modal-header .modal-title {
        font-size: 22px
    }

    .link-forget {
        font-size: 13px
    }

    .p-auth-modal {
        display: none
    }

    .btn-login-facebook .icon {
        width: 35px
    }

    .btn-login-google .icon {
        width: 35px
    }

    .btn-login-ext .icon {
        margin-right: 0;
        width: 35px;
        font-size: 15px;
        padding-left: 5px
    }

    .auth-box .has-feedback {
        margin-bottom: 10px
    }

    .p-auth-modal-or {
        margin-bottom: 15px;
        margin-top: 10px
    }

    .btn-login-ext {
        font-size: 12px;
        line-height: 34px
    }

    .login-box-cnt {
        float: left;
        width: 100% !important;
        max-width: 100% !important
    }

    .login-box {
        padding: 30px 20px;
        width: 100% !important
    }

    .col-update-profile {
        padding: 0
    }

    .auth-title {
        font-size: 22px;
        line-height: 26px
    }

    .login-box .box-footer {
        padding: 15px 0
    }

    .news-ticker-cnt .right {
        display: block;
        width: 100%;
        float: left;
        margin-top: 5px
    }

    .news-ticker ul {
        height: auto;
        padding: 0
    }

    .news-ticker ul li {
        height: auto
    }

    .sub-block-tabs {
        display: none
    }

    .sub-block-tabs-mobile {
        display: block
    }

    .newsletter input {
        width: 100%
    }

    .filters .btn {
        font-size: 13px;
        margin: 5px;
        padding: 6px
    }

    .page-content {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 60px
    }

    .about-author-left {
        display: block;
        text-align: center
    }

    .about-author-right {
        display: block;
        margin-top: 15px
    }

    .rss-title {
        font-size: 16px
    }

    .rss-item .left {
        display: block;
        width: 100%
    }

    .rss-item .right {
        display: block;
        width: 100%
    }

    #footer {
        padding-top: 30px
    }

    .nav-footer {
        padding-bottom: 40px
    }

    .footer-bottom-left {
        display: block;
        text-align: center;
        width: 100%
    }

    .footer-bottom-right {
        display: block;
        text-align: center;
        width: 100%
    }

    .li-whatsapp {
        display: inline-block !important
    }

    .cookies-warning {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100%;
        max-width: 100%;
    }

    .widget-follow li a i {
        width: 45px;
        padding-left: 15px
    }

    .reactions .col-reaction {
        margin-right: 3.8px;
        width: 20.2%
    }

    .recaptcha-cnt {
        min-height: 80px;
        margin-bottom: 10px;
        text-align: center;
        float: left;
        display: block;
        width: 100%;
        max-width: 100%
    }

    .g-recaptcha {
        -webkit-transform: scale(0.82);
        -moz-transform: scale(0.82);
        -ms-transform: scale(0.82);
        -o-transform: scale(0.82);
        transform: scale(0.82);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .comment-section .nav-tabs > li > a {
        padding: 0 10px;
        font-size: 13px
    }

    .comment-section .comment-meta .btn-reply {
        margin-left: 5px
    }

    .btn-delete-comment {
        margin-left: 5px
    }

    .post-details-meta-date {
        max-width: 200px;
    }

    .post-details-meta-date span {
        display: block !important;
        width: 100% !important;
    }

    .pagination li {
        display: inline-block;
    }

    .pagination li a {
        margin: 0 1px;
        height: 32px;
        min-width: 32px;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 4px 10px !important;
    }

    #featured .slider-container {
        height: 540px;
    }

    .featured-slider .featured-slider-item {
        height: 540px;
    }

    .table-of-contents {
        padding: 15px;
    }

    .table-of-contents ul li a {
        line-height: 24px;
    }
}

@media (max-width: 576px) {
    .post-content .post-meta .sp-left {
        margin-right: 5px
    }

    .post-share .share-box li {
        margin-right: 5px;
        margin-bottom: 0
    }

    .news-ticker ul li {
        width: 300px
    }

    .aplayer .aplayer-pic {
        height: 80px !important;
        width: 80px !important
    }

    .aplayer .aplayer-info {
        height: 80px !important;
        margin-left: 80px !important;
        padding: 5px !important
    }

    #featured .slider-container {
        height: 440px;
    }

    .featured-slider .featured-slider-item {
        height: 440px;
    }
}

@media (max-width: 480px) {
    .featured-box .caption .post-meta {
        display: none
    }

    #content {
        padding-top: 15px
    }

    .news-ticker-cnt {
        margin: 15px 0
    }

    .page-gallery {
        padding-top: 15px
    }

    .news-ticker ul li {
        width: 240px
    }

    .featured-box .caption .title {
        font-size: 14px;
        line-height: 18px;
        margin: 0;
        font-weight: 400
    }

    .post-item-video-big .caption {
        padding: 0 10px 10px
    }

    .post-item-video-big .title {
        font-size: 18px;
        line-height: 24px;
        margin: 0
    }

    .comment-section .comments .comment-list li .right .sub-comment-form {
        padding: 0
    }

    .sub-comment-form .g-recaptcha {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .g-recaptcha {
        height: 60px;
        overflow: visible
    }

    #featured .slider-container {
        height: 360px;
    }

    .featured-slider .featured-slider-item {
        height: 360px;
    }
}

@media (max-width: 380px) {
    .auth-modal .modal-sm {
        width: 90% !important
    }

    .comment-section .comments .comment-list li .right .sub-comment-form {
        max-width: 225px !important;
        overflow: hidden
    }

    #featured .slider-container {
        height: 288px;
    }

    .featured-slider .featured-slider-item {
        height: 288px;
    }
}

@media (max-width: 321px) {
    .featured-box .caption .title {
        font-size: 12px;
        line-height: 15px;
        margin: 0
    }

    #featured .slider-container {
        height: 240px;
    }

    .featured-slider .featured-slider-item {
        height: 240px;
    }
}

@media (max-width: 300px) {
    .post-item-small {
        margin-bottom: 15px;
    }

    .post-item-small, .post-item-small .left, .post-item-small .right {
        display: block;
        float: left;
        padding: 0;
    }

    .post-item-small .title {
        margin-top: 5px;
    }
}

/*
*---------------------------------------------------
* Dark Mode
*---------------------------------------------------
*/

.dark-mode {
    background-color: #1c1c1c !important;
    color: #eee !important;
}

.dark-mode a, .dark-mode label, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode strong {
    color: #eee;
}

.dark-mode p {
    color: #cdcdcd;
}

.dark-mode iframe {
    border: 0 !important;
}

.dark-mode .form-group input, .dark-mode .form-group input:invalid, .dark-mode .form-group input:valid, .dark-mode textarea {
    background: #272727 !important;
    border: 1px solid #2D2D2D !important;
    color: #eee !important;
}

.dark-mode .dropdown-menu {
    background-color: #161616 !important;
    border: #000 !important;
}

.dark-mode .dropdown-menu > li > a {
    color: #eee !important;
}

.dark-mode .dropdown-menu > li > a:hover {
    background-color: #1c1c1c;
}

.dark-mode .dropdown-menu > li > a:focus, .dark-mode .dropdown-menu > li > a:hover {
    background-color: #1c1c1c !important;
}

.dark-mode .page-breadcrumb .breadcrumb .breadcrumb-item {
    color: #666;
}

.dark-mode .breadcrumb .breadcrumb-item a, .dark-mode .breadcrumb .breadcrumb-item span {
    color: #666;
}

.dark-mode .breadcrumb > li + li::before {
    color: #666;
}

.dark-mode .page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #999;
}

.dark-mode .pagination li a {
    background-color: #272727;
    border-color: #272727;
    color: #a0a0a0;
}

.dark-mode .btn-switch-mode-mobile {
    background-color: #272727 !important;
    border: 1px solid #272727;
    color: #eee !important;
}

/*modals*/
.dark-mode .modal-content {
    background-color: #1c1c1c;
}

.dark-mode .auth-modal .modal-header .modal-title {
    color: #fbfbfb;
}

.dark-mode .custom-checkbox .checkbox-icon {
    border: 1px solid #373737;
    background-color: #373737;
}

.dark-mode .p-auth-modal-or {
    color: #a0a0a0;
}

.dark-mode .auth-modal .modal-header .close {
    color: #fbfbfb;
}

.dark-mode .add-post-modal .item {
    background-color: #272727;
}

.dark-mode .add-post-modal .item:hover {
    background-color: #1c1c1c;

}

.dark-mode .add-post-modal .item:hover .item-icon {
    background-color: #161616;
}

.dark-mode .add-post-modal .item .title {
    color: #eee !important;
}

.dark-mode .add-post-modal .item-icon {
    background-color: #1c1c1c;
}

.dark-mode .add-post-modal .item-icon i {
    color: #dbdbdb !important;
}

.dark-mode .add-post-modal .item .desc {
    color: #a0a0a0;
}

.dark-mode .add-post-modal .close {
    color: #fbfbfb;
}

.dark-mode .link-forget {
    color: #eee !important;
}

.dark-mode .p-auth-modal {
    color: #a0a0a0;
}

/*menu*/
.dark-mode .top-bar .top-menu .dropdown li a:hover {
    background-color: #1c1c1c;
}

.dark-mode .profile-dropdown .dropdown-menu li:last-child {
    border-top: 1px solid #161616 !important;
}

.dark-mode .top-bar .top-menu .dropdown li a i {
    color: #eee;
}

.dark-mode .main-menu {
    background-color: #161616;
    border-top: 1px solid #161616;
}

.dark-mode .navbar-default .navbar-nav > li > a {
    color: #fbfbfb !important;
}

.dark-mode .navbar-default .navbar-nav > .active > a, .dark-mode .navbar-default .navbar-nav > .active > a:focus, .dark-mode .navbar-default .navbar-nav > .active > a:hover {
    background-color: #161616;
}

.dark-mode .navbar-default .sub-menu-left {
    background-color: #161616;
}

.dark-mode .megamenu .dropdown.megamenu-fw .dropdown-menu {
    top: 50px;
}

.dark-mode .navbar-default .sub-menu-left .nav-sub-categories li a {
    background: #161616;
    border-bottom: 1px solid #161616;
    color: #eee !important;
}

.dark-mode .navbar-default .sub-menu-left .nav-sub-categories li a:hover {
    background-color: #1c1c1c;
}

.dark-mode .navbar-default .sub-menu-left .nav-sub-categories .active a {
    background-color: #1c1c1c;
}

.dark-mode .navbar-default .sub-menu-right {
    background-color: #1c1c1c;
}

.dark-mode .dropdown-more > li {
    border-bottom: 1px solid #1c1c1c;
}

.dark-mode .dropdown-more > li > ul > li {
    border-bottom: 1px solid #1c1c1c;
}

.dark-mode .search-form {
    background-color: #161616;
}

.dark-mode .search-form .form-input {
    color: #eee;
    background-color: #1c1c1c;
}

.dark-mode .section .nav-tabs > li.active > a, .dark-mode .section .nav-tabs > li.active > a:focus, .dark-mode .section .nav-tabs > li.active > a:hover {
    background-color: transparent !important;
    color: #fbfbfb;
}

.dark-mode .section .nav-tabs > li > a:focus, .dark-mode .section .nav-tabs > li > a:hover, .dark-mode .section .nav-tabs > li > a:active {
    background-color: transparent !important;
    color: #fbfbfb;
}

/*index page*/
.dark-mode .bnt-news-ticker {
    border: 1px solid #373737;
    color: #eee;
}

.dark-mode .section .nav-tabs > li > a {
    color: #a0a0a0;
}

.dark-mode .btn-load-more {
    background-color: #272727;
    border-color: #272727;
    color: #a0a0a0;
}

/*sidebar*/
.dark-mode .widget-popular-posts .nav-tabs {
    border-bottom: 1px solid #373737;
}

.dark-mode .widget-popular-posts .nav-tabs .active {
    border-bottom: 2px solid #555;
}

.dark-mode .widget-popular-posts .nav-tabs li a {
    color: #a0a0a0;
}

.dark-mode .widget-popular-posts .nav-tabs .active a {
    color: #fbfbfb !important;
}

.dark-mode .widget-popular-posts .tab-content .loader-popular-posts .spinner > div {
    background-color: #bcbcbc;
}

.dark-mode .small-post-meta span, .dark-mode .small-post-meta a {
    color: #a0a0a0;
}

.dark-mode .post-item .description {
    color: #a0a0a0;
}

.dark-mode .sidebar-widget .tag-list li a {
    background-color: #272727;
    color: #a0a0a0;
}

.dark-mode .custom-radio .checkbox-icon {
    border: 1px solid #373737;
}

.dark-mode .poll {
    border-bottom: 1px solid #373737;
}

.dark-mode .poll .result .progress {
    background-color: #373737;
    color: #fbfbfb;
}

/*image backgound*/
.dark-mode .post-item-image {
    background-color: #191919;
}

.dark-mode .featured-slider .featured-slider-item {
    background-color: #191919;
}

.dark-mode #featured .featured-box .box-inner {
    background-color: #191919;
}

.dark-mode .post-item-small .left {
    background-color: #191919;
}

/*pages*/
.dark-mode .page-content {
    color: #cdcdcd;
}

.dark-mode .page-contact {
    color: #cdcdcd;
}

.dark-mode .contact-item .contact-icon {
    color: #a0a0a0;
}

.dark-mode .contact-info {
    color: #eee;
}

.dark-mode .contact-social ul li a {
    border: 1px solid #373737;
    color: #a0a0a0;
}

.dark-mode .login-box {
    background-color: #1c1c1c;
    border-color: #272727;
}

.dark-mode .auth-title {
    color: #fbfbfb;
}

/*profile*/
.dark-mode .last-seen {
    color: #a0a0a0;
}

.dark-mode .profile-details .description {
    color: #cdcdcd;
}

.dark-mode .profile-details .user-contact .info {
    color: #a0a0a0;
    border-right: 1px solid #373737;
}

.dark-mode .profile-buttons ul li a {
    color: #eee;
    background-color: #373737;
}

.dark-mode .widget-followers .widget-head {
    border-bottom: 1px solid #373737;
}

.dark-mode .profile-tabs .nav .nav-item .nav-link {
    color: #eee;
}

.dark-mode .profile-tabs .nav .active .nav-link {
    background-color: #272727;
}

.dark-mode .profile-tabs .nav .nav-link:hover, .dark-mode .profile-tabs .nav .nav-link:focus {
    background-color: #272727;
}

/*post*/
.dark-mode .post-content .title {
    color: #fbfbfb;
}

.dark-mode .title-post-item {
    color: #fbfbfb;
}

.dark-mode .post-content .post-text {
    color: #cdcdcd;
}

.dark-mode .post-content .img-description {
    color: #a0a0a0;
}

.dark-mode .post-content .post-meta span a {
    color: #a0a0a0 !important;
}

.dark-mode .post-content .post-tags .tag-list li a {
    border: 2px solid #373737;
    color: #a0a0a0;
}

.dark-mode .post-next-prev {
    border-top: 1px solid #373737;
}

.dark-mode .post-next-prev .left {
    border-right: 1px solid #373737;
}

.dark-mode .emoji-reactions .reaction .text {
    color: #ebebeb !important;
}

.dark-mode .emoji-reactions .reaction.disabled:hover {
    border-bottom: 1px solid #1a1a1a;
}

.dark-mode .disable-voting {
    background-color: #272727 !important;
}

.dark-mode .disable-voting span {
    color: #eee !important;
}

.dark-mode .about-author {
    border-top: 1px solid #373737;
    border-bottom: 1px solid #373737;
}

.dark-mode .about-author-row {
    color: #cdcdcd !important;
}

.dark-mode .comment-section .comments .comment-list li .right .username {
    color: #eee !important;
}

.dark-mode .comment-section .comments .comment-list li .right .comment {
    color: #cdcdcd !important;
}

.dark-mode .comment-section .comment-meta a {
    color: #a0a0a0 !important;
}

.dark-mode .comment-section .comment-meta a:hover {
    color: #eee !important;
}

.dark-mode .comment-section .comment-meta .btn-delete-comment {
    color: #d43f3a !important;
}

.dark-mode .comment-section .comment-meta .btn-delete-comment:hover {
    color: #d43f3a !important;
}

.dark-mode div#amplitude-player {
    background: transparent !important;
}

.dark-mode div#amplitude-left div#player-left-bottom {
    background-color: #272727 !important;
}

.dark-mode div#amplitude-left div#player-left-bottom div#meta-container span.song-name {
    color: #607D8B !important;
}

.dark-mode div#amplitude-right {
    border-top: 2px solid #373737 !important;
}

.dark-mode #amplitude-right .list-row {
    border-bottom: 1px solid #373737 !important;
}

.dark-mode div#amplitude-right div.song div.song-meta-data span.song-title {
    color: #eee !important;
}

.dark-mode .quiz-container .quiz-question {
    border-bottom: 1px solid #373737;
}

.dark-mode .quiz-container .question-answers .answer-format-image .answer {
    background-color: #272727;
    border: 1px solid #272727;
}

.dark-mode .quiz-container .question-answers .answer-format-image .answer:hover {
    background-color: #161616;
    border: 1px solid #161616;
}

.dark-mode .quiz-container .answer-format-text .answer .answer-text {
    color: #eee;
}

.dark-mode .quiz-container .question-answers .answer-format-image .answer-bottom .answer-text {
    color: #eee;
}

.dark-mode .quiz-container .question-answers .answer-format-image .answer-bottom .quiz-answer-icon {
    color: #a0a0a0;
}

.dark-mode .quiz-container .answer-format-text .quiz-answer-icon {
    color: #a0a0a0;
}

.dark-mode .quiz-container .answer-format-text .answer {
    border: 1px solid #2D2D2D;
}

.dark-mode .quiz-container .answer-format-text .answer:hover {
    border-color: #4B4B4B;
}

.dark-mode .label-reaction {
    color: #eee;
}

/*footer*/
.dark-mode #footer {
    background-color: #161616;
    color: #eee;
}

.dark-mode .f-random-list li .title a {
    color: #eee;
}

.dark-mode .f-widget-follow ul li a {
    color: #eee !important;
    background-color: #272727;
}

.dark-mode .nav-footer li a {
    color: #eee;
}

.dark-mode .footer-bottom {
    border-top: 1px solid #272727;
}

.dark-mode .cookies-warning {
    background-color: #272727;
    border: 1px solid #272727;
}

.dark-mode .cookies-warning .text {
    color: #eee;
}

.dark-mode .cookies-warning .icon-cl {
    color: #fbfbfb !important;
}

.dark-mode div:where(.swal2-container) div:where(.swal2-popup) {
    background-color: #1c1c1c !important;
    color: #eee;
}

.dark-mode .swal2-cancel {
    color: #eee !important;
    background-color: #272727 !important;
}

.dark-mode .modal-newsletter .content input[type="email"] {
    background: #272727 !important;
    border: 1px solid #2D2D2D !important;
    color: #eee !important;
}

.dark-mode .top-bar .top-menu li span {
    color: #eee !important;
}

.dark-mode .table > thead > tr > th {
    border-bottom: 2px solid #373737;
}

/*mobile*/
.dark-mode .nav-mobile-header {
    background-color: #1c1c1c;
    border-bottom: 1px solid #161616;
}

.dark-mode .nav-mobile-header-container .mobile-search .search-icon {
    color: #eee !important;
}

.dark-mode .nav-mobile-header-container .menu-icon a {
    color: #eee !important;
}

.dark-mode .mobile-nav-search .search-form {
    border-top: 0 !important;
}

.dark-mode .nav-mobile {
    background-color: #1c1c1c;
}

.dark-mode .nav-mobile .navbar-nav .nav-item .nav-link {
    color: #eee;
}

.dark-mode .nav-mobile .navbar-nav .nav-item .nav-link i {
    color: #eee;
}

.dark-mode .nav-mobile .nav-mobile-footer {
    background-color: #272727;
    border-top: 1px solid #161616;
}

.dark-mode .nav-mobile .profile-dropdown .image-profile-drop {
    color: #eee !important;
}

.dark-mode .nav-mobile .profile-dropdown .dropdown-menu > li > a {
    color: #eee !important;
}

.dark-mode .btn-resend-email {
    background-color: #272727;
    color: #eee !important;
}

.dark-mode .quiz-container .question-answers .answer-format-text .progress .progress-bar {
    background-color: #2C2C2C !important;
}

.dark-mode .post-content .post-text table tr:nth-child(2n) {
    background-color: transparent !important;
}

.dark-mode .table-of-contents {
    border: 1px solid #242424;
}

.dark-mode .recipe-sum-table .item {
    background-color: #272727;
    color: #fdfdfd;
    border-color: #272727;
}

.dark-mode .recipe-sum-table .item .icon-text span {
    color: #cdcdcd;
}

.dark-mode .vr-scrollbar {
    scrollbar-color: #323232 #000;
}

.dark-mode .vr-scrollbar::-webkit-scrollbar-track {
    background: #000;
}

.dark-mode .vr-scrollbar::-webkit-scrollbar-thumb {
    background: #323232;
}

.dark-mode .vr-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #323232;
}

/*
*---------------------------------------------------
* RTL Mode
*---------------------------------------------------
*/

.rtl-mode {
    direction: rtl !important;
    unicode-bidi: embed !important;
    text-align: right !important;
}

@media (min-width: 991px) {
    .rtl-mode .col-xs-1, .rtl-mode .col-xs-10, .rtl-mode .col-xs-11, .rtl-mode .col-xs-12, .rtl-mode .col-xs-2, .rtl-mode .col-xs-3, .rtl-mode .col-xs-4, .rtl-mode .col-xs-5, .rtl-mode .col-xs-6, .rtl-mode .col-xs-7, .rtl-mode .col-xs-8, .rtl-mode .col-xs-9 {
        float: right;
    }

    .rtl-mode .col-sm-1, .rtl-mode .col-sm-10, .rtl-mode .col-sm-11, .rtl-mode .col-sm-12, .rtl-mode .col-sm-2, .rtl-mode .col-sm-3, .rtl-mode .col-sm-4, .rtl-mode .col-sm-5, .rtl-mode .col-sm-6, .rtl-mode .col-sm-7, .rtl-mode .col-sm-8, .rtl-mode .col-sm-9 {
        float: right;
    }
}

.rtl-mode .top-bar .top-menu-left {
    float: right;
}

.rtl-mode .top-bar .top-menu-right {
    float: left;
    text-align: left;
}

.rtl-mode .top-bar .top-menu-right li {
    float: right;
}

.rtl-mode .top-menu .profile-dropdown img {
    margin-right: 0;
    margin-left: 5px;
}

.rtl-mode .top-bar .top-menu .dropdown li a {
    text-align: right;
}

.rtl-mode .top-bar .top-menu .dropdown li a svg {
    margin-right: 0;
    margin-left: 2px;
}

.rtl-mode .logo-banner .left {
    float: right;
}

.rtl-mode .logo-banner .right {
    float: left;
}

.rtl-mode .main-menu .navbar-nav {
    float: right !important;
    padding-right: 0;
}

.rtl-mode .main-menu .navbar-nav > li {
    float: right !important;
}

.rtl-mode .main-menu .navbar-nav .li-search {
    float: left !important;
}

.rtl-mode .main-menu .navbar-right {
    float: left !important;
}

.rtl-mode .search-form {
    right: auto;
    left: 0;
}

.rtl-mode #featured .featured-left {
    float: right;
    margin-right: 0;
    padding-right: 0;
    padding-left: 1px;
}

.rtl-mode #featured .featured-left .caption {
    left: auto !important;
    right: 0;
}

.rtl-mode #featured .featured-right {
    right: auto !important;
    left: 0;
    padding-left: 0;
    padding-right: 1px;
}

.rtl-mode #featured .box-1 {
    padding-right: 0;
    padding-left: 1px;
}

.rtl-mode #featured .box-2 {
    padding-right: 1px;
    padding-left: 0;
}

.rtl-mode #featured .box-3 {
    padding-right: 0;
    padding-left: 1px;
}

.rtl-mode #featured .box-4 {
    padding-right: 1px;
    padding-left: 0;
}

.rtl-mode .post-meta {
    float: right;
    text-align: right;
}

.rtl-mode .post-meta span, .rtl-mode .post-meta a {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .post-meta span i {
    margin-right: 0;
    margin-left: 5px;
}

.rtl-mode .featured-box .category-label {
    left: auto;
    right: 20px;
}

.rtl-mode .featured-slider .featured-slider-item .category-label {
    left: auto;
    right: 20px;
}

.rtl-mode .news-ticker-cnt .left {
    float: right;
}

.rtl-mode .news-ticker-btn-cnt {
    position: absolute;
    right: auto;
    left: 15px;
    direction: ltr !important;
}

.rtl-mode .news-ticker-btn-cnt a {
    direction: ltr !important;
}

.rtl-mode .navbar-default .menu-post-item {
    float: right;
}

.rtl-mode .navbar-default .sub-menu-left .nav-sub-categories li a {
    text-align: right;
}

.rtl-mode .navbar-default .menu-post-item .title a {
    text-align: right;
}

.rtl-mode .dropdown-more > li > a {
    text-align: right;
    padding: 10px 20px 10px 30px;
}

.rtl-mode .dropdown-more {
    float: right !important;
    left: auto !important;
    right: auto !important;
}

.rtl-mode .dropdown-more > li > a > span {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rtl-mode .dropdown-more > li > ul {
    right: 100%;
    left: auto !important;
}

.rtl-mode .dropdown-more > li > ul > li > a {
    text-align: right;
}

.rtl-mode .nav-mobile {
    left: auto !important;
    right: 0 !important;
}

.rtl-mode .mobile-nav-buttons .btn-mobile-nav {
    text-align: center;
}

.rtl-mode .mobile-nav-buttons .btn-mobile-nav i {
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .nav-mobile .navbar-nav .nav-item .nav-link {
    text-align: right;
}

.rtl-mode .nav-mobile .navbar-nav .nav-item .nav-link i {
    float: left;
}

.rtl-mode .mobile-language-options {
    text-align: right;
}

.rtl-mode .mobile-language-options li {
    margin-right: 0;
    margin-left: 6px;
}

.rtl-mode .nav-mobile .profile-dropdown {
    float: right;
    text-align: right;
}

.rtl-mode .nav-mobile .profile-dropdown .image-profile-drop img {
    margin-right: 0;
    margin-left: 10px;
}

.rtl-mode .nav-mobile .profile-dropdown .dropdown-menu {
    float: right;
    right: 30px;
    left: auto;
}

.rtl-mode .nav-mobile .profile-dropdown .dropdown-menu > li {
    text-align: right;
}

.rtl-mode .btn-social {
    text-align: center;
}

.rtl-mode .btn-social i {
    border: 0 !important;
}

.rtl-mode #content {
    float: right;
}

.rtl-mode #sidebar {
    float: right;
}

.rtl-mode .post-item-small .right {
    padding-left: 0;
    padding-right: 15px;
}

.rtl-mode .small-post-meta {
    text-align: right;
}

.rtl-mode .small-post-meta a, .rtl-mode .small-post-meta span {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .small-post-meta span i {
    margin-right: 0;
    margin-left: 5px;
}

.rtl-mode .label-poll-option {
    margin-left: 0;
    margin-right: 5px;
}

.rtl-mode .poll .button-cnt button {
    margin-right: 0;
    margin-left: 15px;
}

.rtl-mode .sidebar-widget .tag-list li {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .sidebar-widget .tag-list li a {
    text-align: right;
}

.rtl-mode .section .section-head .title {
    float: right;
    text-align: right;
}

.rtl-mode .section .section-head .sub-block-tabs {
    float: left !important;
}

.rtl-mode .section .nav-tabs > li {
    margin-left: 0;
    margin-right: 15px;
    float: right;
}

.rtl-mode .section .nav-tabs > li > a {
    text-align: right;
}

.rtl-mode .post-item-video-big .caption {
    left: auto;
    right: 0;
}

.rtl-mode .post-item-video-big .title {
    text-align: right;
}

.rtl-mode .a-view-all {
    float: left;
}

.rtl-mode .a-view-all i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rtl-mode .post-item-horizontal .category-label {
    left: auto;
    right: 23px;
}

.rtl-mode .f-random-list li .list-right {
    padding-left: 0;
    padding-right: 15px;
}

.rtl-mode .newsletter input {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.rtl-mode .newsletter .newsletter-button {
    float: right;
}

.rtl-mode .footer-bottom-left {
    float: right;
    padding-left: 0;
    padding-right: 15px;
}

.rtl-mode .footer-bottom-right {
    float: left;
}

.rtl-mode .nav-footer li {
    float: left;
    margin-right: 0;
    margin-left: 15px;
}

.rtl-mode .post-content .post-meta .sp-left {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.rtl-mode .post-content .post-meta .sp-right {
    float: left;
    margin-left: 0;
    margin-right: 15px;
}

.rtl-mode .post-share .share-box li {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .post-share .share-box li .social-btn-lg i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl-mode .post-content .tags-title {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.rtl-mode .post-content .post-tags .tag-list {
    float: right;
}

.rtl-mode .post-content .post-tags .tag-list li {
    float: right;
    margin-right: 0;
    margin-left: 7px;
}

.rtl-mode .post-share .share-left {
    padding-right: 0;
    padding-left: 30px;
}

.rtl-mode .post-next-prev .left {
    float: left !important;
    text-align: center;
}

.rtl-mode .post-next-prev .right {
    text-align: center;
}

.rtl-mode .post-next-prev .left p span i {
    margin-right: 0;
    margin-left: 8px;
}

.rtl-mode .post-next-prev .right p span i {
    margin-left: 0;
    margin-right: 8px;
}

.rtl-mode .about-author-right .author-link {
    float: right;
}

.rtl-mode .about-author-row {
    float: right;
    text-align: right;
}

.rtl-mode .about-author-right .author-social li {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.rtl-mode .comment-lists li img {
    float: right;
}

.rtl-mode .post-item .category-label {
    left: auto !important;
    right: 8px;
}

.rtl-mode .pagination {
    float: right;
    padding-right: 0;
}

.rtl-mode .pagination > li {
    float: right;
}

.rtl-mode .captcha-refresh {
    margin-right: 0;
    margin-left: 20px;
}

.rtl-mode .random-slider .owl-nav {
    right: auto !important;
    left: 15px;
}

.rtl-mode .post-detail-slider .owl-nav {
    right: auto !important;
    left: 15px;
}

.rtl-mode .login-box-cnt {
    float: none !important;
}

.rtl-mode .btn-login-google .icon {
    float: right;
    margin-right: 0 !important;
    margin-left: 15px;
}

.rtl-mode .btn-login-ext {
    text-align: right;
}

.rtl-mode .btn-login-facebook .icon {
    float: right;
    margin-right: 0 !important;
    margin-left: 15px;
}

.rtl-mode .btn-login-pg {
    float: left !important;
}

.rtl-mode .login-box .remember-cnt {
    text-align: right !important;
}

.rtl-mode .auth-modal .modal-dialog {
    text-align: right !important;
}

.rtl-mode .error-message {
    margin-right: 20px;
    margin-left: 0 !important;
}

.rtl-mode .error-message p {
    text-align: right !important;
}

.rtl-mode .btn-reset-pass {
    float: left !important;
}

.rtl-mode .post-content .img-description {
    text-align: right;
}

.rtl-mode .widget-follow li {
    float: right;
    margin-right: 0;
    margin-left: 2%;
}

.rtl-mode .widget-follow li:nth-child(even) {
    margin-left: 0 !important;
}

.rtl-mode .widget-follow li a i {
    display: inline-block;
    padding-left: 0;
    padding-right: 15px;
    float: right;
    text-align: right;
}

.rtl-mode .widget-follow li a span {
    float: right;
}

.rtl-mode .widget-popular-posts .nav-tabs {
    padding: 0;
}

.rtl-mode .widget-popular-posts .nav-tabs li {
    float: right;
}

.rtl-mode .profile-details .left {
    text-align: right;
    width: 200px;
    padding-right: 0;
    padding-left: 30px;
}

.rtl-mode .profile-details .right {
    text-align: right !important;
}

.rtl-mode .profile-details .username {
    float: right;
}

.rtl-mode .profile-details .p-last-seen {
    text-align: right;
}

.rtl-mode .profile-details .description {
    text-align: right;
}

.rtl-mode .profile-details .user-contact .info {
    margin-right: 0;
    margin-left: 15px;
}

.rtl-mode .profile-buttons {
    text-align: right;
}

.rtl-mode .profile-buttons ul {
    float: right;
}

.rtl-mode .profile-buttons .btn-follow {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.rtl-mode .btn-follow i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl-mode .profile-tabs .nav {
    padding-right: 0;
}

.rtl-mode .profile-tabs .nav .nav-item {
    text-align: right;
}

.rtl-mode .custom-checkbox + label::before {
    margin-right: 0;
    margin-left: 5px;
}

.rtl-mode .newsletter .newsletter-button {
    border-radius: 3px 0 0 3px;
}

.rtl-mode .top-bar .top-menu .dropdown li a i {
    text-align: right;
}

.rtl-mode .featured-slider-nav .prev {
    text-align: center;
}

.rtl-mode .btn-edit-post {
    float: left !important;
}

.rtl-mode .post-item-horizontal .item-image {
    float: right !important;
}

.rtl-mode .post-item-horizontal .item-content {
    float: left !important;
}

.rtl-mode .post-item-horizontal .description {
    float: right !important;
}

.rtl-mode .post-item .description {
    float: right !important;
}

.rtl-mode .comment-section .nav-tabs {
    padding-right: 0;
}

.rtl-mode .section .nav-tabs > li {
    margin-left: 15px;
    margin-right: 0;
}

.rtl-mode .comment-section .comments .label-comment {
    float: right;
}

.rtl-mode .comment-section .comments .comment-list li .left {
    text-align: right !important;
}

.rtl-mode .comment-section .comments .comment-list li .right .username {
    float: right;
}

.rtl-mode .comment-section .comments .comment-meta {
    direction: ltr !important;
}

.rtl-mode .table > thead > tr > th {
    text-align: right;
}

.rtl-mode .reactions .col-reaction {
    margin-left: 5.8px;
    margin-right: 0;
    float: right;
}

.rtl-mode .btn-switch-mode-mobile {
    float: right;
}

.rtl-mode .slider-nav {
    left: 5px !important;
    right: auto !important;
}

.rtl-mode .random-slider .slider-nav .prev {
    text-align: left;
    float: left;
}

.rtl-mode .slider-nav .next {
    float: right;
}

.rtl-mode .recipe-sum-table .item .icon {
    margin-right: 0;
    margin-left: 10px;
}

.rtl-mode .recipe-sum-table .item .icon-text {
    text-align: right;
}

.rtl-mode .modal-newsletter .btn-close {
    left: 12px;
    right: auto;
}

/*
Mobile
 */

@media (max-width: 991px) {
    .rtl-mode .mobile-nav-search .search-icon {
        right: auto;
        left: 60px !important;
    }

    .rtl-mode .mobile-nav-search .search-form {
        left: 0;
        right: 0;
        width: 100%;
    }

    .rtl-mode .mobile-menu-icon {
        right: auto !important;
        left: 15px !important;
    }

    .rtl-mode .p-close-menu {
        text-align: left !important;
    }

    .rtl-mode .mobile-dropdown-arrow {
        right: auto;
        left: -5px;
    }

    .rtl-mode .featured-box-1 {
        padding: 0 1px 1px 0 !important;
    }

    .rtl-mode .featured-box-2 {
        padding: 0 0 1px 1px !important;
    }

    .rtl-mode .featured-box-3 {
        padding: 1px 1px 0 0 !important;
    }

    .rtl-mode .featured-box-4 {
        padding: 1px 0 0 1px !important;
    }

    .rtl-mode #featured .featured-left .caption {
        left: auto !important;
        right: 0;
    }

    .rtl-mode .mobile-search .btn {
        right: auto;
        left: 0;
    }

    .rtl-mode .top-bar .top-menu li .selected {
        background-color: transparent !important;
    }

    .rtl-mode .sub-block-tabs-mobile {
        float: left !important;
    }

    .rtl-mode .btn-block-more {
        right: auto;
        left: 0;
    }

    .rtl-mode .sub-block-tabs-mobile .dropdown-menu.pull-right {
        right: auto;
        left: 0;
    }

    .rtl-mode .sub-block-tabs-mobile .dropdown-menu ul {
        padding: 0;
    }

    .rtl-mode .nav-footer li {
        float: none;
    }

    .rtl-mode .post-share .share-box li {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .rtl-mode .mobile-search .search-form button {
        right: auto !important;
        left: 10px;

    }

    .rtl-mode .profile-dropdown .dropdown-menu > li > a > i {
        margin-right: 0;
        margin-left: 5px;
    }
}

#toolbarContainer {
    display: none;
}

/*
*---------------------------------------------------
* Icons
*---------------------------------------------------
*/
@font-face {
    font-family: 'font-icon';
    font-weight: normal;
    font-style: normal;
    src: url('data:application/octet-stream;base64,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') format('woff2'),
    url('data:application/font-woff;base64,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') format('woff');
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'font-icon';
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-angle-down:before {
    content: '\e800';
}

.icon-angle-left:before {
    content: '\e801';
}

.icon-angle-right:before {
    content: '\e802';
}

.icon-angle-up:before {
    content: '\e803';
}

.icon-arrow-down:before {
    content: '\e804';
}

.icon-arrow-left:before {
    content: '\e805';
}

.icon-arrow-right:before {
    content: '\e806';
}

.icon-arrow-slider-left:before {
    content: '\e807';
}

.icon-arrow-slider-right:before {
    content: '\e808';
}

.icon-arrow-up:before {
    content: '\e809';
}

.icon-chart:before {
    content: '\e80a';
}

.icon-check-circle:before {
    content: '\e80b';
}

.icon-check:before {
    content: '\e80c';
}

.icon-circle-outline:before {
    content: '\e80d';
}

.icon-close-circle:before {
    content: '\e80e';
}

.icon-close:before {
    content: '\e80f';
}

.icon-coin-bag:before {
    content: '\e810';
}

.icon-circle:before {
    content: '\e811';
}

.icon-clock:before {
    content: '\e812';
}

.icon-comment:before {
    content: '\e813';
}

.icon-cross:before {
    content: '\e814';
}

.icon-dashboard:before {
    content: '\e815';
}

.icon-discord:before {
    content: '\e816';
}

.icon-dislike:before {
    content: '\e817';
}

.icon-download:before {
    content: '\e818';
}

.icon-edit:before {
    content: '\e819';
}

.icon-ellipsis-h:before {
    content: '\e81a';
}

.icon-envelope:before {
    content: '\e81b';
}

.icon-exclamation-circle:before {
    content: '\e81c';
}

.icon-facebook:before {
    content: '\e81d';
}

.icon-file:before {
    content: '\e81e';
}

.icon-folder:before {
    content: '\e81f';
}

.icon-globe:before {
    content: '\e820';
}

.icon-google:before {
    content: '\e821';
}

.icon-heart-o:before {
    content: '\e822';
}

.icon-heart:before {
    content: '\e823';
}

.icon-instagram:before {
    content: '\e824';
}

.icon-language:before {
    content: '\e825';
}

.icon-like:before {
    content: '\e826';
}

.icon-linkedin:before {
    content: '\e827';
}

.icon-login:before {
    content: '\e828';
}

.icon-logout-thin:before {
    content: '\e829';
}

.icon-logout:before {
    content: '\e82a';
}

.icon-long-arrow-right:before {
    content: '\e82b';
}

.icon-map-marker:before {
    content: '\e82c';
}

.icon-menu:before {
    content: '\e82d';
}

.icon-pinterest:before {
    content: '\e82e';
}

.icon-plus:before {
    content: '\e82f';
}

.icon-long-arrow-left:before {
    content: '\e830';
}

.icon-reply:before {
    content: '\e831';
}

.icon-refresh:before {
    content: '\e832';
}

.icon-eye:before {
    content: '\e833';
}

.icon-search:before {
    content: '\e834';
}

.icon-mail:before {
    content: '\e835';
}

.icon-phone:before {
    content: '\e836';
}

.icon-send:before {
    content: '\e837';
}

.icon-settings:before {
    content: '\e838';
}

.icon-star-o:before {
    content: '\e839';
}

.icon-star:before {
    content: '\e83a';
}

.icon-telegram:before {
    content: '\e83b';
}

.icon-tiktok:before {
    content: '\e83c';
}

.icon-times:before {
    content: '\e83d';
}

.icon-tumblr:before {
    content: '\e83e';
}

.icon-twitch:before {
    content: '\e83f';
}

.icon-twitter:before {
    content: '\e840';
}

.icon-user-line:before {
    content: '\e841';
}

.icon-user-minus:before {
    content: '\e842';
}

.icon-user-plus-o:before {
    content: '\e843';
}

.icon-user-plus:before {
    content: '\e844';
}

.icon-user:before {
    content: '\e845';
}

.icon-vk:before {
    content: '\e846';
}

.icon-whatsapp:before {
    content: '\e847';
}

.icon-youtube:before {
    content: '\e848';
}

.icon-rss:before {
    content: '\e849';
}

.icon-print:before {
    content: '\e84a';
}

.icon-trash:before {
    content: '\e84b';
}

/* ==========================================================================
   Bootstrap 5 Compatibility Layout Overrides (to match Classic Bootstrap 3)
   ========================================================================== */
.container {
    --bs-gutter-x: 30px !important;
}

.row {
    --bs-gutter-x: 30px !important;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px !important;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px !important;
    }
}
/* --- MODERN HORIZONTAL POST --- */
.post-item-modern {
    transition: all 0.3s ease;
    background: transparent;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 30px;
    margin-bottom: 30px !important;
}
.post-item-modern:last-child {
    border-bottom: none;
}
.badge-modern {
    top: 10px;
    left: 10px;
    padding: 3px 8px;
    font-size: 9.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    border-radius: 2px;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.modern-img-container {
    position: relative;
    border-radius: 0 !important;
}
.modern-img-container img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.4s ease;
    border-radius: 0 !important;
}
.post-item-modern:hover .modern-img-container img {
    transform: scale(1.05);
}
.modern-title {
    font-size: 19px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    transition: color 0.2s ease;
    color: #1e293b !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modern-title:hover {
    color: #ef4444 !important;
}

/* Force remove underlines from ALL post titles */
h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a,
.post-title a, .item-title a, .title a,
h1.title a:hover, h2.title a:hover, h3.title a:hover, h4.title a:hover, h5.title a:hover, h6.title a:hover,
.post-title a:hover, .item-title a:hover, .title a:hover {
    text-decoration: none !important;
}
.modern-post-meta {
    font-size: 12px;
    font-weight: 500;
}
.modern-post-meta i {
    color: #94a3b8;
    margin-right: 4px;
}
.modern-post-meta a {
    color: #ef4444;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
.modern-excerpt {
    font-size: 14.5px;
    line-height: 1.6;
    color: #334155 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-modern-outline {
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    border-radius: 2px;
    transition: all 0.3s ease;
    background: transparent;
}
.btn-modern-outline:hover {
    border-color: #1e293b;
    color: #1e293b;
    background: transparent;
}

@media (max-width: 768px) {
    .post-item-modern .item-image-wrapper {
        max-width: 100% !important;
        width: 100%;
    }
    .modern-img-container img {
        height: auto;
        min-height: 200px;
    }
    .modern-title {
        font-size: 20px;
    }
}

/* --- POPULAR POSTS REDESIGN --- */
ul.popular-posts {
    padding-left: 0 !important;
}
ul.popular-posts li {
    list-style: none !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}
.popular-hero-img-wrapper img {
    border-radius: 0 !important; 
}
.popular-hero-rank {
    font-size: 50px;
    font-weight: 800;
    font-style: italic;
    color: #cbd5e1;
    line-height: 1;
}
.popular-circle-rank {
    width: 45px;
    height: 45px;
    background-color: #e2e8f0;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    color: #0f172a;
}
.popular-list-content {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 15px;
}
.popular-post-container:last-child .popular-list-content {
    border-bottom: none;
    padding-bottom: 0;
}

/* --- TWEAKS FOR POPULAR POSTS --- */
.popular-hero-img-wrapper img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.popular-hover-title {
    transition: all 0.3s ease;
}
.popular-hover-title:hover {
    color: #ef4444 !important; /* Red hover */
    padding-left: 5px; /* Slide to right */
}

/* Share Dropdown Hover */
.share-links-popup a {
    font-size: 14px;
    padding: 2px;
    transition: transform 0.2s;
}
.share-links-popup a:hover {
    transform: scale(1.2);
}
.popular-share-hover:hover .share-links-popup {
    opacity: 1 !important;
    visibility: visible !important;
    bottom: 120% !important; /* slide up animation */
}
.share-trigger {
    transition: color 0.2s;
}
.popular-share-hover:hover .share-trigger {
    color: #ef4444;
}

/* --- MODERN HOVER EFFECTS FOR FEATURED NEWS GRID --- */
.featured-slider-item,
.featured-box {
    overflow: hidden !important;
}

.featured-slider-item img,
.featured-box .box-inner img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.featured-slider-item:hover img {
    transform: scale(1.08) !important;
}
.featured-box:hover .box-inner img {
    transform: translateX(-50%) scale(1.08) !important;
}

/* 2. Darker gradient on hover for better text readability */
.featured-box .box-inner .overlay {
    transition: background-color 0.4s ease !important;
}
.featured-box:hover .box-inner .overlay {
    background-color: rgba(0, 0, 0, 0.25) !important; 
}
  
/* Remove underline from section category tabs */  
.sub-block-tabs a, .sub-block-tabs-mobile a { text-decoration: none !important; } 
  
/* Cool Pagination */  
.custom-pagination-wrapper .pagination { display: inline-flex !important; gap: 8px; background: #ffffff; padding: 10px 15px; border-radius: 50px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.01); margin: 0; }  
.custom-pagination-wrapper .pagination li a, .custom-pagination-wrapper .pagination li span { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%% !important; border: none !important; background: transparent !important; color: #475569 !important; font-weight: 700; font-size: 15px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin: 0; padding: 0; }  
.custom-pagination-wrapper .pagination li a:hover { background: #f1f5f9 !important; color: #0f172a !important; transform: translateY(-3px); }  
  
/* Remove underline from section category tabs */  
.sub-block-tabs a, .sub-block-tabs-mobile a { text-decoration: none !important; } 
  
/* Cool Pagination */  
.custom-pagination-wrapper .pagination { display: inline-flex !important; gap: 8px; background: #ffffff; padding: 10px 15px; border-radius: 50px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.01); margin: 0; }  
.custom-pagination-wrapper .pagination li a, .custom-pagination-wrapper .pagination li span { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%% !important; border: none !important; background: transparent !important; color: #475569 !important; font-weight: 700; font-size: 15px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin: 0; padding: 0; }  
.custom-pagination-wrapper .pagination li a:hover { background: #f1f5f9 !important; color: #0f172a !important; transform: translateY(-3px); }  
.custom-pagination-wrapper .pagination li.active a, .custom-pagination-wrapper .pagination li.active span { background: linear-gradient(135deg, #3b82f6 0%%, #2563eb 100%%) !important; color: #ffffff !important; box-shadow: 0 6px 12px rgba(37,99,235,0.3); transform: translateY(-1px); } 
  
/* Remove underline from breadcrumbs */  
.breadcrumb a { text-decoration: none !important; } 
  
/* Fix text color for horizontal posts in dark mode */  
.dark-mode .post-item-modern .modern-title { color: #f8fafc !important; }  
.dark-mode .post-item-modern .modern-excerpt { color: #cbd5e1 !important; }  
.dark-mode .post-item-modern .modern-post-meta, .dark-mode .post-item-modern .modern-post-meta a, .dark-mode .post-item-modern .modern-post-meta span { color: #94a3b8 !important; } 

/* Dark mode newsticker overrides */
.dark-mode .news-ticker-full-width,
.dark-mode .news-ticker-full-width > div > div > div > div,
.dark-mode .bnt-news-ticker {
    background: transparent !important;
    border-color: transparent !important;
}
.dark-mode .news-ticker-full-width {
    border-bottom-color: transparent !important;
}
.dark-mode .news-ticker-btn-cnt {
    border-left-color: transparent !important;
}
.dark-mode .bnt-news-ticker {
    border-right-color: transparent !important;
}
.dark-mode ul.newsticker a {
    color: #f8fafc !important;
}
.dark-mode .bnt-news-ticker span {
    color: #f8fafc !important;
}

/* Responsive width for in-article related posts */
.in-article-related-posts {
    width: 100%;
}
@media (min-width: 768px) {
    .in-article-related-posts {
        width: 350px;
    }
}

/* Dark mode for in-article related posts */
.dark-mode .in-article-related-posts .related-heading-wrapper {
    border-bottom-color: #334155 !important;
}

.in-article-related-posts .related-heading-wrapper {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
}
.in-article-related-posts .related-heading-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: inherit;
}
.in-article-related-posts .related-heading-accent {
    color: #e50000;
}
.in-article-related-posts .related-heading-line {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #e50000;
}
.in-article-related-posts .related-thumb-box {
    width: 100px;
    height: 75px;
    overflow: hidden;
    border-radius: 4px;
}
.in-article-related-posts .related-thumb-box img {
    object-fit: cover;
}
.in-article-related-posts .related-item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: -2px;
}
.in-article-related-posts .in-article-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
}
.in-article-related-posts .related-post-meta {
    font-size: 11px;
}

/* Post Item Modern */
.post-item-modern .item-image-wrapper {
    width: 100%;
    max-width: 45%;
}

/* Popular Posts Layout & Share Popup */
.popular-hero-content {
    border-right: 1px solid #e2e8f0;
}
.popular-hero-content .title {
    font-size: 18px;
    line-height: 1.4;
}
.popular-list-content .title {
    font-size: 16px;
    line-height: 1.3;
}
.popular-item-hero .small-post-meta,
.popular-item-list .small-post-meta {
    font-size: 11px;
    font-weight: 600;
}
.popular-share-hover {
    cursor: pointer;
}
.share-links-popup {
    bottom: 100%;
    left: -10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 10;
}
.share-links-popup .share-wa { color: #25D366 !important; }
.share-links-popup .share-fb { color: #1877F2 !important; }
.share-links-popup .share-tw { color: #1DA1F2 !important; }

/* Megamenu Helpers */
.sub-menu-left-scroll {
    max-height: 400px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    direction: rtl;
}
.sub-menu-left-inner {
    direction: ltr;
    text-align: left;
}
.sub-menu-icon-lg {
    font-size: 14px;
}
.sub-menu-icon-sm {
    font-size: 10px;
    opacity: 0.5;
}
.sub-menu-right-single {
    padding: 30px;
}
.menu-post-item .img-cover {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Pagination Active Helper */
.pagination .page-item.active .page-link,
.pagination li.active a {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
}

/* ============================================================
   SKCK Luxury, Elegant & Harmonized Theme (Proportional & Modern)
   ============================================================ */
.skck-hero-banner {
    background: linear-gradient(135deg, #0b2545 0%, #133c6d 50%, #1a4f8b 100%) !important;
    box-shadow: 0 12px 30px -8px rgba(11, 37, 69, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
}

.skck-hero-badge {
    background: rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #fde047 !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.skck-section-title {
    color: #0b2545 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* Tasteful Card Colors (No AI look) */
.skck-card-blue {
    background: #f0f7ff !important;
    border: 1px solid #cfe2fe !important;
    border-top: 3px solid #1e5ba3 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(11, 37, 69, 0.05) !important;
}

.skck-card-green {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-top: 3px solid #16a34a !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(22, 163, 74, 0.05) !important;
}

.skck-card-warm {
    background: #fdfbf7 !important;
    border: 1px solid #f1e3c8 !important;
    border-top: 3px solid #d4af37 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.05) !important;
}

.skck-card-slate {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(11, 37, 69, 0.04) !important;
}

.skck-card-step-1 { background: #f0f7ff !important; border: 1px solid #bfdbfe !important; border-top: 3px solid #2563eb !important; border-radius: 10px !important; }
.skck-card-step-2 { background: #ecfeff !important; border: 1px solid #a5f3fc !important; border-top: 3px solid #0891b2 !important; border-radius: 10px !important; }
.skck-card-step-3 { background: #fffbeb !important; border: 1px solid #fde68a !important; border-top: 3px solid #d97706 !important; border-radius: 10px !important; }
.skck-card-step-4 { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-top: 3px solid #16a34a !important; border-radius: 10px !important; }

.skck-tile {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    transition: all 0.2s ease;
}

.skck-tile:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(11, 37, 69, 0.06) !important;
}

.skck-tile-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b !important;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.skck-tile-value {
    font-size: 14px;
    font-weight: 700;
    color: #0b2545 !important;
    line-height: 1.4;
    word-break: break-word;
}

/* Luxury Piagam Certificate Maklumat with Custom Background */
.skck-piagam-wrapper {
    background: transparent !important;
    box-shadow: 0 15px 40px -10px rgba(11, 37, 69, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.skck-piagam-body {
    background-color: #f8fafc !important;
    background-image: url('/assets/img/bg_maklumat_piagam.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: 2px solid #d4af37 !important;
    padding: 60px 30px !important;
    border-radius: 16px !important;
    position: relative;
    text-align: center;
    box-shadow: 0 10px 30px rgba(11, 37, 69, 0.08) !important;
    min-height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.skck-piagam-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0b2545 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.skck-piagam-divider {
    width: 90px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    margin: 0 auto;
}

.skck-piagam-quote-box {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-left: 4px solid #d4af37 !important;
    border-right: 4px solid #d4af37 !important;
    border-radius: 10px !important;
    padding: 24px 32px !important;
    margin: 18px auto 0 auto !important;
    max-width: 820px !important;
    box-shadow: 0 8px 24px rgba(11, 37, 69, 0.06) !important;
}

.skck-piagam-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: #1e293b !important;
    line-height: 1.75 !important;
    text-align: center !important;
}

.skck-btn-store {
    background: #0b2545 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    padding: 8px 18px !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(11, 37, 69, 0.2) !important;
    font-size: 13px !important;
}

.skck-btn-store:hover {
    background: #133c6d !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(11, 37, 69, 0.3) !important;
}

.skck-btn-sub {
    font-size: 10px !important;
    line-height: 1 !important;
}

/* ============================================================
   SKCK STANDAR PELAYANAN & PENGADUAN (Vibrant, Modern & Luxury)
   ============================================================ */

/* Section Icon Badge */
.skck-section-icon-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 16px;
    flex-shrink: 0;
}
.skck-icon-badge-navy {
    background: linear-gradient(135deg, #0b2545 0%, #1e5ba3 100%) !important;
    box-shadow: 0 4px 10px rgba(11, 37, 69, 0.25) !important;
}
.skck-icon-badge-rose {
    background: linear-gradient(135deg, #e11d48 0%, #9f1239 100%) !important;
    box-shadow: 0 4px 10px rgba(225, 29, 72, 0.25) !important;
}

/* Standar Pelayanan (5 Prinsip) Cards */
.skck-prinsip-card {
    border-radius: 14px !important;
    padding: 22px 14px !important;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.skck-prinsip-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1) !important;
}

/* 5 Prinsip Icon Badges */
.skck-prinsip-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px;
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}
.skck-prinsip-card:hover .skck-prinsip-icon {
    transform: scale(1.12);
}

/* 1. Cepat */
.skck-prinsip-cepat {
    background: linear-gradient(180deg, #fffdf5 0%, #fef3c7 100%) !important;
    border: 1px solid #fde68a !important;
    border-top: 4px solid #f59e0b !important;
}
.skck-icon-cepat {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    box-shadow: 0 6px 16px rgba(217, 119, 6, 0.38) !important;
}
.skck-text-cepat {
    color: #92400e !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* 2. Transparan */
.skck-prinsip-transparan {
    background: linear-gradient(180deg, #f0fdff 0%, #cffafe 100%) !important;
    border: 1px solid #a5f3fc !important;
    border-top: 4px solid #06b6d4 !important;
}
.skck-icon-transparan {
    background: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%) !important;
    box-shadow: 0 6px 16px rgba(8, 145, 178, 0.38) !important;
}
.skck-text-transparan {
    color: #0e7490 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* 3. Akuntabel */
.skck-prinsip-akuntabel {
    background: linear-gradient(180deg, #f5f7ff 0%, #e0e7ff 100%) !important;
    border: 1px solid #c7d2fe !important;
    border-top: 4px solid #6366f1 !important;
}
.skck-icon-akuntabel {
    background: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%) !important;
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.38) !important;
}
.skck-text-akuntabel {
    color: #3730a3 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* 4. Profesional */
.skck-prinsip-profesional {
    background: linear-gradient(180deg, #f2fcf6 0%, #dcfce7 100%) !important;
    border: 1px solid #bbf7d0 !important;
    border-top: 4px solid #10b981 !important;
}
.skck-icon-profesional {
    background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.38) !important;
}
.skck-text-profesional {
    color: #065f46 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* 5. Humanis */
.skck-prinsip-humanis {
    background: linear-gradient(180deg, #fff5f6 0%, #ffe4e6 100%) !important;
    border: 1px solid #fecdd3 !important;
    border-top: 4px solid #f43f5e !important;
}
.skck-icon-humanis {
    background: linear-gradient(135deg, #fb7185 0%, #e11d48 100%) !important;
    box-shadow: 0 6px 16px rgba(225, 29, 72, 0.38) !important;
}
.skck-text-humanis {
    color: #9f1239 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
}

/* Pengaduan Pelayanan Cards */
.skck-pengaduan-card {
    border-radius: 14px !important;
    padding: 16px 18px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
}
.skck-pengaduan-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.09) !important;
}

.skck-pengaduan-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}
.skck-pengaduan-card:hover .skck-pengaduan-icon {
    transform: scale(1.08);
}

/* 1. Loket Pengaduan Langsung */
.skck-pengaduan-loket {
    background: linear-gradient(135deg, #f0f7ff 0%, #e0f2fe 100%) !important;
    border: 1px solid #bae6fd !important;
    border-left: 4px solid #0284c7 !important;
}
.skck-icon-loket {
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important;
    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.35) !important;
}
.skck-text-loket {
    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

/* 2. Telepon Resmi */
.skck-pengaduan-telepon {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid #16a34a !important;
}
.skck-icon-telepon {
    background: linear-gradient(135deg, #4ade80 0%, #16a34a 100%) !important;
    box-shadow: 0 6px 16px rgba(22, 163, 74, 0.35) !important;
}
.skck-text-telepon {
    color: #15803d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

/* 3. Email Layanan */
.skck-pengaduan-email {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
    border: 1px solid #ddd6fe !important;
    border-left: 4px solid #7c3aed !important;
}
.skck-icon-email {
    background: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%) !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.35) !important;
}
.skck-text-email {
    color: #6d28d9 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

/* 4. Media Pengaduan Website */
.skck-pengaduan-web {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 1px solid #fde68a !important;
    border-left: 4px solid #d97706 !important;
}
.skck-icon-web {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    box-shadow: 0 6px 16px rgba(217, 119, 6, 0.35) !important;
}
.skck-text-web {
    color: #b45309 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
}

/* ============================================================
   SIM Modern & Luxury Theme Helper Classes
   ============================================================ */
.sim-law-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #1e293b !important;
    box-shadow: 0 2px 8px rgba(11, 37, 69, 0.03) !important;
}

.sim-fungsi-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 22px 16px !important;
    text-align: center;
    box-shadow: 0 4px 16px rgba(11, 37, 69, 0.04) !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.sim-fungsi-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 26px rgba(11, 37, 69, 0.09) !important;
}

.sim-fungsi-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 22px;
    margin-bottom: 14px;
    transition: transform 0.3s ease;
}
.sim-fungsi-card:hover .sim-fungsi-icon {
    transform: scale(1.1);
}

.sim-step-badge {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-weight: 800;
    font-size: 14px;
    flex-shrink: 0;
}
.sim-step-badge-blue { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.35) !important; }
.sim-step-badge-cyan { background: linear-gradient(135deg, #0891b2, #0e7490) !important; box-shadow: 0 3px 8px rgba(8, 145, 178, 0.35) !important; }
.sim-step-badge-amber { background: linear-gradient(135deg, #d97706, #b45309) !important; box-shadow: 0 3px 8px rgba(217, 119, 6, 0.35) !important; }
.sim-step-badge-green { background: linear-gradient(135deg, #16a34a, #15803d) !important; box-shadow: 0 3px 8px rgba(22, 163, 74, 0.35) !important; }

.sim-req-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}
.sim-req-item:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}
.sim-req-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
}

/* ============================================================
   SKCK Online (Portal Baintelkam Style) Scoped Classes
   ============================================================ */
.sko-hero {
    background: radial-gradient(circle at 80% 20%, rgba(30, 91, 163, 0.4) 0%, transparent 50%), linear-gradient(135deg, #07172c 0%, #0b2545 60%, #133c6d 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 40px -10px rgba(7, 23, 44, 0.35) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    position: relative;
    overflow: hidden;
}

.sko-badge {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #fde047 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.sko-btn-primary {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 22px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
    transition: all 0.25s ease;
}
.sko-btn-primary:hover {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45) !important;
}

.sko-btn-outline {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: all 0.25s ease;
}
.sko-btn-outline:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    transform: translateY(-2px);
}

.sko-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(11, 37, 69, 0.05) !important;
    transition: all 0.25s ease;
}
.sko-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 26px rgba(11, 37, 69, 0.09) !important;
}

.sko-feature-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 15px rgba(11, 37, 69, 0.04) !important;
    height: 100%;
    transition: all 0.25s ease;
}
.sko-feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(11, 37, 69, 0.08) !important;
    border-color: #bae6fd !important;
}

.sko-step-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #1e5ba3 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 10px rgba(11, 37, 69, 0.03) !important;
    transition: all 0.25s ease;
}
.sko-step-item:hover {
    transform: translateX(4px);
    border-color: #0284c7 !important;
    box-shadow: 0 4px 16px rgba(11, 37, 69, 0.07) !important;
}

.sko-step-num {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0b2545 0%, #1e5ba3 100%) !important;
    color: #ffffff !important;
    font-weight: 800;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(11, 37, 69, 0.25) !important;
}

.sko-price-card {
    background: linear-gradient(180deg, #f0f7ff 0%, #e0f2fe 100%) !important;
    border: 1px solid #bae6fd !important;
    border-top: 4px solid #0284c7 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    text-align: center;
    box-shadow: 0 4px 16px rgba(2, 132, 199, 0.08) !important;
    height: 100%;
}

.sko-price-figure {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0369a1 !important;
    line-height: 1.2;
}

.sko-warn-box {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 1px solid #fde68a !important;
    border-left: 5px solid #d97706 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.08) !important;
}

.sko-app-banner {
    background: linear-gradient(135deg, #0b2545 0%, #1e5ba3 100%) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    color: #ffffff !important;
    box-shadow: 0 10px 26px rgba(11, 37, 69, 0.2) !important;
}

.sko-search-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #0b2545 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 6px 20px rgba(11, 37, 69, 0.06) !important;
}

.sko-logo-hero {
    height: 64px;
    width: auto;
    object-fit: contain;
}

.sko-logo-header {
    height: 48px;
    width: auto;
    object-fit: contain;
}

.sko-tab-btn {
    border: none !important;
    background: transparent !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #64748b !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s ease;
}
.sko-tab-btn.active {
    color: #0b2545 !important;
    border-bottom-color: #0284c7 !important;
}

.sko-status-pill {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}






/* ============================================================
   OFFICIAL SKCK ONLINE V3 STYLES (Identical to skck-online.polri.go.id)
   ============================================================ */
:root {
  --v3-navy: #001433;
  --v3-navy-mid: #0a2248;
  --v3-red: #d30024;
  --v3-red-hover: #b8001f;
  --v3-white: #ffffff;
}

/* ==========================================================================
   SKCK ONLINE OFFICIAL V3 PORTAL - PIXEL PERFECT STYLES
   ========================================================================== */

body.page-standalone {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #001433 !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  overflow-x: hidden !important;
}

.skck-v3-root {
  --v3-navy: #001433;
  --v3-navy-deep: #000c1f;
  --v3-red: #d30024;
  --v3-red-hover: #b0001e;
  --v3-gold: #c9a227;
  --v3-gray-bg: #f4f6f8;
  --v3-card-border: #e2e8f0;
  --v3-text-dark: #111827;
  --v3-text-muted: #4b5563;
  
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  color: var(--v3-text-dark);
  background-color: var(--v3-gray-bg);
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 100vh;
  overflow-x: hidden;
}

.skck-v3-root * {
  box-sizing: border-box;
}

/* ==================== 1. TOP NAVBAR ==================== */
.v3-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--v3-navy);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
}

.v3-nav-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0.85rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.v3-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  flex-shrink: 0;
}

.v3-brand-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.v3-brand-text {
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.v3-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  flex: 1;
}

.v3-links a {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s;
}

.v3-links a:hover {
  color: #ffffff;
}

.v3-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-shrink: 0;
}

.v3-lang-toggle {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 3px 6px;
  font-size: 0.78rem;
  font-weight: 700;
}

.v3-lang-toggle .active {
  background: #ffffff;
  color: #111827;
  border-radius: 999px;
  padding: 2px 8px;
}

.v3-lang-toggle .inactive {
  color: rgba(255, 255, 255, 0.6);
  padding: 2px 8px;
}

.v3-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--v3-red);
  color: #ffffff !important;
  font-size: 0.84rem;
  font-weight: 700;
  padding: 0.55rem 1.15rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}

.v3-cta:hover {
  background: var(--v3-red-hover);
  transform: translateY(-1px);
}

.v3-hamburger {
  display: none;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 8px;
  width: 40px;
  height: 40px;
}

/* ==================== 2. HERO SECTION ==================== */
.v3-hero {
  position: relative;
  background: var(--v3-navy);
  overflow: hidden;
  padding: 3.5rem 1.5rem 5rem 1.5rem;
  width: 100%;
}

.v3-hero-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.v3-hero-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: center;
  gap: 2.5rem;
  position: relative;
  z-index: 2;
}

.v3-hero-copy {
  max-width: 540px;
}

.v3-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: rgba(211, 0, 36, 0.18);
  border: 1px solid rgba(211, 0, 36, 0.45);
  color: #ff6b81;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 1.25rem;
}

.v3-hero-logo {
  width: 110px;
  height: auto;
  object-fit: contain;
  display: block;
  margin-bottom: 1.25rem;
}

.v3-hero-copy h1 {
  color: #ffffff;
  font-size: clamp(1.85rem, 3.2vw, 2.6rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 1rem 0;
}

.v3-hero-lead {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1.75rem 0;
}

.v3-hero-actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.v3-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--v3-red);
  color: #ffffff !important;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 0.7rem 1.4rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
  border: none;
}

.v3-btn-primary:hover {
  background: var(--v3-red-hover);
  transform: translateY(-1px);
}

.v3-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff !important;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.7rem 1.4rem;
  border-radius: 8px;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  text-decoration: none;
  transition: all 0.2s;
}

.v3-btn-outline:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.75);
}

.v3-help-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.84rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}

.v3-help-link:hover {
  color: #ffffff;
}

.v3-help-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
}

.v3-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.v3-phone-img {
  width: auto;
  max-width: min(340px, 45vw);
  max-height: 480px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.5));
}

.v3-person-img {
  width: auto;
  max-width: min(380px, 50vw);
  max-height: 520px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 20px 45px rgba(0, 0, 0, 0.45));
  display: block;
}

/* ==================== 3. FLOATING BANNER ==================== */
.v3-floating-banner-wrap {
  max-width: 1240px;
  margin: -36px auto 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 10;
}

.v3-floating-banner {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.15rem 2rem;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.v3-floating-banner-img {
  max-height: 76px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

/* ==================== 4. 3 KEUNGGULAN LAYANAN ==================== */
.v3-features {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem 2.75rem;
  position: relative;
  z-index: 2;
}

.v3-features-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.v3-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-feature-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  padding: 1.6rem 1.4rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

.v3-feature-icon {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-feature-icon svg {
  width: 30px;
  height: 30px;
}

.v3-feature-body {
  min-width: 0;
}

.v3-feature-body h3 {
  color: var(--v3-text-dark);
  font-size: 1.08rem;
  font-weight: 800;
  margin: 0 0 0.35rem 0;
  line-height: 1.35;
}

.v3-feature-body p {
  color: var(--v3-text-muted);
  font-size: 0.86rem;
  line-height: 1.5;
  margin: 0;
}

/* ==================== 5. PERSYARATAN DOKUMEN ==================== */
.v3-prep {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
  position: relative;
  z-index: 1;
}

.v3-prep-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  align-items: stretch;
  gap: 2.25rem;
}

.v3-prep-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 100%;
}

.v3-prep-kicker {
  color: var(--v3-red);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.45rem;
}

.v3-prep-left h2 {
  color: var(--v3-text-dark);
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0 0 1.25rem 0;
}

.v3-tipe-toggle {
  display: inline-flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.v3-tipe-toggle button {
  background: #ffffff;
  color: var(--v3-red);
  border: 1.5px solid var(--v3-red);
  border-radius: 8px;
  min-width: 68px;
  padding: 0.45rem 1.25rem;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}

.v3-tipe-toggle button.active {
  background: var(--v3-red);
  color: #ffffff;
}

.v3-prep-note {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.v3-prep-note-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--v3-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 2px;
}

.v3-prep-note p {
  color: var(--v3-text-muted);
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 0;
}

.v3-prep-right {
  display: flex;
  flex-direction: column;
}

.v3-prep-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 0.85rem;
  height: 100%;
}

.v3-prep-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 1.15rem 1.1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  height: 100%;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-prep-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-prep-card-icon svg {
  width: 22px;
  height: 22px;
}

.v3-prep-card-body h3 {
  color: var(--v3-text-dark);
  font-size: 0.92rem;
  font-weight: 800;
  margin: 0 0 0.3rem 0;
  line-height: 1.3;
}

.v3-prep-card-body p {
  color: var(--v3-text-muted);
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 0;
}

/* ==================== 6. ALUR PENGAJUAN SKCK ONLINE ==================== */
.v3-alur {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
}

.v3-alur-title {
  color: var(--v3-red);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 1.75rem 0;
}

.v3-alur-steps {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 1rem;
}

.v3-alur-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 1.35rem 0.85rem 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-alur-num {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--v3-red);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  flex-shrink: 0;
}

.v3-alur-card h3 {
  color: var(--v3-text-dark);
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 0.4rem 0;
}

.v3-alur-card p {
  color: var(--v3-text-muted);
  font-size: 0.74rem;
  line-height: 1.4;
  margin: 0;
}

.v3-alur-legend {
  max-width: 100%;
  width: 100%;
  margin: 1.5rem auto 0 auto;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  padding: 0.85rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  flex-wrap: wrap;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-legend-item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.78rem;
  color: var(--v3-text-muted);
  font-weight: 500;
}

.v3-legend-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}

/* ==================== 7. BIAYA PNBP & KANAL PENGAJUAN ==================== */
.v3-bk {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
}

.v3-bk-panel {
  max-width: 1240px;
  margin: 0 auto;
  background: var(--v3-navy);
  color: #ffffff;
  border-radius: 18px;
  padding: 2.25rem 2.25rem 2.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 2.5rem;
  align-items: stretch;
}

.v3-bk-left {
  display: flex;
  flex-direction: column;
}

.v3-bk-left h2 {
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  font-weight: 800;
  letter-spacing: 0.03em;
  margin: 0 0 1.25rem 0;
}

.v3-bk-left h2 span {
  color: var(--v3-red);
}

.v3-bk-prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 0.75rem;
}

.v3-bk-price-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 1rem 1.1rem;
}

.v3-bk-price-label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.76rem;
  margin: 0 0 0.35rem 0;
}

.v3-bk-price-value {
  color: #ffffff;
  font-size: 1.45rem;
  font-weight: 800;
}

.v3-bk-legal {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
}

.v3-bk-info {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-top: auto;
}

.v3-bk-info-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 800;
  flex-shrink: 0;
}

.v3-bk-info p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 0;
}

.v3-bk-right {
  display: flex;
  flex-direction: column;
}

.v3-bk-right h3 {
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  font-weight: 800;
  letter-spacing: 0.03em;
  margin: 0 0 1.25rem 0;
}

.v3-bk-channels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 1rem;
  flex: 1;
}

.v3-bk-channel {
  background: #ffffff;
  color: var(--v3-text-dark);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.v3-bk-channel-top {
  padding: 1.15rem 1.15rem 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.v3-bk-badge {
  display: inline-block;
  align-self: flex-start;
  font-size: 0.68rem;
  font-weight: 700;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  margin-bottom: 0.85rem;
}

.v3-bk-badge-main {
  background: #fff3e0;
  color: #e65100;
}

.v3-bk-badge-alt {
  background: #e3f2fd;
  color: #1565c0;
}

.v3-bk-channel-body {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.v3-bk-channel-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.v3-bk-channel-copy h4 {
  font-size: 0.95rem;
  font-weight: 800;
  margin: 0 0 0.25rem 0;
  color: var(--v3-text-dark);
}

.v3-bk-channel-copy p {
  font-size: 0.76rem;
  line-height: 1.4;
  color: var(--v3-text-muted);
  margin: 0;
}

.v3-bk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 44px;
  color: #ffffff !important;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  border: none;
  cursor: pointer;
  margin-top: auto;
}

.v3-bk-btn-orange {
  background: #ea580c;
}
.v3-bk-btn-orange:hover {
  background: #c2410c;
}

.v3-bk-btn-red {
  background: var(--v3-red);
}
.v3-bk-btn-red:hover {
  background: var(--v3-red-hover);
}

/* ==================== 8. LOKASI PENERBITAN ==================== */
.v3-lokasi {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
}

.v3-lokasi-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.v3-lokasi-head {
  margin-bottom: 1.5rem;
}

.v3-lokasi-head h2 {
  color: var(--v3-red);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 0.35rem 0;
}

.v3-lokasi-head p {
  color: var(--v3-text-muted);
  font-size: 0.86rem;
  margin: 0;
}

.v3-lokasi-body {
  display: grid;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  align-items: start;
  gap: 2rem;
}

.v3-lokasi-filter {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.v3-lokasi-field-label {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--v3-text-dark);
  margin-bottom: 0.35rem;
  display: block;
}

.v3-lokasi-search-btn {
  background: var(--v3-red);
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 0.65rem 1rem;
  cursor: pointer;
  margin-top: 0.35rem;
}

.v3-lokasi-results {
  display: flex;
  flex-direction: column;
}

.v3-lokasi-results-subtitle {
  color: var(--v3-text-dark);
  font-size: 0.92rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.v3-lokasi-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.v3-lokasi-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 1.25rem 1.15rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-lokasi-card-top {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.65rem;
}

.v3-lokasi-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v3-lokasi-card-icon svg {
  width: 18px;
  height: 18px;
}

.v3-lokasi-level {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--v3-text-dark);
}

.v3-lokasi-card h3 {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin: 0 0 0.5rem 0;
}

.v3-lokasi-address {
  font-size: 0.76rem;
  line-height: 1.45;
  color: var(--v3-text-muted);
  margin: 0 0 0.65rem 0;
  flex: 1;
}

.v3-lokasi-hours {
  font-size: 0.74rem;
  color: var(--v3-text-muted);
  margin: 0 0 0.85rem 0;
}

.v3-lokasi-link {
  font-size: 0.78rem;
  font-weight: 700;
  color: #1d4ed8;
  text-decoration: none;
  margin-top: auto;
}

.v3-lokasi-results-footer {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}

.v3-lokasi-viewall-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: #ffffff;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  padding: 0.55rem 1.4rem;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

/* ==================== 9. BANTUAN & HELPDESK ==================== */
.v3-bantuan {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
}

.v3-bantuan-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.v3-bantuan-title {
  color: var(--v3-red);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}

.v3-bantuan-grid {
  display: grid;
  grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) minmax(240px, 280px);
  gap: 1rem;
  align-items: stretch;
}

.v3-bantuan-quick {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  height: 100%;
}

.v3-quick-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 1.15rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex: 1;
  min-height: 88px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-quick-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-quick-icon svg {
  width: 22px;
  height: 22px;
}

.v3-quick-body strong {
  display: block;
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin-bottom: 0.2rem;
}

.v3-quick-body span {
  font-size: 0.76rem;
  color: var(--v3-text-muted);
}

.v3-bantuan-mid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.v3-ticket-flow {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 1.35rem 1.25rem 1.25rem;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-ticket-flow h3 {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin: 0 0 1rem 0;
}

.v3-ticket-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.v3-ticket-step {
  display: flex;
  flex-direction: column;
}

.v3-ticket-num {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: var(--v3-red);
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.v3-ticket-step strong {
  font-size: 0.84rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin-bottom: 0.25rem;
}

.v3-ticket-step p {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--v3-text-muted);
  margin: 0;
}

.v3-ticket-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.v3-metric-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  padding: 1rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 88px;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-metric-value {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin-bottom: 0.25rem;
}

.v3-metric-label {
  font-size: 0.74rem;
  color: var(--v3-text-muted);
}

.v3-bantuan-warn {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 14px;
  padding: 1.25rem 1.15rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.v3-warn-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #e11d48;
  margin-bottom: 0.85rem;
}

.v3-warn-head h3 {
  font-size: 0.92rem;
  font-weight: 800;
  margin: 0;
}

.v3-bantuan-warn ul {
  padding-left: 1.15rem;
  margin: 0 0 1rem 0;
  flex: 1;
}

.v3-bantuan-warn li {
  font-size: 0.76rem;
  line-height: 1.45;
  color: #4b5563;
  margin-bottom: 0.45rem;
}

.v3-warn-btn {
  background: #ffffff;
  color: var(--v3-red);
  border: 1.5px solid var(--v3-red);
  border-radius: 8px;
  padding: 0.65rem 0.85rem;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  margin-top: auto;
  text-align: center;
}

/* ==================== 10. STATISTIK LAYANAN NASIONAL ==================== */
.v3-stat {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem;
}

.v3-stat-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.v3-stat-title {
  color: var(--v3-red);
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}

.v3-stat-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-stat-group {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  padding: 1.25rem 1.15rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.v3-stat-period {
  color: var(--v3-red);
  font-size: 0.88rem;
  font-weight: 700;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}

.v3-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.v3-stat-card {
  background: #f8fafc;
  border: 1px solid #eef2f6;
  border-radius: 12px;
  padding: 1.15rem 0.65rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;
}

.v3-stat-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.65rem;
}

.v3-stat-icon svg {
  width: 20px;
  height: 20px;
}

.v3-stat-value {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin-bottom: 0.25rem;
}

.v3-stat-label {
  font-size: 0.72rem;
  color: var(--v3-text-muted);
}

.v3-stat-foot {
  margin-top: 1rem;
}

.v3-stat-foot p {
  color: #6b7280;
  font-size: 0.76rem;
  margin: 0;
}

/* ==================== 11. KRITIK & SARAN ==================== */
.v3-fb {
  background: var(--v3-gray-bg);
  padding: 2.5rem 1.5rem 3.5rem;
}

.v3-fb-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 2.25rem;
  align-items: start;
}

.v3-fb-left {
  display: flex;
  flex-direction: column;
}

.v3-fb-kicker {
  color: var(--v3-red);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.45rem;
}

.v3-fb-left h2 {
  color: var(--v3-text-dark);
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0 0 0.85rem 0;
}

.v3-fb-desc {
  color: var(--v3-text-muted);
  font-size: 0.86rem;
  line-height: 1.55;
  margin: 0 0 1.25rem 0;
}

.v3-fb-guarantee {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 1.5rem;
}

.v3-fb-guarantee-icon {
  width: 18px;
  height: 18px;
  color: var(--v3-red);
  flex-shrink: 0;
}

.v3-fb-guarantee span {
  font-size: 0.78rem;
  line-height: 1.45;
  color: #4b5563;
}

.v3-fb-contact-title {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--v3-text-dark);
  margin-bottom: 0.85rem;
}

.v3-fb-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.v3-fb-contact-card {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 12px;
  padding: 1rem 0.95rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.v3-fb-contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fce8e8;
  color: #8b1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-fb-contact-icon svg {
  width: 18px;
  height: 18px;
}

.v3-fb-contact-label {
  font-size: 0.74rem;
  color: var(--v3-red);
  font-weight: 700;
  text-transform: uppercase;
}

.v3-fb-contact-value {
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--v3-text-dark);
}

.v3-fb-contact-hint {
  font-size: 0.72rem;
  color: var(--v3-text-muted);
}

.v3-fb-form-wrap {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  padding: 1.6rem 1.5rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.v3-fb-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.v3-fb-field {
  margin-bottom: 1rem;
}

.v3-fb-field label {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--v3-text-dark);
  margin-bottom: 0.4rem;
}

.v3-fb-field input,
.v3-fb-field textarea {
  width: 100%;
  background: #f4f6f8;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.65rem 0.85rem;
  font-size: 0.84rem;
  font-family: inherit;
  color: var(--v3-text-dark);
  outline: none;
}

.v3-fb-radio-group {
  display: flex;
  gap: 0.5rem;
}

.v3-fb-radio {
  background: #f4f6f8;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 0.4rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--v3-text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

.v3-fb-radio.active {
  background: var(--v3-red);
  border-color: var(--v3-red);
  color: #ffffff;
}

.v3-fb-radio input {
  display: none;
}

.v3-fb-captcha {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 1.25rem;
}

.v3-fb-captcha-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--v3-text-dark);
}

.v3-fb-captcha-hint {
  font-size: 0.74rem;
  color: var(--v3-text-muted);
  margin-bottom: 0.65rem;
}

.v3-fb-captcha-math {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.v3-captcha-input {
  width: 90px !important;
}

/* ==================== 12. FOOTER ==================== */
.v3-footer {
  background: var(--v3-navy) !important;
  color: #ffffff;
  padding-top: 3.5rem;
  padding-bottom: 2rem;
  width: 100%;
}

.v3-footer-container {
  max-width: 1240px !important;
  margin: 0 auto;
}

.v3-footer-logo {
  height: 48px !important;
  width: auto !important;
  object-fit: contain;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (TABLET & MOBILE ONLY)
   ========================================================================== */

@media (max-width: 991px) {
  /* Navbar */
  .v3-links {
    display: none;
  }
  .v3-links.active {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--v3-navy);
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .v3-hamburger {
    display: block;
  }
  
  /* Hero */
  .v3-hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2rem;
  }
  .v3-hero-copy {
    max-width: none;
  }
  .v3-hero-logo {
    margin: 0 auto 1.25rem auto;
  }
  .v3-hero-visual {
    order: -1;
  }
  .v3-phone-img,
  .v3-person-img {
    max-width: 260px;
  }
  .v3-hero-actions {
    justify-content: center;
  }
  
  /* Features */
  .v3-features-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
  
  /* Prep */
  .v3-prep-inner {
    grid-template-columns: 1fr;
  }
  .v3-prep-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  /* Alur */
  .v3-alur-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  /* Biaya & Kanal */
  .v3-bk-panel {
    grid-template-columns: 1fr;
  }
  
  /* Lokasi */
  .v3-lokasi-body {
    grid-template-columns: 1fr;
  }
  .v3-lokasi-cards {
    grid-template-columns: 1fr;
  }
  
  /* Bantuan */
  .v3-bantuan-grid {
    grid-template-columns: 1fr;
  }
  .v3-bantuan-quick {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  /* Statistik */
  .v3-stat-board {
    grid-template-columns: 1fr;
  }
  
  /* Feedback */
  .v3-fb-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .v3-prep-grid {
    grid-template-columns: 1fr;
  }
  .v3-alur-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v3-bantuan-quick {
    grid-template-columns: 1fr;
  }
  .v3-ticket-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v3-ticket-metrics {
    grid-template-columns: 1fr;
  }
  .v3-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v3-fb-contact-grid {
    grid-template-columns: 1fr;
  }
  .v3-fb-form-row {
    grid-template-columns: 1fr;
  }
  .v3-hero-actions {
    flex-direction: column;
    width: 100%;
  }
  .v3-btn-primary, .v3-btn-outline {
    width: 100%;
  }
}


/* ==========================================================================
   14 KOMPONEN STANDAR PELAYANAN PUBLIK - STYLES
   ========================================================================== */

.v3-comp-part-banner {
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffffff;
  padding: 2.25rem 2rem;
  border-radius: 18px;
  margin: 3.5rem auto 2rem auto;
  max-width: 1240px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 20, 51, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.v3-comp-part-banner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background: radial-gradient(circle at top right, rgba(211, 0, 36, 0.25), transparent 70%);
  pointer-events: none;
}

.v3-comp-part-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c9a227;
  margin-bottom: 0.5rem;
}

.v3-comp-part-title {
  font-size: clamp(1.35rem, 2.5vw, 1.85rem);
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.01em;
}

.v3-comp-part-desc {
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  max-width: 760px;
  line-height: 1.55;
}

/* Component Block Wrapper */
.v3-comp-block {
  max-width: 1240px !important;
  margin: 0 auto 2.5rem auto !important;
  padding: 0 1.5rem !important;
  scroll-margin-top: 110px;
}

#maklumat-pelayanan {
  scroll-margin-top: 110px;
}

.v3-comp-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.v3-comp-card:hover {
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

.v3-comp-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f5f9;
}

.v3-comp-num-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #001433;
  color: #ffffff;
  border-radius: 12px;
  font-size: 1.15rem;
  font-weight: 800;
  border: 2px solid #c9a227;
  flex-shrink: 0;
}

.v3-comp-header-text h3 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #001433;
  margin: 0 0 0.25rem 0;
}

.v3-comp-header-text p {
  font-size: 0.82rem;
  color: #64748b;
  margin: 0;
}

/* Grids */
.v3-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

/* Feature Item Box inside component card */
.v3-box-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}

.v3-box-item:hover {
  background: #ffffff;
  border-color: #cbd5e1;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.v3-box-item-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

.v3-box-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(211, 0, 36, 0.08);
  color: #d30024;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-box-icon-navy {
  background: rgba(0, 20, 51, 0.08);
  color: #001433;
}

.v3-box-icon-gold {
  background: rgba(201, 162, 39, 0.12);
  color: #b08c1c;
}

.v3-box-item h4 {
  font-size: 0.96rem;
  font-weight: 700;
  color: #001433;
  margin: 0;
}

.v3-box-item p {
  font-size: 0.82rem;
  color: #4b5563;
  line-height: 1.5;
  margin: 0;
}

.v3-box-tag {
  display: inline-block;
  align-self: flex-start;
  font-size: 0.72rem;
  font-weight: 700;
  color: #1d4ed8;
  margin-top: 0.65rem;
}

/* Maklumat Piagam Certificate Styling */
.v3-piagam-frame {
  background: #ffffff url('/assets/img/bg_maklumat_piagam.png') center center / cover no-repeat;
  border: 4px solid #c9a227;
  outline: 2px dashed rgba(201, 162, 39, 0.65);
  outline-offset: -12px;
  border-radius: 20px;
  padding: 3.5rem 3.5rem 3.5rem;
  text-align: center;
  position: relative;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1), inset 0 0 50px rgba(255, 255, 255, 0.95);
  max-width: 960px;
  margin: 0 auto;
}

.v3-piagam-title {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: clamp(1.8rem, 3vw, 2.3rem);
  font-weight: 900;
  color: #0b1c3d;
  letter-spacing: 0.08em;
  margin: 0 0 0.8rem 0;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.v3-piagam-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 0 auto 2rem auto;
  max-width: 380px;
}

.v3-piagam-divider span {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c9a227, transparent);
}

.v3-piagam-divider svg {
  color: #c9a227;
}

.v3-piagam-body {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.85;
  color: #1e293b;
  font-weight: 500;
  font-style: italic;
  max-width: 780px;
  margin: 0 auto 2.2rem auto;
  padding: 0 1rem;
}

.v3-piagam-badges {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1.75rem;
  border-top: 1px dashed rgba(201, 162, 39, 0.35);
}

.v3-piagam-badge-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #1e293b;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  padding: 0.5rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(201, 162, 39, 0.4);
  box-shadow: 0 2px 8px rgba(201, 162, 39, 0.1);
}

.v3-piagam-footer {
  margin-top: 2.25rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 1.5rem 0.5rem;
}

.v3-piagam-seal {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px double #c9a227;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, #fffdf2, #fbf2d3);
  box-shadow: 0 4px 15px rgba(201, 162, 39, 0.25);
  color: #8c6d13;
  font-size: 0.58rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transform: rotate(-6deg);
}

.v3-piagam-signature {
  text-align: right;
  font-size: 0.85rem;
  color: #334155;
  line-height: 1.45;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(6px);
  padding: 0.65rem 1.15rem;
  border-radius: 12px;
  border: 1px solid rgba(201, 162, 39, 0.35);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
}

.v3-piagam-signature strong {
  display: block;
  font-size: 0.95rem;
  color: #0b1c3d;
  margin-top: 0.25rem;
  letter-spacing: 0.02em;
}

@media (max-width: 768px) {
  .v3-piagam-frame {
    padding: 2.5rem 1.5rem 2rem;
    outline-offset: -8px;
  }
  .v3-piagam-footer {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
  }
  .v3-piagam-signature {
    text-align: center;
  }
}

/* Quick Nav Bar */
.v3-quicknav-wrap {
  max-width: 1240px;
  margin: 2rem auto 0 auto;
  padding: 0 1.5rem;
}

.v3-quicknav-bar {
  display: flex;
  justify-content: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 1rem 1.25rem;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.v3-quicknav-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0.95rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  background: #f8fafc;
  color: #001433;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}

.v3-quicknav-btn:hover {
  background: #001433;
  color: #ffffff;
  border-color: #001433;
}

@media (max-width: 991px) {
  .v3-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v3-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .v3-grid-4,
  .v3-grid-3,
  .v3-grid-2 {
    grid-template-columns: 1fr;
  }
  .v3-comp-part-banner {
    padding: 1.75rem 1.25rem;
  }
  .v3-comp-card {
    padding: 1.25rem;
  }
  .v3-piagam-frame {
    padding: 1.75rem 1rem;
  }
}


/* ==========================================================================
   OMBUDSMAN COMPLIANCE ADDONS - MATRIX TABLE, VISI MISI, KOMPENSASI
   ========================================================================== */

.v3-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 1.5rem 0;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.v3-ombudsman-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
  text-align: left;
  background: #ffffff;
}

.v3-ombudsman-table th {
  background: #001433;
  color: #ffffff;
  padding: 1rem 1.15rem;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.03em;
  border: none;
}

.v3-ombudsman-table td {
  padding: 1rem 1.15rem;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  vertical-align: top;
  line-height: 1.55;
}

.v3-ombudsman-table tr:nth-child(even) td {
  background-color: #f8fafc;
}

.v3-ombudsman-table tr:hover td {
  background-color: #f1f5f9;
}

.v3-table-comp-num {
  font-weight: 800;
  color: #001433;
  width: 50px;
  text-align: center;
}

.v3-table-comp-name {
  font-weight: 700;
  color: #001433;
  width: 220px;
}

/* Kompensasi Pelayanan Card */
.v3-kompensasi-card {
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.08) 0%, rgba(211, 0, 36, 0.06) 100%);
  border: 2px dashed rgba(201, 162, 39, 0.45);
  border-radius: 16px;
  padding: 1.75rem 2rem;
  margin-top: 1.75rem;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.v3-kompensasi-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #c9a227;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-kompensasi-body h4 {
  font-size: 1.1rem;
  font-weight: 800;
  color: #001433;
  margin: 0 0 0.4rem 0;
}

.v3-kompensasi-body p {
  font-size: 0.85rem;
  color: #334155;
  line-height: 1.55;
  margin: 0;
}

/* Visi Misi Motto Cards */
.v3-visi-card {
  background: linear-gradient(135deg, #001433 0%, #002b66 100%);
  color: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.v3-visi-tag {
  display: inline-block;
  align-self: flex-start;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c9a227;
  background: rgba(201, 162, 39, 0.18);
  border: 1px solid rgba(201, 162, 39, 0.35);
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}

.v3-visi-quote {
  font-size: 1.15rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1.6;
  margin: 0 0 1.25rem 0;
  color: #ffffff;
}

.v3-misi-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.v3-misi-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.v3-misi-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d30024;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.v3-misi-text {
  font-size: 0.86rem;
  color: #334155;
  line-height: 1.5;
  font-weight: 600;
}

/* Lokasi Pelayanan Box */
.v3-lokasi-pelayanan {
  margin-top: 1.75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid var(--v3-red, #dc2626);
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 4px 15px rgba(15, 23, 42, 0.04);
}

.v3-lokasi-pelayanan-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 0.85rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e2e8f0;
}

.v3-lokasi-badge-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--v3-red, #dc2626);
  text-transform: uppercase;
}

.v3-lokasi-unit-name {
  font-size: 0.96rem;
  font-weight: 800;
  color: #0b1c3d;
  letter-spacing: 0.01em;
}

.v3-lokasi-grid {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr;
  gap: 1.25rem;
  align-items: center;
}

.v3-lokasi-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.v3-lokasi-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: var(--v3-red, #dc2626);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.v3-lokasi-text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.v3-lokasi-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
}

.v3-lokasi-val {
  font-size: 0.88rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.45;
}

@media (max-width: 991px) {
  .v3-lokasi-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}


/* ==================== PRINSIP BETAH (4-COLUMN GRID) ==================== */
.v3-features-header {
  text-align: center;
  margin-bottom: 2rem;
}

.v3-features-header .v3-hero-kicker {
  display: inline-block;
  margin-bottom: 0.35rem;
}

.v3-features-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0.25rem 0 0.5rem 0;
  letter-spacing: -0.01em;
}

.v3-features-subtitle {
  font-size: 0.95rem;
  color: #64748b;
  margin: 0 auto;
  max-width: 680px;
}

.v3-features-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-features-grid-4 .v3-feature-card {
  padding: 1.5rem 1.25rem;
  gap: 1.1rem;
  align-items: flex-start;
  display: flex;
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.v3-features-grid-4 .v3-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

.v3-features-grid-4 .v3-feature-icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.v3-features-grid-4 .v3-feature-icon svg {
  width: 26px;
  height: 26px;
}

.v3-features-grid-4 .v3-feature-icon.icon-b {
  background: #eff6ff;
  color: #1d4ed8;
}

.v3-features-grid-4 .v3-feature-icon.icon-t {
  background: #f0fdf4;
  color: #15803d;
}

.v3-features-grid-4 .v3-feature-icon.icon-a {
  background: #fffbeb;
  color: #b45309;
}

.v3-features-grid-4 .v3-feature-icon.icon-h {
  background: #fdf2f8;
  color: #be185d;
}

.v3-features-grid-4 .v3-feature-body {
  flex: 1;
  min-width: 0;
}

.v3-features-grid-4 .v3-feature-body h3 {
  font-size: 1.08rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.45rem 0;
  line-height: 1.35;
}

.v3-features-grid-4 .v3-feature-body p {
  font-size: 0.835rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}

@media (max-width: 1100px) {
  .v3-features-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .v3-features-grid-4 {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
}



/* ==================== HERO SCENE CARD ==================== */
.v3-hero-inner {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: center;
  gap: 2.5rem;
  position: relative;
  z-index: 2;
}

.v3-hero-copy {
  min-width: 0;
}

.v3-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
}

.v3-scene-card {
  position: relative;
  width: 100%;
  max-width: 440px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.16);
  background: #0f172a;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media (max-width: 1100px) {
  .v3-hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2rem;
  }
  .v3-hero-copy {
    max-width: 680px;
    margin: 0 auto;
  }
  .v3-hero-actions {
    justify-content: center;
  }
  .v3-scene-card {
    max-width: 440px;
    margin: 0 auto;
  }
}

.v3-scene-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.v3-scene-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.v3-scene-badge {
  background: rgba(11, 21, 40, 0.96);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0.65rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  color: #f8fafc;
  font-size: 0.8rem;
  font-weight: 600;
}

.v3-scene-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px #22c55e;
  flex-shrink: 0;
}



/* ==================== REKRUTMEN HERO ENHANCEMENT ==================== */
.v3-rekrutmen-hero-inner,
.v3-hero-inner:has(.v3-rekrutmen-hero-img) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: center;
}

.v3-rekrutmen-hero-img {
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 45px rgba(0, 0, 0, 0.5));
  display: block;
  transition: transform 0.3s ease;
}

.v3-rekrutmen-hero-img:hover {
  transform: translateY(-4px) scale(1.02);
}

@media (max-width: 1200px) and (min-width: 1101px) {
  .v3-rekrutmen-hero-img {
    max-width: 580px;
  }
}

@media (max-width: 1100px) {
  .v3-rekrutmen-hero-img {
    max-width: 480px;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .v3-rekrutmen-hero-img {
    max-width: 340px;
    margin: 0 auto;
  }
}



/* ==================== REKRUTMEN PORTAL CALLOUT ==================== */
.v3-comp-header-text a {
  color: #002255;
  font-weight: 700;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.v3-comp-header-text a:hover {
  color: #d30024;
}

.v3-portal-callout {
  margin-top: 1.5rem;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #cbd5e1;
  border-left: 4px solid #002255;
  border-radius: 12px;
  padding: 1.15rem 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

.v3-portal-callout-main {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  flex: 1;
}

.v3-portal-callout-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(0, 34, 85, 0.08);
  color: #002255;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-portal-callout-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: #001433;
  margin-bottom: 0.25rem;
}

.v3-portal-callout-desc {
  font-size: 0.82rem;
  color: #475569;
  line-height: 1.5;
  margin: 0;
}

.v3-portal-callout-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #002255;
  color: #ffffff !important;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.65rem 1.15rem;
  border-radius: 8px;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 34, 85, 0.2);
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.v3-portal-callout-btn:hover {
  background: #d30024;
  box-shadow: 0 6px 16px rgba(211, 0, 36, 0.3);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .v3-portal-callout {
    flex-direction: column;
    align-items: stretch;
    text-align: left;
  }
  .v3-portal-callout-btn {
    justify-content: center;
    width: 100%;
  }
}



/* ==================== STRUKTUR ORGANISASI POLRI (SOTK) ==================== */
.v3-org-badge-new {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #fef2f2;
  color: #d30024;
  border: 1px solid #fecaca;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.v3-org-badge-new::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d30024;
}

a.v3-org-badge-new {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
a.v3-org-badge-new:hover {
  background: #dc2626;
  color: #ffffff !important;
  border-color: #dc2626;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(220, 38, 38, 0.25);
}
a.v3-org-badge-new:hover::before {
  background: #ffffff;
}

.v3-org-tab-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 2rem 0 2.5rem 0;
}

.v3-org-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 1.6rem;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.v3-org-tab-btn:hover {
  border-color: #002255;
  color: #002255;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 34, 85, 0.12);
}

.v3-org-tab-btn.active {
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffffff;
  border-color: #001433;
  box-shadow: 0 8px 20px rgba(0, 20, 51, 0.25);
}

.v3-org-tab-btn svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
  flex-shrink: 0;
}

.v3-org-tab-pane {
  display: none;
}

.v3-org-tab-pane.active {
  display: block;
  animation: v3FadeIn 0.3s ease;
}

@keyframes v3FadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.v3-org-pimpinan-card {
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffffff;
  border-radius: 16px;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 10px 25px rgba(0, 20, 51, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.v3-org-pimpinan-info h4 {
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 0.35rem 0;
}

.v3-org-pimpinan-info p {
  color: #94a3b8;
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
}

.v3-org-pimpinan-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(212, 175, 55, 0.15);
  color: #facc15;
  border: 1px solid rgba(250, 204, 21, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

.v3-sotk-table-wrap {
  overflow-x: auto;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  margin-top: 1.5rem;
}

.v3-sotk-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
  text-align: left;
}

.v3-sotk-table th {
  background: #f8fafc;
  color: #0f172a;
  font-weight: 700;
  padding: 1rem 1.25rem;
  border-bottom: 2px solid #e2e8f0;
  white-space: nowrap;
}

.v3-sotk-table td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  vertical-align: top;
  line-height: 1.5;
}

.v3-sotk-table tr:hover td {
  background: #f8fafc;
}

/* SOTK Table Symmetrical Regulation Columns */
.v3-sotk-table th:nth-child(2),
.v3-sotk-table td:nth-child(2),
.v3-sotk-table th:nth-child(3),
.v3-sotk-table td:nth-child(3) {
  min-width: 195px;
  width: 195px;
}

.v3-sotk-table td:nth-child(2) br,
.v3-sotk-table td:nth-child(3) br {
  display: none !important;
}

.v3-sotk-badge-reg {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: #d30024;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.78rem;
  padding: 0.42rem 0.75rem;
  border-radius: 6px;
  border: 1px solid #b5001f;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0.35rem;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(211, 0, 36, 0.2);
}

.v3-sotk-table .v3-sotk-badge-reg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 165px !important;
  max-width: 165px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  margin-bottom: 0.35rem !important;
}

.v3-sotk-table .v3-sotk-badge-reg:last-child {
  margin-bottom: 0 !important;
}

a.v3-sotk-badge-reg:hover {
  background: #b5001f;
  color: #ffffff !important;
  border-color: #990017;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(181, 0, 31, 0.35);
  text-decoration: none;
}

a.v3-sotk-badge-reg:active {
  transform: translateY(0);
}

a.v3-sotk-badge-reg svg {
  flex-shrink: 0;
  transition: transform 0.2s ease;
  stroke: #ffffff;
  color: #ffffff;
  margin-right: 0.35rem;
}

a.v3-sotk-badge-reg:hover svg {
  transform: translateY(1px);
}

.v3-feature-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.75rem;
}

@media (max-width: 900px) {
  .v3-org-pimpinan-card {
    flex-direction: column;
    align-items: flex-start;
  }
}



/* SOTK Additional UI Components */
.v3-org-quicknav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  padding: 1rem 1.25rem;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
  margin: 1.5rem auto 2.5rem auto;
  max-width: 1080px;
}

.v3-org-quicknav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1rem;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: #1e293b !important;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.v3-org-quicknav-link:hover {
  background: #002255;
  border-color: #002255;
  color: #ffffff !important;
  transform: translateY(-2px);
}

.v3-org-hierarki-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.15rem;
  margin-top: 1.5rem;
}

.v3-org-hierarki-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1.35rem 1.15rem;
  position: relative;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
}

.v3-org-hierarki-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 34, 85, 0.1);
  border-color: #002255;
}

.v3-org-hierarki-card.card-mabes {
  border-top: 4px solid #001433;
}

.v3-org-hierarki-card.card-polda {
  border-top: 4px solid #002255;
}

.v3-org-hierarki-card.card-polres {
  border-top: 4px solid #d30024;
}

.v3-org-hierarki-card.card-polsek {
  border-top: 4px solid #d4af37;
}

.v3-org-hierarki-level {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 0.35rem;
}

.v3-org-hierarki-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: #001433;
  margin-bottom: 0.45rem;
}

.v3-org-hierarki-leader {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #002255;
  background: #f0f4f8;
  padding: 0.25rem 0.55rem;
  border-radius: 6px;
  margin-bottom: 0.75rem;
}

.v3-org-hierarki-desc {
  font-size: 0.8rem;
  color: #475569;
  line-height: 1.45;
  margin: 0;
  flex: 1;
}

.v3-org-emblem-card {
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px;
  padding: 2rem 1.5rem;
  text-align: center;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.65);
  max-width: 420px;
  margin: 0 auto;
}

.v3-org-emblem-img {
  width: 140px;
  height: 140px;
  object-fit: contain;
  margin: 0 auto 1.25rem auto;
  display: block;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));
}

.v3-org-emblem-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: #001433;
  margin: 0 0 0.35rem 0;
}

.v3-org-emblem-desc {
  font-size: 0.85rem;
  color: #64748b;
  margin: 0 0 1rem 0;
  line-height: 1.45;
}

.v3-org-sub-badge {
  display: inline-block;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  text-transform: uppercase;
  margin-right: 0.45rem;
  letter-spacing: 0.02em;
}

@media (max-width: 1024px) {
  .v3-org-hierarki-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .v3-org-hierarki-grid {
    grid-template-columns: 1fr;
  }
  .v3-org-quicknav {
    flex-direction: column;
    align-items: stretch;
  }
  .v3-org-quicknav-link {
    justify-content: center;
  }
}


/* ==================== V3 KONTAK RESMI SATKER (ELEGAN & MODERN) ==================== */
.v3-contact-root {
  font-family: inherit;
  color: #1e293b;
  margin-bottom: 2.5rem;
}

/* 1. Hero Header - Luxury Deep Navy Midnight */
.v3-contact-hero {
  background: radial-gradient(100% 120% at 85% 10%, #1e3a8a 0%, #0f172a 50%, #020617 100%);
  border-top: 4px solid #d30024;
  border-radius: 20px;
  padding: 2.75rem 2.5rem 0 2.5rem;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  box-shadow: 0 16px 40px -10px rgba(15, 23, 42, 0.25);
}

.v3-contact-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
}

.v3-contact-hero::after {
  content: "";
  position: absolute;
  top: -80px;
  right: 140px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.22) 0%, rgba(211, 0, 36, 0.12) 40%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.v3-contact-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
  align-items: flex-end;
  gap: 2.5rem;
  position: relative;
  z-index: 2;
}

.v3-contact-hero-content {
  padding-bottom: 2.75rem;
}

.v3-contact-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  background: rgba(220, 38, 38, 0.18);
  color: #fca5a5;
  border: 1px solid rgba(248, 113, 113, 0.35);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.38rem 0.95rem;
  border-radius: 999px;
  margin-bottom: 1.15rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.v3-kicker-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
  animation: v3Pulse 2s infinite;
}

@keyframes v3Pulse {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.v3-contact-hero h1 {
  font-size: 2.35rem;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.v3-contact-lead {
  font-size: 1.02rem;
  line-height: 1.7;
  color: #cbd5e1;
  max-width: 820px;
  margin: 0 0 1.5rem 0;
  font-weight: 400;
}

.v3-contact-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.v3-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #e2e8f0;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.4rem 0.85rem;
  border-radius: 8px;
  backdrop-filter: blur(6px);
}

.v3-hero-chip i {
  color: #38bdf8;
  font-size: 0.85rem;
}

.v3-hero-chip.v3-chip-emergency {
  background: rgba(220, 38, 38, 0.22);
  border-color: rgba(248, 113, 113, 0.4);
  color: #fecaca;
}

.v3-hero-chip.v3-chip-emergency i {
  color: #f87171;
}

.v3-contact-hero-visual {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  padding-right: 1rem;
}

.v3-contact-polwan-img {
  width: auto;
  max-width: 330px;
  max-height: 410px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.55));
  display: block;
  margin-bottom: 0;
}

.v3-hero-officer-badge {
  position: absolute;
  bottom: 25px;
  left: 0;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 0.45rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #f8fafc;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.v3-hero-officer-badge i {
  color: #10b981;
}

/* 2. Notice Banner (Dual Notice: PPID vs Call 110) */
.v3-contact-notice-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #0284c7;
  border-radius: 14px;
  padding: 1.25rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

.v3-notice-content {
  display: flex;
  align-items: flex-start;
  gap: 1.15rem;
  flex: 1;
}

.v3-contact-notice-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #e0f2fe;
  color: #0284c7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-notice-badge {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0284c7;
  margin-bottom: 0.2rem;
}

.v3-contact-notice-text {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #334155;
}

.v3-contact-notice-text strong {
  color: #0f172a;
}

.v3-notice-call-110 {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  background: linear-gradient(135deg, #d30024 0%, #b91c1c 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 0.75rem 1.25rem;
  border-radius: 12px;
  flex-shrink: 0;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(211, 0, 36, 0.25);
}

.v3-notice-call-110:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(211, 0, 36, 0.35);
  color: #ffffff !important;
}

.v3-110-beacon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  animation: v3Beacon 1.8s infinite;
}

@keyframes v3Beacon {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8); }
  70% { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

.v3-110-text {
  display: flex;
  flex-direction: column;
}

.v3-110-title {
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.2;
}

.v3-110-sub {
  font-size: 0.7rem;
  opacity: 0.9;
  font-weight: 500;
}

/* 3. Three Quick Contact Cards */
.v3-contact-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
  margin-bottom: 2.25rem;
}

.v3-contact-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.65rem 1.5rem;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  position: relative;
  overflow: hidden;
}

.v3-contact-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  transition: background 0.25s ease;
}

.v3-contact-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09);
  border-color: #cbd5e1;
}

.v3-contact-card:hover::before {
  background: linear-gradient(90deg, #d30024, #0284c7);
}

.v3-contact-card-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.15rem;
}

.v3-contact-card-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v3-contact-card-icon.icon-address {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  color: #2563eb;
}

.v3-contact-card-icon.icon-phone {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  color: #16a34a;
}

.v3-contact-card-icon.icon-email {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  color: #dc2626;
}

.v3-contact-card-badge {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 0.2rem;
}

.v3-contact-card-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
  line-height: 1.3;
}

.v3-contact-card-value {
  font-size: 0.94rem;
  line-height: 1.6;
  color: #334155;
  font-weight: 500;
  margin-bottom: 1.25rem;
  flex-grow: 1;
}

.v3-contact-card-sub {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: #059669;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  padding: 0.25rem 0.6rem;
  border-radius: 6px;
  margin-bottom: 0.85rem;
}

.v3-contact-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #0284c7;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 10px;
  padding: 0.65rem 1rem;
  text-decoration: none !important;
  transition: all 0.2s ease;
  margin-top: auto;
}

.v3-contact-action-btn:hover {
  background: #0284c7;
  color: #ffffff !important;
  border-color: #0284c7;
}

/* 4. Main 2-Column Section (Form 60% + Companion 40%) */
.v3-contact-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.95fr);
  gap: 1.75rem;
  margin-bottom: 2.25rem;
  align-items: start;
}

/* Form Box */
.v3-contact-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 2.25rem;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

.v3-contact-box-header {
  margin-bottom: 1.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #f1f5f9;
}

.v3-contact-box-header h2 {
  font-size: 1.4rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.45rem 0;
  letter-spacing: -0.01em;
}

.v3-contact-box-header p {
  font-size: 0.88rem;
  line-height: 1.55;
  color: #64748b;
  margin: 0;
}

/* Category Pills Selector */
.v3-contact-category-selector {
  margin-bottom: 1.5rem;
}

.v3-contact-category-selector label {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.5rem;
}

.v3-cat-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.v3-cat-pill {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.5rem 0.95rem;
  border-radius: 999px;
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  color: #475569;
  transition: all 0.2s ease;
  user-select: none;
}

.v3-cat-pill:hover {
  background: #f1f5f9;
  border-color: #94a3b8;
  color: #1e293b;
}

.v3-cat-pill.active {
  background: #eff6ff;
  border-color: #0284c7;
  color: #0284c7;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.15);
}

.v3-contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.v3-contact-form-group {
  margin-bottom: 1.25rem;
}

.v3-contact-form-group label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.45rem;
}

.v3-contact-form-group label i {
  color: #0284c7;
  font-size: 0.85rem;
}

.v3-contact-input {
  width: 100%;
  padding: 0.8rem 1.05rem;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  font-size: 0.92rem;
  color: #0f172a;
  transition: all 0.2s ease;
  background: #ffffff;
}

.v3-contact-input:focus {
  outline: none;
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
  background: #ffffff;
}

.v3-contact-textarea {
  min-height: 130px;
  resize: vertical;
}

.v3-contact-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  background: linear-gradient(135deg, #d30024 0%, #b91c1c 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.95rem;
  padding: 0.95rem 2rem;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 6px 18px rgba(211, 0, 36, 0.25);
  width: 100%;
}

.v3-contact-submit-btn:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(211, 0, 36, 0.35);
  color: #ffffff;
}

/* Companion Right Column */
.v3-contact-companion {
  display: flex;
  flex-direction: column;
  gap: 1.35rem;
}

.v3-companion-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.6rem 1.5rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.v3-companion-title {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 1.15rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f1f5f9;
}

.v3-companion-title i {
  color: #0284c7;
}

/* SOP Steps */
.v3-sop-steps {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.v3-sop-item {
  display: flex;
  gap: 0.95rem;
  align-items: flex-start;
}

.v3-sop-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(2, 132, 199, 0.25);
}

.v3-sop-text h4 {
  font-size: 0.88rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.2rem 0;
  line-height: 1.3;
}

.v3-sop-text p {
  font-size: 0.8rem;
  line-height: 1.5;
  color: #64748b;
  margin: 0;
}

/* Transparency & Regulation Badge Card */
.v3-transparency-card {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
}

.v3-transparency-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0369a1;
  background: #e0f2fe;
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
  margin-bottom: 0.65rem;
}

.v3-transparency-desc {
  font-size: 0.82rem;
  line-height: 1.6;
  color: #475569;
  margin: 0;
}

/* Social Media Channels Grid */
.v3-social-channels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.v3-social-channel-btn {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 0.95rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #334155 !important;
  text-decoration: none !important;
  font-size: 0.8rem;
  font-weight: 700;
  transition: all 0.2s ease;
}

.v3-social-channel-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.v3-social-channel-btn.btn-ig:hover {
  background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);
  color: #ffffff !important;
  border-color: transparent;
}

.v3-social-channel-btn.btn-yt:hover {
  background: #ff0000;
  color: #ffffff !important;
  border-color: #ff0000;
}

.v3-social-channel-btn.btn-fb:hover {
  background: #1877f2;
  color: #ffffff !important;
  border-color: #1877f2;
}

.v3-social-channel-btn.btn-x:hover {
  background: #000000;
  color: #ffffff !important;
  border-color: #000000;
}

.v3-social-channel-btn i {
  font-size: 1.15rem;
}

/* 5. Google Maps Card */
.v3-contact-map-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  margin-bottom: 2.5rem;
}

.v3-contact-map-head {
  padding: 1.35rem 1.6rem;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.v3-contact-map-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.v3-contact-map-title h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0;
}

.v3-contact-map-body {
  width: 100%;
  height: 440px;
  position: relative;
}

.v3-contact-map-body iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.v3-contact-map-footer {
  padding: 1.1rem 1.6rem;
  background: #f8fafc;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.85rem;
  color: #475569;
}

/* Responsiveness */
@media (max-width: 991px) {
  .v3-contact-hero-inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .v3-contact-hero-visual {
    justify-content: center;
    padding-right: 0;
  }
  .v3-contact-polwan-img {
    max-height: 320px;
  }
  .v3-contact-grid-3 {
    grid-template-columns: 1fr;
  }
  .v3-contact-main-grid {
    grid-template-columns: 1fr;
  }
  .v3-contact-notice-box {
    flex-direction: column;
    align-items: stretch;
  }
  .v3-notice-call-110 {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .v3-contact-hero {
    padding: 2rem 1.25rem 0 1.25rem;
  }
  .v3-contact-hero h1 {
    font-size: 1.75rem;
  }
  .v3-contact-box {
    padding: 1.5rem 1.25rem;
  }
  .v3-contact-form-row {
    grid-template-columns: 1fr;
  }
  .v3-social-channels {
    grid-template-columns: 1fr;
  }
}

/* Dark Mode Support */
.dark-mode .v3-contact-hero {
  background: radial-gradient(100% 120% at 85% 10%, #0f172a 0%, #0b0f19 50%, #020617 100%);
  border-color: #334155;
  border-top-color: #d30024;
}

.dark-mode .v3-contact-card,
.dark-mode .v3-contact-box,
.dark-mode .v3-companion-card,
.dark-mode .v3-contact-map-card,
.dark-mode .v3-contact-notice-box {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

.dark-mode .v3-contact-card-title,
.dark-mode .v3-contact-box-header h2,
.dark-mode .v3-companion-title,
.dark-mode .v3-sop-text h4,
.dark-mode .v3-contact-map-title h3,
.dark-mode .v3-contact-form-group label,
.dark-mode .v3-contact-notice-text strong {
  color: #f8fafc;
}

.dark-mode .v3-contact-card-value,
.dark-mode .v3-contact-notice-text,
.dark-mode .v3-sop-text p,
.dark-mode .v3-transparency-desc {
  color: #cbd5e1;
}

.dark-mode .v3-contact-input {
  background: #0f172a;
  border-color: #334155;
  color: #f8fafc;
}

.dark-mode .v3-contact-input:focus {
  background: #0f172a;
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
}

.dark-mode .v3-cat-pill {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

.dark-mode .v3-cat-pill.active {
  background: #1e3a8a;
  border-color: #38bdf8;
  color: #38bdf8;
}

.dark-mode .v3-transparency-card,
.dark-mode .v3-contact-map-footer,
.dark-mode .v3-social-channel-btn {
  background: #0f172a;
  border-color: #334155;
  color: #cbd5e1 !important;
}

.dark-mode .v3-contact-notice-icon {
  background: #0f172a;
  color: #38bdf8;
}

.dark-mode .v3-contact-box-header,
.dark-mode .v3-companion-title,
.dark-mode .v3-contact-map-head {
  border-color: #334155;
}


.dark-mode .v3-contact-notice-text strong {
  color: #f8fafc;
}

/* Responsive */
@media (max-width: 991px) {
  .v3-contact-grid-3 {
    grid-template-columns: 1fr;
  }
  .v3-contact-main-grid {
    grid-template-columns: 1fr;
  }
  .v3-contact-hero {
    padding: 2rem 1.5rem 0 1.5rem;
  }
  .v3-contact-hero-inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .v3-contact-hero-content {
    padding-bottom: 1rem;
  }
  .v3-contact-hero-visual {
    justify-content: center;
    padding-right: 0;
  }
  .v3-contact-polwan-img {
    max-height: 320px;
  }
  .v3-contact-hero h1 {
    font-size: 1.65rem;
  }
}

/* Footer reset for contact page */
.page-contact ~ #footer,
.v3-contact-root ~ #footer {
  margin-top: 0 !important;
}

/* ==================== V3 LEGAL & POLICY PAGES (PRIVACY & MEDIA SIBER) ==================== */
.v3-legal-root {
  font-family: inherit;
  color: #1e293b;
  margin-bottom: 2.5rem;
}

.v3-legal-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-radius: 20px;
  padding: 2.75rem 2.25rem;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12);
}

.v3-legal-hero::after {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle, rgba(220, 38, 38, 0.22) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.v3-legal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(220, 38, 38, 0.2);
  color: #fca5a5;
  border: 1px solid rgba(248, 113, 113, 0.35);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}

.v3-legal-hero h1 {
  font-size: 2.15rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.25;
  margin: 0 0 0.85rem 0;
  letter-spacing: -0.01em;
}

.v3-legal-hero p {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #cbd5e1;
  max-width: 860px;
  margin: 0 0 1.25rem 0;
}

.v3-legal-meta {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
  color: #94a3b8;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.v3-legal-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.v3-legal-meta-item svg {
  color: #38bdf8;
}

/* Quick Navigation */
.v3-legal-quicknav {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-bottom: 2.25rem;
  padding: 1.1rem 1.4rem;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.v3-legal-quicknav-label {
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
  margin-right: 0.5rem;
}

.page-content .v3-legal-quicknav-link,
.v3-legal-quicknav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #334155 !important;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
  padding: 0.38rem 0.85rem;
  border-radius: 999px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.page-content .v3-legal-quicknav-link:hover,
.v3-legal-quicknav-link:hover {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.page-content .v3-legal-closing-btn,
.v3-legal-closing-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff !important;
  background: #0f172a;
  border-radius: 10px;
  padding: 0.75rem 1.4rem;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.page-content .v3-legal-closing-btn:hover,
.v3-legal-closing-btn:hover {
  background: #d30024 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(211, 0, 36, 0.25);
}

/* Section Cards */
.v3-legal-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 2rem 2.25rem;
  margin-bottom: 1.75rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.v3-legal-card:hover {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
}

.v3-legal-card-header {
  display: flex;
  align-items: flex-start;
  gap: 1.15rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f5f9;
}

.v3-legal-num-badge {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #dbeafe;
}

.v3-legal-card-header-text h2,
.v3-legal-card-header-text h3 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.25rem 0;
  line-height: 1.35;
}

.v3-legal-card-header-text .v3-legal-sub {
  font-size: 0.8rem;
  font-weight: 700;
  color: #0284c7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.v3-legal-card-body {
  font-size: 0.94rem;
  line-height: 1.75;
  color: #334155;
}

.v3-legal-card-body p {
  margin: 0 0 1rem 0;
}

.v3-legal-card-body p:last-child {
  margin-bottom: 0;
}

.v3-legal-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.v3-legal-list li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  line-height: 1.65;
}

.v3-legal-list li::before {
  content: "";
  position: absolute;
  left: 0.35rem;
  top: 0.65rem;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0284c7;
}

.v3-legal-nested-ol {
  list-style-type: lower-alpha;
  padding-left: 1.5rem;
  margin: 0.85rem 0;
}

.v3-legal-nested-ol li {
  margin-bottom: 0.65rem;
  line-height: 1.65;
}

.v3-legal-sub-ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  margin: 0.65rem 0;
}

.v3-legal-sub-ol li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.v3-legal-callout {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.25rem 1.4rem;
  background: #f0f9ff;
  border-left: 4px solid #0284c7;
  border-radius: 0 12px 12px 0;
  margin: 1.25rem 0;
  color: #0369a1;
  font-size: 0.9rem;
  line-height: 1.65;
}

.v3-legal-callout.callout-warning {
  background: #fffbeb;
  border-left-color: #f59e0b;
  color: #92400e;
}

.v3-legal-callout.callout-danger {
  background: #fef2f2;
  border-left-color: #ef4444;
  color: #991b1b;
}

.v3-legal-callout svg {
  flex-shrink: 0;
  margin-top: 2px;
}

/* Callout Box Footer Dewan Pers */
.v3-legal-closing-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 1.75rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 2rem;
}

.v3-legal-closing-text h4 {
  font-size: 1.05rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.35rem 0;
}

.v3-legal-closing-text p {
  font-size: 0.86rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.v3-legal-closing-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff;
  background: #0f172a;
  border-radius: 10px;
  padding: 0.75rem 1.4rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.v3-legal-closing-btn:hover {
  background: #d30024;
  color: #ffffff !important;
  text-decoration: none;
  transform: translateY(-1px);
}

/* Dark Mode Support */
.dark-mode .v3-legal-hero {
  background: linear-gradient(135deg, #0b0f19 0%, #1e293b 100%);
  border: 1px solid #334155;
}

.dark-mode .v3-legal-quicknav,
.dark-mode .v3-legal-card,
.dark-mode .v3-legal-closing-card {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

.dark-mode .v3-legal-quicknav-link {
  background: #0f172a;
  border-color: #334155;
  color: #cbd5e1;
}

.dark-mode .v3-legal-card-header-text h2,
.dark-mode .v3-legal-card-header-text h3,
.dark-mode .v3-legal-closing-text h4 {
  color: #f8fafc;
}

.dark-mode .v3-legal-card-body {
  color: #cbd5e1;
}

.dark-mode .v3-legal-num-badge {
  background: #0f172a;
  border-color: #1e40af;
  color: #60a5fa;
}

.dark-mode .v3-legal-callout {
  background: #0f172a;
  border-color: #0284c7;
  color: #7dd3fc;
}

.dark-mode .v3-legal-closing-btn {
  background: #d30024;
}

/* Responsive */
@media (max-width: 900px) {
  .v3-legal-hero {
    padding: 2rem 1.5rem;
  }
  .v3-legal-hero h1 {
    font-size: 1.65rem;
  }
  .v3-legal-card {
    padding: 1.5rem;
  }
  .v3-legal-closing-card {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* ==================== CALL CENTER 110 HERO ENHANCEMENT ==================== */
.v3-callcenter-hero-inner,
.v3-hero-inner:has(.v3-callcenter-hero-img) {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  align-items: center;
}

.v3-callcenter-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.v3-callcenter-hero-img {
  width: auto;
  max-width: 480px;
  max-height: 520px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 22px 48px rgba(0, 0, 0, 0.55));
  display: block;
  transition: transform 0.3s ease;
}

.v3-callcenter-hero-img:hover {
  transform: translateY(-4px) scale(1.02);
}

.v3-callcenter-hero-visual .v3-hero-officer-badge {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
}

.v3-callcenter-hero-visual .v3-hero-officer-badge i {
  color: #ef4444;
}

.v3-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.v3-comp-card .v3-contact-grid-3 {
  margin-bottom: 0;
}

@media (min-width: 1201px) {
  .v3-callcenter-hero-img {
    max-width: 520px;
    max-height: 560px;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .v3-callcenter-hero-img {
    max-width: 420px;
    max-height: 480px;
  }
}

@media (max-width: 991px) {
  .v3-callcenter-hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2rem;
  }
  .v3-hero-chips {
    justify-content: center;
  }
  .v3-callcenter-hero-visual {
    order: -1;
    justify-content: center;
  }
  .v3-callcenter-hero-img {
    max-width: 340px;
    max-height: 400px;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .v3-callcenter-hero-img {
    max-width: 280px;
    max-height: 340px;
    margin: 0 auto;
  }
}


/* ==================== V3 CONTACT SINGLE ADDRESS CARD ==================== */
.v3-contact-address-wrap {
  width: 100%;
}

.v3-contact-card-single {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.75rem 2rem;
  margin-bottom: 0;
}

.v3-contact-single-left {
  flex: 1;
  min-width: 0;
}

.v3-contact-single-left .v3-contact-card-head {
  margin-bottom: 0.65rem;
}

.v3-contact-single-left .v3-contact-card-value {
  margin-bottom: 0;
  font-size: 1rem;
  color: #334155;
  line-height: 1.6;
}

.v3-contact-single-right {
  flex-shrink: 0;
}

.v3-contact-single-right .v3-contact-action-btn {
  width: auto;
  white-space: nowrap;
  padding: 0.85rem 1.4rem;
}

@media (max-width: 820px) {
  .v3-contact-card-single {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
    padding: 1.35rem 1.25rem;
  }
  .v3-contact-single-right .v3-contact-action-btn {
    width: 100%;
  }
}


/* ==================== V3 SOCIAL MEDIA SECTION ==================== */
.v3-hero-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
  margin: 0 0 1rem 0;
  font-size: 0.8rem;
}
.v3-hero-breadcrumb .breadcrumb-item,
.v3-hero-breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}
.v3-hero-breadcrumb .breadcrumb-item a:hover {
  color: #ffffff;
}
.v3-hero-breadcrumb .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.9);
}
.v3-hero-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.4);
}

.v3-social-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

.v3-social-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1.2rem 1.25rem;
  text-decoration: none !important;
  color: #1e293b !important;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.v3-social-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.v3-social-icon-box {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.35rem;
}

.card-instagram .v3-social-icon-box {
  background: linear-gradient(135deg, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
  color: #ffffff;
}

.card-youtube .v3-social-icon-box {
  background: #ff0000;
  color: #ffffff;
}

.card-facebook .v3-social-icon-box {
  background: #1877f2;
  color: #ffffff;
}

.card-twitter .v3-social-icon-box {
  background: #0f172a;
  color: #ffffff;
}

.v3-social-info {
  flex: 1;
  min-width: 0;
}

.v3-social-info h4 {
  font-size: 0.98rem;
  font-weight: 800;
  color: #0f172a;
  margin: 0 0 0.15rem 0;
}

.v3-social-info span {
  font-size: 0.76rem;
  color: #64748b;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v3-social-arrow {
  color: #cbd5e1;
  transition: transform 0.2s ease, color 0.2s ease;
}

.v3-social-card:hover .v3-social-arrow {
  color: #d30024;
  transform: translateX(3px);
}

@media (max-width: 991px) {
  .v3-social-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .v3-social-grid-4 {
    grid-template-columns: 1fr;
  }
}

.dark-mode .v3-social-card {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9 !important;
}

.dark-mode .v3-social-info h4 {
  color: #f8fafc;
}

.dark-mode .v3-social-info span {
  color: #94a3b8;
}


/* ==================== V3 TRIBRATA, CATUR PRASETYA & VISI MISI STYLING ==================== */
.v3-tribrata-hero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.v3-tribrata-logo-hero {
  width: auto;
  max-width: 280px;
  max-height: 290px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 35px rgba(201, 162, 39, 0.45)) drop-shadow(0 20px 40px rgba(0, 0, 0, 0.6));
  display: block;
  transition: transform 0.3s ease;
}

.v3-tribrata-logo-hero:hover {
  transform: scale(1.05) rotate(2deg);
}

.v3-ikrar-intro {
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffffff;
  border-radius: 14px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 20, 51, 0.15);
}

.v3-ikrar-badge {
  display: inline-block;
  background: rgba(201, 162, 39, 0.2);
  border: 1px solid rgba(201, 162, 39, 0.5);
  color: #ffd700;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.3rem 0.75rem;
  border-radius: 6px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.v3-ikrar-intro h4 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.5;
}

.v3-brata-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #c9a227;
  border-radius: 16px;
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  position: relative;
}

.v3-brata-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
  border-top-color: #d30024;
}

.v3-brata-num {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffd700;
  font-size: 1.15rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 20, 51, 0.2);
}

.v3-brata-tag {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #c9a227;
  text-transform: uppercase;
}

.v3-brata-text {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #1e293b;
  margin: 0;
  font-weight: 500;
}

.v3-prasetya-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #d30024;
  border-radius: 16px;
  padding: 1.5rem 1.35rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.v3-prasetya-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
}

.v3-prasetya-num {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(211, 0, 36, 0.1);
  color: #d30024;
  font-size: 1.05rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v3-prasetya-tag {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #d30024;
  text-transform: uppercase;
}

.v3-prasetya-text {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #1e293b;
  margin: 0;
  font-weight: 500;
}

/* Visi Misi Box */
.v3-visi-box, .v3-misi-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.25s ease;
}

.v3-visi-box:hover, .v3-misi-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.v3-visi-box {
  border-top: 4px solid #0284c7;
}

.v3-misi-box {
  border-top: 4px solid #16a34a;
}

.v3-visi-tag-blue {
  display: inline-block;
  align-self: flex-start;
  background: #e0f2fe;
  color: #0284c7;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.35rem 0.8rem;
  border-radius: 6px;
  text-transform: uppercase;
}

.v3-misi-tag-green {
  display: inline-block;
  align-self: flex-start;
  background: #dcfce7;
  color: #16a34a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 0.35rem 0.8rem;
  border-radius: 6px;
  text-transform: uppercase;
}

.v3-visi-content, .v3-misi-content {
  font-size: 1.05rem;
  line-height: 1.75;
  color: #1e293b;
  margin: 0;
}

.v3-jp-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-top: 4px solid #f59e0b;
  border-radius: 14px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
  transition: all 0.25s ease;
}

.v3-jp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.v3-jp-num {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #fef3c7;
  color: #b45309;
  font-size: 1rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v3-jp-text {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #334155;
  margin: 0;
}

.v3-tujuan-grid-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.15rem;
}

.v3-tujuan-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1.35rem 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
}

.v3-tujuan-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  border-color: #002255;
}

.v3-tujuan-num {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.95rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v3-tujuan-text {
  font-size: 0.88rem;
  line-height: 1.55;
  color: #1e293b;
  margin: 0;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .v3-tujuan-grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .v3-tujuan-grid-5 {
    grid-template-columns: 1fr;
  }
}

.dark-mode .v3-brata-card,
.dark-mode .v3-prasetya-card,
.dark-mode .v3-visi-box,
.dark-mode .v3-misi-box,
.dark-mode .v3-jp-card,
.dark-mode .v3-tujuan-card {
  background: #1e293b;
  border-color: #334155;
}

.dark-mode .v3-brata-text,
.dark-mode .v3-prasetya-text,
.dark-mode .v3-visi-content,
.dark-mode .v3-misi-content,
.dark-mode .v3-tujuan-text {
  color: #f1f5f9;
}

.dark-mode .v3-jp-text {
  color: #cbd5e1;
}


@media (max-width: 900px) {
  .v3-rekrutmen-hero-inner,
  .v3-hero-inner:has(.v3-rekrutmen-hero-img) {
    grid-template-columns: 1fr;
  }
}


/* ==================== V3 CONTACT 2-COLUMN (ALAMAT & SOSMED) ==================== */
.v3-contact-row-grid {
  margin-bottom: 2rem;
  align-items: stretch;
}

.v3-comp-block-col {
  height: 100%;
}

.v3-contact-card-h100 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.v3-contact-address-col-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.v3-contact-card-vertical {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1.5rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  flex: 1;
}

.v3-contact-card-vertical .v3-contact-card-head {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.v3-contact-card-vertical .v3-contact-card-value {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.6;
}

.v3-contact-card-btn-wrap {
  margin-top: auto;
  padding-top: 0.5rem;
}

.v3-contact-card-vertical .v3-contact-action-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.25rem;
  background: #ffffff;
  color: #0284c7;
  border: 1.5px solid #0284c7;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.v3-contact-card-vertical .v3-contact-action-btn:hover {
  background: #0284c7;
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25);
  transform: translateY(-2px);
}

.v3-social-grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  flex: 1;
}

.v3-social-grid-2x2 .v3-social-card {
  padding: 1rem 1.15rem;
  gap: 0.85rem;
  height: 100%;
}

.v3-social-grid-2x2 .v3-social-icon-box {
  width: 42px;
  height: 42px;
  font-size: 1.2rem;
}

.v3-social-grid-2x2 .v3-social-info h4 {
  font-size: 0.95rem;
  margin: 0;
}

.v3-social-grid-2x2 .v3-social-info span {
  font-size: 0.78rem;
}

@media (max-width: 576px) {
  .v3-social-grid-2x2 {
    grid-template-columns: 1fr;
  }
}

.dark-mode .v3-contact-card-vertical {
  background: #1e293b;
  border-color: #334155;
}

.dark-mode .v3-contact-card-vertical .v3-contact-card-value {
  color: #f1f5f9;
}

.dark-mode .v3-contact-card-vertical .v3-contact-action-btn {
  background: #0f172a;
  border-color: #38bdf8;
  color: #38bdf8;
}

.dark-mode .v3-contact-card-vertical .v3-contact-action-btn:hover {
  background: #38bdf8;
  color: #0f172a;
}


/* ==================== V3 TRIBRATA & CATUR PRASETYA SIDE-BY-SIDE ==================== */
.v3-floating-banner-compact {
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 0.85rem 1.75rem !important;
}

.v3-floating-banner-compact img,
.v3-floating-banner img,
.v3-floating-banner-img {
  max-height: 72px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.v3-pedoman-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
  margin-bottom: 2.5rem;
}

.v3-pedoman-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.75rem;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  transition: all 0.25s ease;
}

.v3-pedoman-col:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

#tribrata.v3-pedoman-col {
  border-top: 4px solid #c9a227;
}

#catur-prasetya.v3-pedoman-col {
  border-top: 4px solid #d30024;
}

.v3-pedoman-header {
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f1f5f9;
}

.v3-pedoman-header h2 {
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0;
  color: #001433;
}

.v3-ikrar-box {
  background: linear-gradient(135deg, #001433 0%, #002255 100%);
  color: #ffffff;
  border-radius: 12px;
  padding: 1.15rem 1.35rem;
  margin-bottom: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 16px rgba(0, 20, 51, 0.12);
  display: flex;
  align-items: center;
  min-height: 70px;
}

.v3-ikrar-box h4 {
  font-size: 0.98rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  line-height: 1.5;
}

.v3-pedoman-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  flex: 1;
}

.v3-pedoman-item {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.1rem 1.2rem;
  transition: all 0.2s ease;
  flex: 1;
}

.v3-pedoman-item:hover {
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transform: translateX(3px);
}

.v3-pedoman-text {
  font-size: 0.94rem;
  line-height: 1.65;
  color: #1e293b;
  margin: 0;
  font-weight: 500;
  flex: 1;
}

@media (max-width: 991px) {
  .v3-pedoman-grid {
    grid-template-columns: 1fr;
  }
}

.dark-mode .v3-pedoman-col {
  background: #1e293b;
  border-color: #334155;
}

.dark-mode .v3-pedoman-header {
  border-bottom-color: #334155;
}

.dark-mode .v3-pedoman-header h2 {
  color: #f8fafc;
}

.dark-mode .v3-pedoman-item {
  background: #0f172a;
  border-color: #334155;
}

.dark-mode .v3-pedoman-item:hover {
  background: #1e293b;
  border-color: #475569;
}

.dark-mode .v3-pedoman-text {
  color: #f1f5f9;
}

/* Prevent mepet kanan kiri */
.v3-contact-row-grid,
.v3-pedoman-grid {
  margin-bottom: 0 !important;
}