/*
Theme Name: Newstack
Theme URI: https://themeansar.com/free-themes/newstack-free-blog-magazine-elementor-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Newstack is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Newstack is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Newstack is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newstack/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 2.8
Requires PHP: 7.4
Requires at least: 6.6
Tested up to: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newstack
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Newstack WordPress Theme is child theme of Newsup, Copyright 2020 Themeansar
Newstack is distributed under the terms of the GNU General Public License v3

Newstack is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root{
	--bodyFont: 'Inter', sans-serif;
	--headFont: "Poppins", sans-serif;
}
a:focus {
    outline: 1px solid;
}

span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
.mg-social li span.icon-soci { 
    float: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.mg-headwidget.center .heacent {
    margin-top: unset !important;
}
.mg-headwidget.center .logo-center, .mg-headwidget.center .navbar-header, .mg-headwidget.center .site-branding-text  {
    float: none;
    text-align: center;
}

.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    margin: 8px auto 0 auto;
    font-weight: bold;
}
.mg-headwidget.center .heacent {
    margin-top: 40px;
    color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 40px;
    line-height: 25px;
    padding: 5px 15px;
}
.mg-search-box .dropdown-toggle::after {
	display: none;
}
.m-header {
	display: none;
}
.desk-header {
	display: flex;
}
.mobilehomebtn {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.logo-auto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mg-blog-post.md{
	width: 49.8%;
	float: left;
	height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
	margin-bottom: 1px;
}
.mg-blog-post.lg.mins {
	width: 100%;
	height: 222.5px;
	margin-bottom: 30px;
}
.mg-blog-post.lg.mins h4.title {
	font-size: 22px;
}
footer .site-description {
    letter-spacing: 1.2px; 
}
.mg-headwidget .site-branding-text .text-center {
    color: #fff;
    text-align: center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { 
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
.mg-social.info-right a:focus{
    outline: none;
}
.mg-nav-widget-area .navbar-brand{
    margin-right: 0;
}
.comment-detail .edit-link a, 
.comment-detail .reply a, 
pre.wp-block-code a {
    text-decoration: underline;
}
.mg-latest-news .mg-latest-news-slider{
    left: 185px;
}
div.mg-latest-news .bn_title span {
    border: none;
    top: unset;
    right: unset;
}
.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2, .mg-sidebar .mg-widget .wtitle, .mg-sec-title h4, footer .mg-widget h6{
    padding-right: 15px;
}
:is(.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2, .mg-sidebar .mg-widget .wtitle, .mg-sec-title h4, footer .mg-widget h6)::before{
    display: none;
}
.mg-blog-category a{
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}
.mg-sidebar .mg-widget .wtitle{
    font-weight: 700;
}
.mg-posts-modul-6 .mg-sec-top-post .title{
    font-size: 24px;
    line-height: 1.5;
}
.mg-posts-sec-inner .mg-posts-sec-post, .mg-sidebar .mg-widget{
    box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    border-radius: 0;
    border: none;
}
.mg-sidebar .mg-widget.widget_search:not(:has(.wp-block-search__button-outside)){
    padding-top: 0;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    align-items: center;
}
.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden){
    padding-left: 0;
    padding-right: 0;
}
.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) .wp-block-search__label{
    margin-left: 0;
}
.mg-posts-modul-6 .mg-post-thumb{
    margin-right: -5px;
}
.mg-tpt-tag-area, .mg-latest-news-sec{
    margin-top: 20px;
    padding: 0;
}
.mg-tpt-tag-area .mg-tpt-txnlst{
    padding: 2px 5px;
}
.mg-latest-news-sec{
    box-shadow: none;
}
.mg-latest-news-sec .mg-latest-news{
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}
/* youmissed */
.missed-inner .link-div{
    z-index: 1;
}
.missed-inner .mg-blog-inner :is(.mg-blog-category,.title,.mg-blog-meta){
    position: relative;
    z-index: 2;
}  
.missed-inner .mg-blog-inner {
    inset: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
/* Animation */
.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
}
/* The icon */
.bn_title .title::before {
    content: "\e0b7";   /* Font Awesome unicode */
    font-family: "Font Awesome 6 Free"; /* Or your FA font */
    font-weight: 900;
    font-size: 16px;
    position: relative;
    z-index: 2;
}
/* Ripple animation container (behind icon) */
.bn_title .title::after {
    content: "";
    position: absolute;
    left: 26px;       /* adjust position relative to icon */
    top: 50%;
    transform: translateY(-50%) translateX(0);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    animation: zoom 2s linear infinite;
    z-index: 1;
}
/* Additional ripples */
.bn_title .title span::before,
.bn_title .title span::after {
    content: "";
    position: absolute;
    right: -41px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    z-index: 1;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.bn_title .title span::before {
    animation: zoom 2s linear 0.5s infinite;
}

.bn_title .title span::after {
    animation: zoom 2s linear 1s infinite;
}
@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

/* ============================================= Responsive Part ======================================== */

@media (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}
@media (max-width: 991px) {
	.navbar-wp .navbar-nav > li> a i {
    	display: none;
	}	
    #menu-primary li.active.home {
        display: none;
    }
    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }
    .desk-header {
        display: none;
    }
}
@media (max-width: 767px) and (min-width: 576px) {
    .mg-fea-area .col-md-3 {
        display: flex;
    }
    .mg-fea-area .mg-blog-post.lg.mins {
        margin: 0 5px 30px 0;
    }
    .mg-fea-area .col-md-3.top-right-area{
        display: block;
    }
}
@media screen and (max-width: 767px) and (min-width: 240px) {
    .mg-headwidget .navbar-wp .navbar-nav > li> a {
        position: relative;
        border-bottom: 1px solid rgba(225,225,225,0.4);
    }
}
@media (min-width: 240px) and (max-width: 576px){
    .mg-fea-area .mg-blog-post.lg.mins,.mg-fea-area  .mg-posts-sec {
        margin-bottom:20px;
    }

    .mg-fea-area .mr-bot60 {
        margin-bottom: 50px;
    }
}

.kejari-side-banner{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.kejari-card{

    background:#fff;
    border-radius:16px;

    overflow:hidden;

    display:block;

    text-decoration:none;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

    transition:.35s;
}

.kejari-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 18px 35px rgba(0,0,0,.15);

}

.kejari-image{
    background:#fff;
    padding:10px;
}

.kejari-image img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
}

.kejari-card:hover img{

    transform:scale(1.08);

}

.kejari-body{

    padding:15px;

}

.kejari-body h3{

    color:#14532d;

    font-size:22px;

    margin-bottom:8px;

    font-weight:700;

}

.kejari-body p{

    color:#666;

    font-size:14px;

    line-height:1.6;

    margin-bottom:18px;

}

.kejari-btn{

    display:inline-block;

    background:#0b5d35;

    color:#fff;

    padding:10px 18px;

    border-radius:8px;

    font-size:13px;

    font-weight:600;

}

.kejari-card:hover .kejari-btn{

    background:#d4af37;

    color:#0b3d23;

}

/* Perbaiki foto profil Instagram */
.instagram-widget .sbi_header_img img,
.instagram-widget .sbi_header_img{
    width:60px !important;
    height:60px !important;
    border-radius:50%;
    overflow:hidden;
}

.instagram-widget .sbi_header_img img{
    object-fit:cover;
}

.instagram-widget{
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    overflow:hidden;
}

.instagram-widget .instagram-media{
    min-width:100% !important;
    max-width:100% !important;
}

.instagram-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);

    height:100%;
}

.instagram-image{
    height:180px;   /* sesuaikan, bisa 160-220px */
    overflow:hidden;
}

.instagram-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.instagram-body{

    padding:20px;
    text-align:center;
}

.instagram-body h3{

    color:#165c37;
    font-size:24px;
    font-weight:700;
    line-height:1.3;

    margin-bottom:12px;
}

.instagram-body p{

    color:#666;
    font-size:15px;
    line-height:1.6;

    margin-bottom:20px;
}

.instagram-btn{

    display:block;

    background:#E1306C;

    color:#fff !important;

    text-decoration:none;

    padding:12px;

    border-radius:8px;

    font-weight:700;

    margin-bottom:12px;

    transition:.3s;
}

.instagram-btn:hover{

    background:#C71E5C;
}

.instagram-btn-outline{
    display:block;
    background:#1877F2;
    color:#fff;
    text-align:center;
    padding:15px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.instagram-btn-outline:hover{
    background:#166FE5;
    color:#fff;
    text-decoration:none;
}

.instagram-btn-outline i{
    margin-right:8px;
    font-size:18px;
}

.instagram-btn-outline i{
    margin-right:8px;
    font-size:18px;
    vertical-align:middle;
}

.instagram-image{
    position:relative;
    overflow:hidden;
    border-radius:18px 18px 0 0;
}

.instagram-trending{
    position:absolute;
    top:12px;
    left:12px;

    background:#e53935;
    color:#fff;

    padding:6px 12px;

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

    border-radius:6px;

    z-index:2;

    text-transform:uppercase;

    box-shadow:0 3px 8px rgba(0,0,0,.25);
    pointer-events:none;
}

.instagram-image{
    position: relative;
}

.instagram-image a{
    display:block;
    position:relative;
}

.instagram-image img{
    width:100%;
    display:block;
}

.instagram-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:72px;
    height:72px;
    border-radius:50%;
    background:#ff0033;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    z-index:9999;
    pointer-events:auto;
}

.instagram-play i{
    pointer-events:none;
}

.instagram-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.2);
    pointer-events:none;
}

.instagram-image{
    position:relative;
    overflow:hidden;
}

.instagram-image a{
    display:block;
    position:relative;
}

.instagram-image img{
    width:100%;
    display:block;
    transition:.4s;
}

.instagram-image:hover img{
    transform:scale(1.05);
}

.instagram-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.18);
    pointer-events:none;
}

.instagram-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:74px;
    height:74px;
    border-radius:50%;
    background:#ff0033;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    z-index:100;
    transition:.3s;
    pointer-events:none;
}

.instagram-image:hover .instagram-play{
    transform:translate(-50%,-50%) scale(1.1);
    background:#e60023;
}

.pengumuman-title{
    margin-bottom:30px;
    font-size:34px;
    font-weight:700;
}

.pengumuman-card{
    display:flex;
    gap:25px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.pengumuman-card .thumb{
    width:340px;
    flex-shrink:0;
}

.pengumuman-card img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.pengumuman-card .content{
    padding:25px;
    flex:1;
}

.tanggal{
    color:#888;
    font-size:14px;
}

.pengumuman-card h3{
    margin:10px 0 15px;
    font-size:28px;
    line-height:1.4;
}

.pengumuman-card h3 a{
    color:#111;
    text-decoration:none;
}

.btn-detail{
    display:inline-block;
    margin-top:15px;
    background:#0c4da2;
    color:#fff;
    padding:12px 20px;
    border-radius:8px;
    text-decoration:none;
}

.pengumuman-heading{
    margin-bottom:35px;
    font-weight:700;
}

.pengumuman-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    margin-bottom:35px;
}

.pengumuman-image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

.pengumuman-content{
    padding:25px;
}

.pengumuman-date{
    color:#888;
    font-size:14px;
}

.pengumuman-content h3{
    margin:15px 0;
    line-height:1.5;
}

.pengumuman-content h3 a{
    color:#111;
    text-decoration:none;
}

.pengumuman-content p{
    color:#666;
    line-height:1.8;
}

.btn-pengumuman{
    display:inline-block;
    margin-top:20px;
    background:#0d6efd;
    color:#fff;
    padding:12px 22px;
    border-radius:8px;
    text-decoration:none;
}

.btn-pengumuman:hover{
    color:#fff;
}

/* ========================= */

.pengumuman-header{

text-align:center;

margin-bottom:45px;

}

.pengumuman-header h1{

font-size:42px;

font-weight:700;

margin-bottom:8px;

}

.pengumuman-header p{

color:#777;

font-size:17px;

}

/* ========================= */

.pengumuman-card{

display:flex;

gap:25px;

background:#fff;

border-radius:18px;

overflow:hidden;

margin-bottom:35px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

transition:.35s;

border:1px solid #ececec;

}

.pengumuman-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.15);

}

/* ========================= */

.pengumuman-image{

width:320px;

position:relative;

flex-shrink:0;

}

.pengumuman-image img{

width:100%;

height:240px;

object-fit:cover;

display:block;

}

/* ========================= */

.badge-pengumuman{

position:absolute;

top:18px;

left:18px;

background:#0d6efd;

color:#fff;

padding:8px 18px;

font-size:13px;

font-weight:700;

border-radius:30px;

letter-spacing:.5px;

}

/* ========================= */

.pengumuman-content{

padding:30px;

flex:1;

display:flex;

flex-direction:column;

justify-content:center;

}

.pengumuman-date{

font-size:14px;

color:#888;

margin-bottom:15px;

}

.pengumuman-content h2{

font-size:30px;

margin-bottom:15px;

line-height:1.4;

}

.pengumuman-content h2 a{

color:#212529;

text-decoration:none;

}

.pengumuman-content h2 a:hover{

color:#0d6efd;

}

.pengumuman-content p{

font-size:16px;

color:#666;

line-height:1.8;

margin-bottom:25px;

}

/* ========================= */

.pengumuman-btn{

display:inline-block;

background:#0d6efd;

color:#fff;

padding:12px 25px;

border-radius:8px;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.pengumuman-btn:hover{

background:#084dbd;

color:#fff;

}

/* ========================= */

@media(max-width:768px){

.pengumuman-card{

flex-direction:column;

}

.pengumuman-image{
    width:320px;
    min-width:320px;
    height:220px;
    overflow:hidden;
    position:relative;
    border-radius:15px 0 0 15px;
}

.pengumuman-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.pengumuman-content{

padding:20px;

}

.pengumuman-content h2{

font-size:24px;

}

}

/*==============================*/

.pengumuman-card{

display:flex;

align-items:center;

background:#fff;

border-radius:18px;

overflow:hidden;

margin-bottom:35px;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.35s;

border:1px solid #ececec;

}

.pengumuman-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

/*==============================*/

.pengumuman-image{

width:350px;

min-width:350px;

height:220px;

overflow:hidden;

position:relative;

background:#f5f5f5;

}

.pengumuman-thumb{

width:100%;

height:100%;

display:block;

object-fit:cover;

object-position:center;

transition:.4s;

}

.pengumuman-card:hover .pengumuman-thumb{

transform:scale(1.08);

}

/*==============================*/

.badge-pengumuman{

position:absolute;

top:15px;

left:15px;

background:#0d6efd;

color:#fff;

padding:8px 18px;

border-radius:30px;

font-size:13px;

font-weight:700;

}

/*==============================*/

.pengumuman-content{

padding:30px;

flex:1;

}

.pengumuman-date{

color:#888;

font-size:14px;

margin-bottom:12px;

}

.pengumuman-content h2{

font-size:34px;

line-height:1.35;

margin-bottom:18px;

font-weight:700;

}

.pengumuman-content h2 a{

text-decoration:none;

color:#0d5c44;

}

.pengumuman-content h2 a:hover{

color:#0d6efd;

}

.pengumuman-content p{

font-size:17px;

line-height:1.8;

color:#666;

margin-bottom:28px;

}

/*==============================*/

.pengumuman-btn{

display:inline-block;

background:#0d6efd;

color:#fff!important;

padding:13px 28px;

border-radius:8px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.pengumuman-btn:hover{

background:#084dbd;

}

/*==============================*/

@media(max-width:768px){

.pengumuman-card{

flex-direction:column;

}

.pengumuman-image{

width:100%;

min-width:100%;

height:240px;

}

.pengumuman-content{

padding:20px;

}

.pengumuman-content h2{

font-size:24px;

}

}
.badge-pengumuman{
    top:12px;
    left:12px;
    padding:7px 15px;
    font-size:12px;
}
.pengumuman-btn{
    display:inline-flex;
    width:auto;
    align-self:flex-start;
}

.pengumuman-header h1{

font-size:42px;

font-weight:700;

color:#155724;

}

.pengumuman-header p{

font-size:16px;

color:#777;

margin-top:10px;

}

/*==========================
SEARCH PENGUMUMAN
==========================*/

.pengumuman-search{

max-width:700px;

margin:30px auto 40px;

}

.pengumuman-search form{

display:flex;

gap:12px;

}

.pengumuman-search input{

flex:1;

height:52px;

padding:0 18px;

border:1px solid #ddd;

border-radius:10px;

font-size:16px;

outline:none;

transition:.3s;

}

.pengumuman-search input:focus{

border-color:#0d6efd;

box-shadow:0 0 10px rgba(13,110,253,.15);

}

.pengumuman-search button{

padding:0 28px;

border:none;

border-radius:10px;

background:#0d6efd;

color:#fff;

font-weight:600;

cursor:pointer;

transition:.3s;

}

.pengumuman-search button:hover{

background:#084dbd;

}
/* ===== Footer Contact Kejari ===== */

footer .footer-contact,
footer .footer-contact *{
    color:#ffffff !important;
}

footer .footer-contact ul{
    list-style:none;
    margin:0;
    padding:0;
}

footer .footer-contact li{
    font-size:16px !important;
    line-height:1.8;
    margin-bottom:12px;
}

footer .footer-contact a,
footer .footer-contact a:link,
footer .footer-contact a:visited{
    color:#ffffff !important;
    text-decoration:none;
}

footer .footer-contact a:hover{
    color:#d4af37 !important;
}

footer .footer-contact i{
    color:#ffffff !important;
    width:20px;
    margin-right:10px;
}
.footer-feedback{

    background:#fff;
    width: 100%;

    padding:25px;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.footer-feedback h4{

    color:#0b5e3c;

    font-weight:700;

}

.footer-feedback p{

    color:#666;

    font-size:14px;

}

.feedback-success{

    background:#d4edda;

    color:#155724;

    padding:10px;

    border-radius:6px;

    margin-bottom:15px;

}

.footer-input,
.footer-textarea{

    width:100%;

    margin-top:12px;

    border:1px solid #ddd;

    border-radius:8px;

    padding:10px;

}

.footer-textarea{

    height:100px;

    resize:none;

}

.footer-feedback{
    padding: 15px 18px; /* sebelumnya mungkin 25px */
}

.footer-feedback h4{
    margin-bottom: 8px;
    font-size: 20px;
}

.footer-feedback p{
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.star-rating{
    margin-bottom: 10px;
}

.footer-input{
    padding: 7px 10px;
    margin-bottom: 8px;
}

.footer-textarea{
    min-height: 70px;   /* sebelumnya mungkin 120px */
    padding: 8px 10px;
    margin-bottom: 10px;
    resize: vertical;
}

.footer-textarea{
    min-height: 50px;
}
.footer-textarea{
    height: 50px;
}

.btn-feedback{
    padding: 8px 15px;
    font-size: 14px;
}

.btn-feedback{

    width:100%;

    margin-top:15px;

    background:#0d6efd;

    color:#fff;

    border:none;

    border-radius:8px;

    padding:12px;

    font-weight:bold;

}

.btn-feedback:hover{

    background:#084298;

}

.star-rating{

    display:flex;

    flex-direction:row-reverse;

    justify-content:center;

    margin:20px 0;

}

.star-rating input{

    display:none;

}

.star-rating label{

    font-size:36px;

    color:#ccc;

    cursor:pointer;

    transition:.2s;

}

.star-rating label:hover,
.star-rating label:hover ~ label{

    color:#ffc107;

}

.star-rating input:checked ~ label{

    color:#ffc107;

}