.cms_logo {
    width: 75px;
    padding: 10px;
}

@media (min-width: 1200px) {
    .layout-header2 {
        display: none;
    }
}

@media (max-width: 1199px) {
    .layout-header2 {
        display: block;
    }
    .sticky .category-header-2 .navbar-menu .menu-block .pixelstrap .dark-menu-item {
        color: #000; 
    }
}

.cms-kementan-form {
    border-radius:20px;
}

.cms-search {
    border-radius:20px;
}

.input-box {
    width:250px;
    border-radius:20px;
}

.bg-grey {
    background-color: rgb(209, 209, 209);
}

.brand-logo img {
    height: 100px;
}

.mr-10 {
    margin-right: 10px;
}

.fs-14 {
    font-size: 18px;
}

.gf-search-box {
    border-radius: 20px;
    opacity: 0.8;
}

.blog-page .blog-media .blog-right h4 {
    line-height: 1.2;
}

.br-20 {
    border-radius : 20px;
}

.brt-20 {
    border-top-left-radius : 20px;
    border-top-right-radius : 20px;
}

.brb-20 {
    border-bottom-left-radius : 20px;
    border-bottom-right-radius : 20px;
}

.brtr-20 {
    border-top-right-radius : 20px;
}

.p-10 {
    padding: 10px;
}

#b0 {
    border: 0;
}

#br-20 {
    padding: 2px;
    margin: 2px;
}

.pointer {
    cursor: pointer;
}

.file-attachment li{
    display: block;
}

.file-attachment{
    padding-top: 0;
}

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

.m-auto {
    margin: auto;
}

#cms-blog-custom {
    margin-bottom: 0;
}

#gf-mb-10 {
    margin-bottom: 10px;
}

.crop-area {
    max-height: 197px;
}

.p2 {
    padding: 2px;
}

.btn-rounded.btn-xxs {
    padding: 5px 10px;
    font-size: 10px;
    text-transform: capitalize;
}

.fs-12 {
    font-size:12px;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.img-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.highlights{
    display: inline-block;
    background: rgb(0, 0, 0, 0.4);
    padding: 10px;
    border-radius: 20px;
}

.h-70 {
    max-height: 65px;
    padding: 2px;
    width: auto;
    box-sizing: border-box;
}

.gf-listing-loader {
    display:flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.gf_login_label {
    background-color: #000000;
    padding: 1px 5px 1px 5px;
    border-radius: 20px;
}

#login_modal, #register_modal {
    overflow-y: auto;
}

.br-20 {
    border-radius: 20px;
}

.gf_pad_10 {
    padding:5px;
}

.gf_pad_15 {
    padding:15px;
}


.serv-label {
    font-size: 18px;
    font-weight: 1000;
    padding: 5px 10px 5px 10px;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.m0 {
    margin: 0;
}

#banner-title {
    margin-top: 40vh;
}

@media (max-width: 768px) {
    #banner-title {
        margin-top: 30vh;
    }
}

.blog-left {
    position: relative;
}

.blog-left img {
    display: block; 
    width: 100%;
    border-radius: 20px; 
}

.blog-left p {
    width:100%;
    position: absolute; /* Position the paragraph element absolutely */
    bottom: 10px; /* Adjust top position as needed */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Center horizontally */
    background-color: rgba(0, 0, 0, 0.5); /* Apply a semi-transparent background color */
    color: #fff; /* Set text color to white */
    padding: 5px; /* Add padding */
    border-radius: 10px; /* Apply border radius to the paragraph */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Add a subtle shadow effect */
}

.agenda-title h4{
    font-size: 23px;
    text-transform: uppercase; 
    color: #000;
    font-weight: 900; 
}

ul .sub-menu-popup {
    border-radius: 20px;
}

.pointing {
    position: relative;
    display: inline-block;
    color: #ffd966; /* Set the text color */
    text-decoration: none;
}

.pointing2 {
    position: relative;
    display: inline-block;
    color: #62f7e3; /* Set the text color */
    text-decoration: none;
}

.pointing::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #ffd966; /* Set the underline color */
    transition: width 0.3s ease; /* Set the transition effect */
}

.pointing2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: #62f7e3; /* Set the underline color */
    transition: width 0.3s ease; /* Set the transition effect */
}

.pointing:hover::after {
    width: 100%; /* Fully underline the text on hover */
}

.pointing2:hover::after {
    width: 100%; /* Fully underline the text on hover */
}

.arrow-icon {
    font-size: 10px;
    transition: transform 0.3s ease; /* Transition for spinning effect */
}

.pointing:hover .arrow-icon {
    transform: rotate(180deg); /* Rotate the arrow on hover */
}   

.pointing2:hover .arrow-icon {
    transform: rotate(180deg); /* Rotate the arrow on hover */
}

.sub-arrow {
    display: none;
}

.mhov:hover {
    transition: background-color 0.3s ease;
    color: #ffd966;
    font-weight: 1000;
    border-radius: 5px;
}

.mhov2:hover {
    transition: background-color 0.3s ease;
    color: #62f7e3;
    font-weight: 1000;
    border-radius: 5px;
}

.vid_title { 
    color: #000;
    margin-bottom: 2px; 
    font-weight: 1000;
    text-transform: uppercase; 
}

.gtitle {
    color: #000;
    font-weight: 900;
    text-transform: uppercase; 
    letter-spacing: 0;
}

.img-fluids {
    width: 100%;
    border: 2px solid #dee2e1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
}

.pho_title { 
    color: #000;
    font-weight: 1000;
    text-transform: uppercase; 
}

.vid_title:hover { 
    color: #006600;
    font-size: 15px;
    cursor: pointer;
}

.gf_pad_20 li {
    display: list-item;
}

.badge_gf {
    background-color: #D0F7E2;
    color: #000;
}

#search_type {
    background-color: #006600;
    color: #fff;
}

.cms_footer_email {
    text-transform: lowercase;
}

.image-container {
    min-width: auto; /* Set the width */
    min-height: 200px; /* Set the height */
    max-height: 200px; /* Set the height */
    overflow: hidden; /* Hide any overflow */
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background-color: #fbf7f7;
    border-radius: 20px;
}

@media screen and (max-width: 530px) {
    .image-container {
        min-height: 150px; /* Adjusted height for screens wider than 530px */
    }

    .ontop-title {
        font-size: 10px;
    }
}

.image-container img {
    max-width: 100%; /* Ensure the image fills the container width */
    max-height: 100%; /* Ensure the image fills the container height */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
    border-radius: 20px; /* Apply border-radius to match the container */
}

.image-container-thumb {
    width: 100px; /* Set the width */
    height: 100px; /* Set the height */
    overflow: hidden; /* Hide any overflow */
    margin-right:8px;
}

.image-container-thumb img {
    width: 100%; /* Ensure the image fills the container width */
    height: 100%; /* Ensure the image fills the container height */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
    border-radius: 20px; /* Apply border-radius to match the container */
}

.mb-20 {
    margin-bottom: -20px;
}

.next-content:hover {
    background-color: #faf8f0;
}

#mini-tag {
    border: 0;
    margin-left: 10px;
    border-radius: 20px;

}

#mini-tag .title {
    color: #0d6efd;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    padding: 2px 10px 2px 10px;
    text-transform: capitalize;
}

.goog-te-gadget-simple, .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    width: 100%;
}