/******************************************************************
  Template Name: Lifeguru
  Description: Lifeguru Event HTML Template
  Author: Colorlib
  Author URI: http://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Home About Section
6.  Team Member Section
7.  Pricing Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
    /* height: 100%;
	font-family: 'Segoe UI', 'Arial', 'sans-serif';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased; */

    margin: 0;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5e6e82;
    text-align: left;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.25rem;
}

h3 {
    font-size: 1.875rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1.125rem;
}

p {
    font-size: 1rem;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    color: #272727;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
}

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

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    text-align: center;
    margin-bottom: 22px;
}

.section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #171822;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 1rem;
    color: #272727;
    margin-bottom: 0;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 24px;
    padding-bottom: 24px;
}

.spad-2 {
    padding-top: 50px;
    padding-bottom: 70px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

.bg-gradient,
.bd-text .bd-tag-share .s-share a:hover,
.bh-text .play-btn,
.schedule-table-tab .nav-tabs .nav-item .nav-link.active,
.newslatter-inner .ni-form button,
.latest-item .li-tag,
.price-item .price-btn:hover,
.price-item .pi-price,
.price-item .tr-tag,
.schedule-tab .nav-tabs .nav-item .nav-link.active,
.site-btn {
    background-image: -o-linear-gradient(330deg, #ee8425 0%, #f9488b 100%),
        -o-linear-gradient(330deg, #ee8425 0%, #f9488b 100%);
    background-image: linear-gradient(120deg, #ee8425 0%, #f9488b 100%),
        linear-gradient(120deg, #ee8425 0%, #f9488b 100%);
}

/* buttons */
/* 
.primary-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 40px;
    color: #ffffff;
    text-align: center;
    border-radius: 50px;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#ee8425),
            to(#f9488b)
        ),
        -webkit-gradient(linear, left top, right top, from(#ee8425), to(#f9488b));
    background-image: -o-linear-gradient(left, #ee8425 0%, #f9488b 100%),
        -o-linear-gradient(left, #ee8425 0%, #f9488b 100%);
    background-image: linear-gradient(to right, #ee8425 0%, #f9488b 100%),
        linear-gradient(to right, #ee8425 0%, #f9488b 100%);
} */

.primary-btn {
    background-image: linear-gradient(to right, #ee2525 0%, #f9488b 100%), linear-gradient(to right, #ee8425 0%, #f94881 100%);
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding: 12px 40px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 50px;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s;
    z-index: 1;
}

.primary-btn:hover {
    background-image: linear-gradient(to right, #EE8227 0%, #F94A89 100%), linear-gradient(to right, #EE8227 0%, #F94A89 100%);
    color: #ffffff;
    text-decoration: none;
}

.site-btn {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    border: none;
    padding: 10px 40px 12px;
    border-radius: 50px;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
}

.loader {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    background-image: url('../images/icon.png');
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    animation: light-rays 2s linear infinite;
}

@keyframes light-rays {
    0% {
        box-shadow:
            0 0 5px rgba(255, 253, 227, 0.6),
            0 0 10px rgba(255, 253, 227, 0.5),
            0 0 15px rgba(255, 253, 227, 0.4),
            0 0 20px rgba(255, 253, 227, 0.3);
    }

    50% {
        box-shadow:
            0 0 15px rgba(255, 253, 227, 0.8),
            0 0 25px rgba(255, 253, 227, 0.7),
            0 0 35px rgba(255, 253, 227, 0.6),
            0 0 45px rgba(255, 253, 227, 0.5);
    }

    100% {
        box-shadow:
            0 0 5px rgba(255, 253, 227, 0.6),
            0 0 10px rgba(255, 253, 227, 0.5),
            0 0 15px rgba(255, 253, 227, 0.4),
            0 0 20px rgba(255, 253, 227, 0.3);
    }
}

/*---------------------
  Header
-----------------------*/

.header-section {
    left: 0;
    position: sticky;
    width: 100%;
    z-index: 1000;
    top: 0;
    padding: 0 15px;
    height: 90px;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
}

.header-section.sticky {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.header-section.sticky .nav-menu .mainmenu ul li a {
    color: #171822 !important;
}

.header-section.header-normal {
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
}

.header-section.header-normal .nav-menu .mainmenu ul li a {
    color: #171822;
}

/* Navbar Logo - Standardized */
.logo {
    float: left;
    padding-top: var(--padding-lg);
    /* 24px - standardized */
    padding-bottom: var(--padding-md);
    /* 16px - standardized */
}

.logo a {
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.logo a {
    display: inline-block;
}

.nav-menu {
    float: right;
    margin-top: -10px;
}

.nav-menu .mainmenu {
    display: inline-block;
}

.nav-menu .mainmenu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 40px;
    position: relative;
}

.nav-menu .mainmenu ul li .dropdown {
    position: absolute;
    width: 180px;
    background: #ffffff;
    z-index: 99;
    left: 0;
    top: 130px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 4px 13px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 4px 13px 30px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-menu .mainmenu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.nav-menu .mainmenu ul li .dropdown li a {
    padding: 8px 10px;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: capitalize;
}

.nav-menu .mainmenu ul li .dropdown li a:hover {
    color: #f44949;
}

.nav-menu .mainmenu ul li .dropdown li a:after {
    display: none;
}

.nav-menu .mainmenu ul li.active a:after {
    opacity: 1;
}

.nav-menu .mainmenu ul li:hover>a:after {
    opacity: 1;
}

.nav-menu .mainmenu ul li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: 100px;
}

/* Navbar Menu - Standardized */
.nav-menu .mainmenu ul li a {
    font-size: 1rem;
    /* 16px - standardized */
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    padding: 42px 0;
    position: relative;
    display: inline-block;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.nav-menu .mainmenu ul li .dropdown li a {
    padding: var(--padding-sm) var(--padding-sm);
    /* 12px 12px - standardized */
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 0.875rem;
    /* 14px - standardized */
}

.nav-menu .mainmenu ul li .dropdown li a:hover {
    color: #f44949;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.nav-menu .mainmenu ul li .dropdown li a:after {
    display: none;
}

.nav-menu .mainmenu ul li.active a:after {
    opacity: 1;
}

.nav-menu .mainmenu ul li:hover>a:after {
    opacity: 1;
}

.nav-menu .mainmenu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 36px;
    height: 2px;
    width: 100%;
    background: #f44949;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-menu .primary-btn.top-btn {
    margin: 27px 0;
}

.slicknav_menu {
    display: none;
}

/*---------------------
  Hero
-----------------------*/

/* CSS Variables for Consistent Padding */
:root {
    --padding-xs: 0.5rem;
    /* 8px */
    --padding-sm: 0.75rem;
    /* 12px */
    --padding-md: 1rem;
    /* 16px */
    --padding-lg: 1.5rem;
    /* 24px */
    --padding-xl: 2rem;
    /* 32px */
    --padding-2xl: 2.5rem;
    /* 40px */
    --padding-3xl: 3rem;
    /* 48px */
    --padding-4xl: 4rem;
    /* 64px */
    --padding-5xl: 6.25rem;
    /* 100px */
}

.hero-section {
    padding-top: var(--padding-5xl);
    /* 100px */
}

.hero-text {
    padding: var(--padding-md) var(--padding-lg);
    /* 16px 24px */
}

.hero-section .hero-text {
    padding: 10px;
}

.hero-section .hero-text span {
    font-size: 16px;
    color: #f44949;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hero-section .hero-text h2 {
    font-size: 60px;
    color: #ffffff;
    line-height: 72px;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 35px;
}

/* Responsive Hero Section */
@media (max-width: 768px) {
    .hero-section .hero-text h2 {
        font-size: 2.5rem;
        /* 40px - better for mobile */
        line-height: 1.2;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .hero-section .hero-text p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .hero-section .hero-text h2 {
        font-size: 2rem;
        /* 32px - better for small mobile */
        line-height: 1.1;
        margin-top: 0.75rem;
        margin-bottom: 1.25rem;
    }

    .hero-section .hero-text span {
        font-size: 0.875rem;
        /* 14px */
    }

    .hero-section .hero-text p {
        font-size: 0.875rem;
        /* 14px */
    }
}

/* Responsive Search Section */
@media (max-width: 768px) {
    .home-hero-search {
        padding: 2rem 0;
    }

    .home-hero-search-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .home-hero-search-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home-search-card {
        padding: 1rem;
    }

    .home-search-form {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .home-search-input {
        font-size: 1rem;
        padding: 0.75rem;
    }

    .home-search-btn {
        font-size: 0.875rem;
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 480px) {
    .home-hero-search {
        padding: 1.5rem 0;
    }

    .home-hero-search-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .home-hero-search-grid {
        gap: 1rem;
    }

    .home-search-card {
        padding: 0.75rem;
    }

    .home-search-input {
        font-size: 0.875rem;
        padding: 0.625rem;
    }

    .home-search-btn {
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
    }

    .home-search-trending {
        margin-top: 1rem;
    }
}

.start-search-text {
    text-align: left;
}

/*---------------------
  Conter
-----------------------*/

.counter-section {
    padding: 40px 0;
}

.counter-section .counter-text span {
    font-size: 16px;
    color: #ffffff;
}

.counter-section .counter-text h3 {
    color: #ffffff;
    font-weight: 700;
    line-height: 38px;
    margin-top: 10px;
}

.counter-section .cd-timer {
    text-align: right;
}

.counter-section .cd-timer .cd-item {
    display: inline-block;
    text-align: center;
    margin-left: 35px;
    height: 120px;
    width: 120px;
    padding-top: 32px;
    position: relative;
}

.counter-section .cd-timer .cd-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    content: "";
    opacity: 0.1;
    border-radius: 4px;
}

.counter-section .cd-timer .cd-item:first-child {
    margin-left: 0;
}

.counter-section .cd-timer .cd-item span {
    font-size: 60px;
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
}

.counter-section .cd-timer .cd-item p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    line-height: 30px;
}

/*---------------------
  Home About Section
-----------------------*/

.home-about-section {
    padding: 4rem 4rem;
}

.ha-pic {
    -webkit-box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
    box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
    margin-right: 30px;
    border-radius: 40px;
    overflow: hidden;
}

/* Responsive About Section Layout */
@media (max-width: 768px) {
    .home-about-section .row {
        flex-direction: column;
        gap: 2rem;
    }

    .ha-pic {
        margin-right: 0;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .ha-text {
        text-align: center;
        padding: 0 1rem;
    }

    .ha-text h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .ha-text p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .home-about-section .row {
        gap: 1.5rem;
    }

    .ha-pic {
        margin-bottom: 1rem;
    }

    .ha-text {
        padding: 0 0.75rem;
    }

    .ha-text h2 {
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
    }

    .ha-text p {
        font-size: 0.875rem;
        margin-bottom: 1.25rem;
    }
}

@media (max-width: 360px) {
    .home-about-section .row {
        gap: 1rem;
    }

    .ha-pic {
        margin-bottom: 0.75rem;
    }

    .ha-text {
        padding: 0 0.5rem;
    }

    .ha-text h2 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .ha-text p {
        font-size: 0.8rem;
        margin-bottom: 1rem;
    }
}

.ha-pic img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 40px;
    object-fit: cover;
}

/* Responsive About Section Image */
@media (max-width: 768px) {
    .ha-pic img {
        max-height: 300px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
    }
}

@media (max-width: 480px) {
    .ha-pic img {
        max-height: 250px;
        width: 100%;
        object-fit: cover;
        border-radius: 15px;
    }
}

@media (max-width: 360px) {
    .ha-pic img {
        max-height: 200px;
        width: 100%;
        object-fit: cover;
        border-radius: 12px;
    }
}

.ha-text h2 {
    color: #171822;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 32px;
}

.ha-text p {
    margin-bottom: 21px;
}

.ha-text ul {
    margin-bottom: 27px;
}

.ha-text ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    color: #272727;
}

.ha-text ul li span {
    color: #f44949;
}

.ha-text .ha-btn {
    font-size: 16px;
    color: #171822;
    font-weight: 600;
    position: relative;
}

.ha-text .ha-btn:before {
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 100%;
    background: #f44949;
    content: "";
}

/*---------------------
  Member Item
-----------------------*/

.team-member-section {
    overflow: hidden;
    background-color: #ffffff;
}

.member-item {
    width: 25%;
    float: left;
    height: 420px;
    position: relative;
    overflow: hidden;
}

.member-item:hover .mi-social {
    top: 0;
}

.member-item:hover .mi-text {
    left: 20px;
}

.member-item .mi-social {
    text-align: center;
    position: relative;
    top: -60px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.member-item .mi-social .mi-social-inner {
    display: inline-block;
    padding: 10px 23px 8px;
    border-radius: 0 0 4px 4px;
}

.member-item .mi-social .mi-social-inner a {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    margin-right: 10px;
}

.member-item .mi-social .mi-social-inner a:last-child {
    margin-right: 0;
}

.member-item .mi-text {
    background: #ffffff;
    padding: 16px 0 18px 25px;
    position: absolute;
    left: -500px;
    bottom: 20px;
    width: calc(100% - 40px);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.member-item .mi-text h5 {
    font-size: 20px;
    color: #171822;
    font-weight: 600;
    margin-bottom: 5px;
}

.member-item .mi-text span {
    font-size: 16px;
    color: #f44949;
    display: block;
}

/*---------------------
  Schedule Section
-----------------------*/

.schedule-section {
    background-color: #592FAF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237754BC'/%3E%3Cstop offset='1' stop-color='%23592FAF'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%236842b6'/%3E%3Cstop offset='1' stop-color='%23592FAF'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 1230)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.21' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}

.schedule-section h2,
.schedule-section p {
    color: #fff;
}

.schedule-tab .nav-tabs {
    display: flex;
    /* Menggunakan flexbox */
    justify-content: center;
    /* Menempatkan item di tengah */
    border: none;
    border-radius: 2px;
    margin-bottom: 25px;
    -webkit-box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
    box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
}

.schedule-tab .nav-tabs .nav-item {
    width: 200px;
    /* Agar ukuran tab menyesuaikan konten */
    text-align: center;
    padding: 0 10px;
    /* Menambah ruang di sekitar teks */
}

.schedule-tab .nav-tabs .nav-item h5 {
    color: #fff;
    margin-bottom: 0;
}

.schedule-tab .nav-tabs .nav-item:last-child {
    border-right: none;
}

.schedule-tab .nav-tabs .nav-item .nav-link {
    padding: 14px 0 13px 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.schedule-tab .nav-tabs .nav-item .nav-link.active {
    border-radius: 25px;
    border-color: #e7e7e8;
}

.schedule-tab .nav-tabs .nav-item .nav-link.active h5 {
    color: #ffffff;
}

.schedule-tab .nav-tabs .nav-item .nav-link.active p {
    color: #ffffff;
}

.schedule-tab .nav-tabs .nav-item .nav-link h5 {
    color: #fff;
    font-weight: 600;
}

.schedule-tab .nav-tabs .nav-item .nav-link p {
    margin-bottom: 0;
}

.schedule-tab .st-content {
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 1em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.schedule-tab .st-content:hover {
    -webkit-box-shadow: 3px 12px 30px rgba(23, 24, 34, 0.05);
    box-shadow: 3px 12px 30px rgba(23, 24, 34, 0.05);
    border: 1px solid transparent;
    cursor: pointer;
    transform: scale(1.03);
}

.schedule-tab .st-content .sc-pic {
    text-align: center;
    padding: 30px 0;
    display: flex;
    justify-content: center;
}

.schedule-tab .st-content .sc-pic img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
}

.schedule-tab .st-content .sc-pic .placeholder-text {
    height: 120px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1;
    color: #888;
    border-radius: 50%;
    background-color: #f0f0f0;
    padding: 0 1em;
    text-align: center;
}

.schedule-tab .st-content .sc-text {
    padding: 58px 0;
}

.schedule-tab .st-content .sc-text h4 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 10px;
}

.schedule-tab .st-content .sc-text ul li {
    list-style: none;
    display: inline-block;
    font-size: 16px;
    color: #272727;
    margin-right: 25px;
    position: relative;
}

.schedule-tab .st-content .sc-text ul li:last-child:after {
    display: none;
}

.schedule-tab .st-content .sc-text ul li:after {
    position: absolute;
    right: -18px;
    top: 0;
    content: "/";
}

.schedule-tab .st-content .sc-text ul li i {
    color: #f44949;
    font-size: 14px;
}

.schedule-tab .st-content .sc-widget {
    padding: 58px 0;
}

.schedule-tab .st-content .sc-widget li {
    list-style: none;
    font-size: 16px;
    color: #272727;
    line-height: 32px;
    position: relative;
    padding-left: 22px;
}

.schedule-tab .st-content .sc-widget li i:not(.dot-separator) {
    color: #f44949;
    position: absolute;
    left: 0;
    top: 7px;
}

/*---------------------
  Pricing Section
-----------------------*/

.pricing-section {
    padding-top: 90px;
    padding-bottom: 80px;
}

.pricing-section .section-title {
    margin-bottom: 88px;
}

.pricing-section .section-title h2 {
    color: #ffffff;
}

.pricing-section .section-title p {
    color: #a0a1b5;
}

.price-item {
    background: #ffffff;
    text-align: center;
    /* padding-top: 34px; */
    padding-bottom: 18px;
    position: relative;
    border-radius: 2px;
    margin-bottom: 40px;
}

.price-item.top-rated {
    margin-top: -36px;
}

.price-item .tr-tag {
    width: 28px;
    height: 50px;
    line-height: 38px;
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 50% 65%, 0% 100%, 0% 0%);
    clip-path: polygon(100% 0%, 100% 100%, 50% 65%, 0% 100%, 0% 0%);
    position: absolute;
    right: 26px;
    top: 0;
}

.price-item .tr-tag i {
    color: #ffffff;
}

.price-item h4 {
    color: #171822;
    font-weight: 700;
    /* text-transform: uppercase; */
    margin-bottom: 26px;
}

.price-item .pi-price {
    padding-top: 16px;
    padding-bottom: 14px;
    margin-bottom: 38px;
}

.price-item .pi-price h2 {
    font-size: 40px;
    color: #ffffff;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.price-item .pi-price h2 span {
    font-size: 30px;
    position: absolute;
    left: 0px;
    top: 9px;
}

.price-item ul li {
    list-style: none;
    font-size: 16px;
    color: #272727;
    line-height: 38px;
}

.price-item .price-btn {
    font-size: 16px;
    color: #171822;
    font-weight: 600;
    display: inline-block;
    background: #ffffff;
    padding: 10px 85px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    bottom: -39px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.price-item .price-btn:hover {
    color: #ffffff;
}

.price-item .price-btn:hover span {
    color: #ffffff;
}

.price-item .price-btn span {
    color: #f44949;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*---------------------
  Latest Blog
-----------------------*/

.latest-blog {
    background: #ffffff;
}

.latest-item {
    height: 255px;
    position: relative;
    margin-bottom: 40px;
    margin-left: 15px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 30px rgba(79, 84, 139, 0.15);
    box-shadow: 0px 0px 30px rgba(79, 84, 139, 0.15);
}

.latest-item.large-item {
    height: 550px;
    margin-right: 15px;
    margin-left: 0;
}

.latest-item.large-item .li-tag {
    left: 40px;
    top: 40px;
}

.latest-item.large-item .li-text {
    padding: 0 40px;
    bottom: 35px;
}

.latest-item.large-item .li-text h4 {
    margin-bottom: 17px;
}

.latest-item.large-item .li-text h4 a {
    color: #ffffff;
    font-weight: 600;
    line-height: 36px;
}

.latest-item.large-item .li-text span {
    font-size: 16px;
    color: #ffffff;
}

.latest-item.large-item .li-text span i {
    color: #f44949;
}

.latest-item .li-tag {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    padding: 5px 18px;
    border-radius: 2px;
    position: absolute;
    left: 30px;
    top: 30px;
}

.latest-item .li-text {
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 100%;
    padding: 0 30px;
}

.latest-item .li-text h5 {
    margin-bottom: 5px;
}

.latest-item .li-text h5 a {
    display: block;
    color: #ffffff;
    font-weight: 600;
    line-height: 30px;
}

.latest-item .li-text span {
    font-size: 14px;
    color: #ffffff;
}

.latest-item .li-text span i {
    color: #f44949;
}

/*---------------------
  Newslatter Section
-----------------------*/

.newslatter-section.about-newslatter .newslatter-inner {
    margin-top: 0;
}

.newslatter-inner {
    padding: 60px 70px 48px;
    overflow: hidden;
    border-radius: 2px;
    margin-top: -100px;
}

.newslatter-inner .ni-text {
    float: left;
}

.newslatter-inner .ni-text h3 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 8px;
}

.newslatter-inner .ni-text p {
    color: #ffffff;
    margin-bottom: 0;
}

.newslatter-inner .ni-form {
    width: 400px;
    position: relative;
    float: right;
    margin-top: 12px;
}

.newslatter-inner .ni-form input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #a0a1b5;
    padding-left: 20px;
    background: #ffffff;
    border-radius: 50px;
    border: none;
    padding-right: 140px;
}

.newslatter-inner .ni-form input::-webkit-input-placeholder {
    color: #a0a1b5;
}

.newslatter-inner .ni-form input::-moz-placeholder {
    color: #a0a1b5;
}

.newslatter-inner .ni-form input:-ms-input-placeholder {
    color: #a0a1b5;
}

.newslatter-inner .ni-form input::-ms-input-placeholder {
    color: #a0a1b5;
}

.newslatter-inner .ni-form input::placeholder {
    color: #a0a1b5;
}

.newslatter-inner .ni-form button {
    width: 128px;
    height: 40px;
    text-align: center;
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    position: absolute;
    right: 5px;
    top: 5px;
}

/*---------------------
  Home Contact
-----------------------*/

.contact-section {
    background-color: #ffffff;
}

.contact-section .section-title {
    text-align: left;
    margin-bottom: 40px;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.contact-section .section-title h2 {
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 2.25rem;
    /* 36px - standardized */
    font-weight: 700;
    color: #171822;
}

.contact-section .section-title p {
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 1rem;
    /* 16px - standardized */
    font-weight: 400;
    color: #272727;
    line-height: 1.5;
}

/* Contact Section Typography - Standardized */
.cs-text .ct-address span {
    font-size: 1rem;
    /* 16px - standardized */
    color: #272727;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-text .ct-address p {
    font-size: 1.125rem;
    /* 18px - standardized */
    color: #171822;
    line-height: 1.5;
    margin-top: 0.5rem;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-text ul {
    margin-bottom: 1.375rem;
    /* 22px - standardized */
}

.cs-text ul li {
    font-size: 1.125rem;
    /* 18px - standardized */
    color: #171822;
    line-height: 1.5;
    /* 27px → 24px - better readability */
    list-style: none;
    display: inline-block;
    margin-right: 2.625rem;
    /* 42px - standardized */
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-text ul li:last-child {
    margin-right: 0;
}

.cs-text ul li span {
    font-size: 1rem;
    /* 16px - standardized */
    color: #272727;
    display: block;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-text .ct-links span {
    font-size: 1rem;
    /* 16px - standardized */
    color: #272727;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-text .ct-links p {
    font-size: 1.125rem;
    /* 18px - standardized */
    color: #171822;
    line-height: 1.5;
    /* 30px → 24px - better readability */
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.cs-map {
    height: 400px;
    -webkit-box-shadow: 0px 12px 30px rgba(11, 12, 48, 0.15);
    box-shadow: 0px 12px 30px rgba(11, 12, 48, 0.15);
    border-radius: 25%;
}

.cs-map iframe {
    width: 100%;
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

/* Contact Section Links - Standardized */
.cs-text ul li a {
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 1.125rem;
    /* 18px - standardized */
    color: #171822;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cs-text ul li a:hover {
    color: #f44949;
    text-decoration: underline;
}

.cs-text .ct-links p a {
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
    font-size: 1.125rem;
    /* 18px - standardized */
    color: #171822;
    text-decoration: none;
    transition: color 0.3s ease;
}

.cs-text .ct-links p a:hover {
    color: #f44949;
    text-decoration: underline;
}

/*---------------------
  Footer
-----------------------*/

.footer-section {
    background: #171822;
    padding-top: 50px;
    padding-bottom: 60px;
}

.partner-logo {
    padding-bottom: 50px;
    border-bottom: 1px solid #2f3039;
}

.partner-logo .pl-table {
    display: inline-block;
    display: table;
}

.partner-logo .pl-table .pl-tablecell {
    display: table-cell;
    vertical-align: middle;
    height: 41px;
}

.footer-text {
    text-align: center;
    padding-top: 30px;

}

.footer-logo {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;

}



.footer-text .ft-logo {
    margin-bottom: 20px;
}

.footer-text .ft-logo a {
    display: inline-block;
}

.footer-text ul {
    margin-bottom: 18px;
}

.footer-text ul li {
    list-style: none;
    display: inline-block;
    margin-right: 52px;
}

.footer-text ul li:last-child {
    margin-right: 0;
}

.footer-text ul li a {
    font-size: 18px;
    color: #a0a1b5;
    display: inline-block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-text ul li a:hover {
    color: #f44949;
}

.footer-text .copyright-text {
    font-size: 14px;
    color: #a0a1b5;
    margin-bottom: 28px;
}

.footer-text .copyright-text i {
    color: #f44949;
}

.footer-text .copyright-text a {
    color: #a0a1b5;
}

.footer-text .copyright-text a:hover {
    color: #f44949;
}

.footer-text .ft-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #a3a3ae;
    border: 1px solid #45464e;
    border-radius: 50%;
    margin-right: 15px;
}

.footer-text .ft-social a:last-child {
    margin-right: 0;
}

/* ----------------------------------- Other Pages Styles ------------------------------- */

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
    padding: 55px 0 30px;
}

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

.breadcrumb-text h2 {
    font-size: 40px;
    color: #171822;
    font-weight: 600;
    margin-bottom: 14px;
}

.breadcrumb-text .bt-option a {
    font-size: 18px;
    color: #272727;
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.breadcrumb-text .bt-option a:after {
    position: absolute;
    right: -17px;
    top: 2px;
    content: "ï„…";
    font-family: 'Segoe UI', 'Arial', 'sans-serif';
}

.breadcrumb-text .bt-option span {
    display: inline-block;
    color: #272727;
    font-size: 18px;
}

/*---------------------
  About Section
-----------------------*/

.about-section {
    padding-top: 0;
    padding-bottom: 90px;
}

.about-section .section-title {
    text-align: left;
}

.about-section .section-title h2 {
    margin-bottom: 20px;
}

.about-section .section-title p {
    font-size: 16px;
}

.about-section .section-title p.f-para {
    margin-bottom: 20px;
}

.about-pic {
    -webkit-box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
    box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
}

.about-pic img {
    min-width: 100%;
}

.about-text {
    padding-top: 20px;
}

.about-text h3 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 25px;
}

.about-text p {
    margin-bottom: 20px;
}

.about-text ul li {
    font-size: 16px;
    color: #272727;
    line-height: 30px;
    list-style: none;
}

.about-text ul li span {
    color: #f44949;
}

/*---------------------
  Story Section
-----------------------*/

.story-section {
    padding-bottom: 30px;
}

.story-section .section-title {
    text-align: left;
}

.story-section .section-title h2 {
    margin-bottom: 0;
}

.story-left {
    padding-right: 40px;
}

.story-right {
    padding-left: 40px;
}

.story-item {
    margin-bottom: 28px;
}

.story-item h2 {
    color: #f44949;
    font-weight: 600;
    float: left;
    margin-right: 30px;
    line-height: 42px;
}

.story-item .si-text {
    overflow: hidden;
}

.story-item .si-text h4 {
    color: #171822;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 14px;
}

/*---------------------
  Testimonial Section (soft pinkish-white bg)
-----------------------*/

.testimonial-section {
    padding-bottom: 40px;
    overflow: hidden;
    background: #fdf8f8;
}

.testimonial-section .section-title {
    margin-bottom: 26px;
}

.testimonial-slider .col-lg-6 {
    max-width: 100%;
}

.testimonial-slider.owl-carousel .owl-stage-outer {
    padding-bottom: 60px;
    padding-top: 30px;
}

.testimonial-slider.owl-carousel .owl-nav button {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #171822;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: -66px;
    top: 50%;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.testimonial-slider.owl-carousel .owl-nav button:hover {
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(#ee8425),
            to(#f9488b));
    background: -o-linear-gradient(left, #ee8425, #f9488b);
    background: linear-gradient(to right, #ee8425, #f9488b);
    color: #ffffff;
}

.testimonial-slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -66px;
}

.testimonial-item {
    background: #ffffff;
    -webkit-box-shadow: 0px 6px 20px rgba(11, 12, 48, 0.15);
    box-shadow: 0px 6px 20px rgba(11, 12, 48, 0.15);
    border-radius: 4px;
    position: relative;
    padding: 40px 40px 15px 40px;
}

.testimonial-item .quote-pic {
    position: absolute;
    right: 50px;
    top: 50px;
}

.testimonial-item .ti-author {
    overflow: hidden;
    margin-bottom: 22px;
}

.testimonial-item .ti-author .ta-pic {
    float: left;
    margin-right: 20px;
}

.testimonial-item .ti-author .ta-pic img {
    height: 76px;
    width: 76px;
    border-radius: 50%;
}

.testimonial-item .ti-author .ta-text {
    overflow: hidden;
    padding-top: 12px;
}

.testimonial-item .ti-author .ta-text h5 {
    font-size: 20px;
    color: #171822;
    font-weight: 600;
    margin-bottom: 5px;
}

.testimonial-item .ti-author .ta-text span {
    display: block;
    color: #f44949;
}

.testimonial-item p {
    font-size: 16px;
    color: #171822;
    line-height: 32px;
}

/*---------------------
  Speaker Section
-----------------------*/

.speaker-section {
    padding-top: 0;
}

.speaker-item {
    margin-bottom: 50px;
}

.speaker-item .si-pic img {
    width: 250px;
    height: 350px;
    object-fit: cover;
    /* Ini memastikan gambar tetap proporsional */
    border-radius: 2px;
}

.speaker-item .si-text .si-title {
    margin-bottom: 0.75em;
}

.speaker-item .si-text .si-title h4 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.speaker-item .si-text .si-title span {
    color: #f44949;
    font-size: 16px;
    display: block;
}

.speaker-item .si-text .si-social {
    margin-bottom: 24px;
}

.speaker-item .si-text .si-social a {
    display: inline-block;
    font-size: 16px;
    color: #171822;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    background: #ebebeb;
    border-radius: 50%;
    margin-right: 5px;
}

.speaker-item .si-text .si-social a:hover {
    background: -o-linear-gradient(330deg, #ee8425, #f9488b);
    background: linear-gradient(120deg, #ee8425, #f9488b);
    color: #ffffff;
}

.speaker-item .si-text p {
    color: #707070;
    line-height: 26px;
}

.si-tag-wrapper {
    display: flex;
    flex-wrap: wrap;
    /* Membungkus tag jika diperlukan */
}

.si-tag-profile {
    display: inline-block;
    font-size: 10pt;
    color: #171822;
    padding: 5px 15px;
    text-align: center;
    line-height: 1.5;
    background: #ebebeb;
    border-radius: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.si-tag-2 {
    display: inline-block;
    font-size: 11.5px;
    color: #171822;
    padding: 3px 12px;
    text-align: center;
    line-height: 1.5;
    background: #ebebeb;
    border-radius: 25px;
    margin-right: 3px;
    margin-bottom: 10px;
}

.speaker-item-inner {
    margin-bottom: 40px;
}

.load-more {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 20px;
}

.load-more .primary-btn {
    padding: 12px 45px;
}

.load-more .btn-load-more {
    border-radius: 50px;
    font-weight: 700;
    color: #333;
    padding: 0.5em 2.5em;
    border: 1px solid #d3d3d3;
}

/*------------------------
  Datail Page Speaker
-------------------------*/
.container {
    margin-top: 0px;
}

.back-button {
    margin-bottom: 30px;
}

.back-button a {
    font-size: 17px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.back-button i {
    margin-right: 5px;
    font-size: 17px;
}

.profile-card {
    padding: 20px;
    margin-bottom: 20px;
}

.profile-img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 15px;
}

.profile-card,
.card h2 {
    font-size: 30px;
    font-weight: bold;
    /* Menebalkan tulisan */
}

.profile-card,
.card h4 {
    font-weight: bold;
}

.col-md-4 h3 {
    font-size: 15px;
    /* Mengubah ukuran teks pada p */
    font-weight: bold;
    /* Menebalkan tulisan */
    margin-bottom: 10px;
}

.card-title {
    margin-bottom: 1em;
}

h5.package-title {
    font-size: 14pt;
    margin-bottom: 0.3em;
}

.card-body p {
    font-size: 11.5pt;
}

.profile-card p {
    /* margin: 0px 30px; */
    font-size: 20px;
    /* Mengubah ukuran teks pada p */
}

.profile-card .si-social {
    margin: 24px 0px;
    float: left;
    padding-left: 1em;
}

.si-reserve {
    float: right;
    text-align: right;
    padding-right: 1em;
    display: flow;
    align-content: center;
}

.profile-card .si-social a {
    display: inline-block;
    font-size: 16px;
    color: #171822;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background: #ebebeb;
    border-radius: 50%;
    margin-right: 5px;
}

.profile-card .si-social a:hover {
    background: -o-linear-gradient(330deg, #ee8425, #f9488b);
    background: linear-gradient(120deg, #ee8425, #f9488b);
    color: #ffffff;
}

.card {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.tags {
    margin-top: 1.5em;
}

.tag {
    background-color: #007bff;
    color: #fff;
    padding: 5px 15px;
    border-radius: 50px;
    margin-right: 5px;
}

.event-img {
    width: 40%;
    border-radius: 10px;
}

.recommendations {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* flex-direction: row; */
    gap: 20px;
    /* Jarak antar kartu */
    margin-bottom: 10em;
}

.recommendations img {
    width: 50px;
    /* Menentukan lebar gambar */
    height: 50px;
    /* Menentukan tinggi gambar */
    object-fit: cover;
    /* Memastikan gambar tetap proporsional */
    border-radius: 50%;
    /* Membuat gambar berbentuk bulat */
    margin-bottom: 10px;
    /* Jarak antara gambar dan teks */
}

.small-card {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    background-color: #f9f9f9;
    transition: box-shadow 0.3s ease;
    width: 200px;
    /* Menentukan lebar card */
    height: 150px;
    /* Menentukan tinggi card, jika diperlukan */
}

.small-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Efek bayangan saat hover */
}

.small-card h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.small-card p {
    font-size: 12px;
    color: #666;
}

h5 {
    margin-bottom: 15px;
}

.col-md-8 .card {
    width: 100%;
}

.col-md-4 {
    width: 66.66%;
    max-width: 400px;
    margin-left: auto;
}

/*------------------------
  Schedule Table Section
-------------------------*/

.schedule-table-section {
    padding-top: 0;
}

.schedule-table-tab .nav-tabs {
    border: none;
    border-radius: 4px;
    margin-bottom: 50px;
    -webkit-box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
    box-shadow: 3px 10px 30px rgba(74, 74, 77, 0.15);
}

.schedule-table-tab .nav-tabs .nav-item {
    border-right: 1px solid #e7e7e8;
    width: 20%;
    text-align: center;
}

.schedule-table-tab .nav-tabs .nav-item:last-child {
    border-right: none;
}

.schedule-table-tab .nav-tabs .nav-item .nav-link {
    padding: 22px 0;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #171822;
}

.schedule-table-tab .nav-tabs .nav-item .nav-link.active {
    border-color: #e7e7e8;
    color: #ffffff;
}

.schedule-table-tab .schedule-table-content table {
    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1;
}

.schedule-table-tab .schedule-table-content table thead {
    border-bottom: 1px solid #e5e5e5;
}

.schedule-table-tab .schedule-table-content table thead tr th {
    border-right: 1px solid #e5e5e5;
    padding: 24px 0 26px;
}

.schedule-table-tab .schedule-table-content table thead tr th strong {
    font-size: 24px;
    color: #171822;
    font-weight: 600;
    margin-bottom: 8px;
}

.schedule-table-tab .schedule-table-content table thead tr th span {
    color: #f5523b;
    font-size: 16px;
    display: block;
    font-weight: 400;
}

.schedule-table-tab .schedule-table-content table tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.schedule-table-tab .schedule-table-content table tbody tr td {
    border-right: 1px solid #e5e5e5;
    width: 260px;
    height: 134px;
    padding: 37px 0 36px;
}

.schedule-table-tab .schedule-table-content table tbody tr td h5 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 10px;
}

.schedule-table-tab .schedule-table-content table tbody tr td p {
    color: #171822;
    margin-bottom: 0;
}

.schedule-table-tab .schedule-table-content table tbody tr td p span {
    color: #a0a1b5;
}

.schedule-table-tab .schedule-table-content table tbody tr td.event-time {
    width: 140px;
    color: #f44949;
    font-size: 24px;
    font-weight: 600;
}

.schedule-table-tab .schedule-table-content table tbody tr td.break h5 {
    margin-bottom: 0;
}

.schedule-table-tab .schedule-table-content table tbody tr td.hover-bg:hover {
    background: -o-linear-gradient(330deg, #ee8425, #f9488b);
    background: linear-gradient(120deg, #ee8425, #f9488b);
}

.schedule-table-tab .schedule-table-content table tbody tr td.hover-bg:hover h5 {
    color: #ffffff;
}

.schedule-table-tab .schedule-table-content table tbody tr td.hover-bg:hover p {
    color: #ffffff;
}

.schedule-table-tab .schedule-table-content table tbody tr td.hover-bg:hover p span {
    color: #ffffff;
}

/*---------------------
  Blog
-----------------------*/

.blog-section {
    padding-top: 0;
}

.blog-item {
    height: 277px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
    box-shadow: 0px 0px 30px rgba(11, 12, 48, 0.15);
}

.blog-item .bi-tag {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    padding: 3px 20px 5px;
    border-radius: 2px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.blog-item.large-item {
    height: 575px;
}

.blog-item.large-item .bi-tag {
    left: 30px;
    top: 30px;
}

.blog-item.large-item .bi-text {
    padding: 0 30px;
    bottom: 28px;
}

.blog-item .bi-text {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
    padding: 0 20px;
}

.blog-item .bi-text h5 {
    margin-bottom: 10px;
}

.blog-item .bi-text h5 a {
    color: #ffffff;
    line-height: 24px;
    font-weight: 600;
    display: block;
}

.blog-item .bi-text h3 {
    margin-bottom: 15px;
}

.blog-item .bi-text h3 a {
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
    line-height: 36px;
    display: block;
}

.blog-item .bi-text span {
    font-size: 14px;
    color: #ffffff;
    display: block;
}

.blog-item .bi-text span i {
    color: #f44949;
}

.load-more.blog-more {
    padding-top: 20px;
}

/*---------------------
  Blog Hero Section
-----------------------*/

.blog-hero-section {
    padding: 200px 0;
}

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

.bh-text .play-btn {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 79px;
}

.bh-text .play-btn i {
    color: #ffffff;
    font-size: 28px;
    margin-left: 6px;
}

.bh-text h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    margin-top: 34px;
    margin-bottom: 14px;
}

.bh-text ul li {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    position: relative;
}

.bh-text ul li:after {
    position: absolute;
    right: -22px;
    top: 4px;
    height: 14px;
    width: 1px;
    background: #6e6e6e;
    content: "";
}

.bh-text ul li:last-child {
    margin-right: 0;
}

.bh-text ul li:last-child:after {
    display: none;
}

.bh-text ul li span {
    font-size: 16px;
    text-transform: capitalize;
}

.bh-text ul li span strong {
    font-weight: 600;
}

/*---------------------
  Blog Details Section
-----------------------*/

.blog-details-section {
    padding-top: 70px;
}

.bd-text .bd-title {
    margin-bottom: 28px;
}

.bd-text .bd-quote {
    position: relative;
    padding-left: 32px;
    margin-bottom: 36px;
}

.bd-text .bd-quote:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #f44949;
    content: "";
}

.bd-text .bd-quote p {
    font-size: 18px;
    color: #171822;
    font-weight: 500;
    line-height: 30px;
}

.bd-text .bd-quote span {
    font-size: 14px;
    color: #f44949;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.bd-text .bd-quote img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.bd-text .bd-more-text {
    margin-bottom: 32px;
}

.bd-text .bd-more-text.second-text {
    margin-bottom: 56px;
}

.bd-text .bd-more-text h4 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 22px;
}

.bd-text .bd-more-pic {
    margin-bottom: 36px;
}

.bd-text .bd-more-pic img {
    min-width: 100%;
    border-radius: 2px;
}

.bd-text .bd-tag-share {
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.bd-text .bd-tag-share .tag {
    float: left;
    margin-top: 7px;
}

.bd-text .bd-tag-share .tag a {
    display: inline-block;
    font-size: 14px;
    background: #ebebeb;
    color: #272727;
    padding: 2px 17px 4px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 2px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.bd-text .bd-tag-share .tag a:hover {
    background: #f44949;
    color: #ffffff;
}

.bd-text .bd-tag-share .s-share {
    float: right;
}

.bd-text .bd-tag-share .s-share span {
    display: inline-block;
    color: #171822;
    font-size: 16px;
    margin-right: 12px;
}

.bd-text .bd-tag-share .s-share a {
    display: inline-block;
    font-size: 16px;
    color: #171822;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ebebeb;
    margin-left: 11px;
    border-radius: 50%;
}

.bd-text .bd-tag-share .s-share a:hover {
    color: #ffffff;
}

/*---------------------
  Comment Section
-----------------------*/

.comment-section h3 {
    color: #171822;
    font-weight: 600;
}

.comment-form input {
    width: 100%;
    height: 46px;
    background: #ffffff;
    padding-left: 20px;
    padding-right: 5px;
    border: none;
    margin-bottom: 30px;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.comment-form input::-webkit-input-placeholder {
    color: #a0a1b5;
}

.comment-form input::-moz-placeholder {
    color: #a0a1b5;
}

.comment-form input:-ms-input-placeholder {
    color: #a0a1b5;
}

.comment-form input::-ms-input-placeholder {
    color: #a0a1b5;
}

.comment-form input::placeholder {
    color: #a0a1b5;
}

.comment-form input:focus {
    border: 1px solid #f44949;
    color: #171822;
}

.comment-form textarea {
    width: 100%;
    height: 120px;
    background: #ffffff;
    padding-left: 20px;
    border: none;
    padding-top: 12px;
    padding-right: 5px;
    margin-bottom: 32px;
    border-radius: 2px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    resize: none;
}

.comment-form textarea::-webkit-input-placeholder {
    color: #a0a1b5;
}

.comment-form textarea::-moz-placeholder {
    color: #a0a1b5;
}

.comment-form textarea:-ms-input-placeholder {
    color: #a0a1b5;
}

.comment-form textarea::-ms-input-placeholder {
    color: #a0a1b5;
}

.comment-form textarea::placeholder {
    color: #a0a1b5;
}

.comment-form textarea:focus {
    border: 1px solid #f44949;
    color: #171822;
}

/*---------------------
  Related Post Section
-----------------------*/

.related-post-section {
    background: #ffffff;
    padding-bottom: 70px;
    padding-top: 90px;
}

.related-post-section .blog-item {
    height: 350px;
}

.related-post-section .blog-item .bi-tag {
    left: 30px;
    top: 30px;
}

.related-post-section .blog-item .bi-text {
    padding: 0 30px;
    bottom: 28px;
}

.related-post-section .blog-item .bi-text h5 {
    margin-bottom: 10px;
}

.related-post-section .blog-item .bi-text h5 a {
    font-size: 20px;
    line-height: 30px;
}

/*---------------------
  Contact Top Content
-----------------------*/

.contact-content-section {
    overflow: hidden;
}

.cc-text {
    height: 580px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 94px;
}

.cc-text .section-title {
    text-align: left;
    margin-bottom: 42px;
}

.cc-text .section-title h2 {
    color: #ffffff;
}

.cc-text .section-title p {
    color: #ffffff;
}

.cc-text .cs-text .ct-address span {
    color: #ffffff;
}

.cc-text .cs-text .ct-address p {
    color: #ffffff;
}

.cc-text .cs-text ul li {
    color: #ffffff;
}

.cc-text .cs-text ul li span {
    color: #ffffff;
}

.cc-text .cs-text .ct-links span {
    color: #ffffff;
}

.cc-text .cs-text .ct-links p {
    color: #ffffff;
}

.cc-map {
    height: 580px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

.cc-map iframe {
    width: 100%;
}

.cc-map .map-hover {
    position: absolute;
    left: 50%;
    top: 260px;
    -webkit-transform: translateX(-132px);
    -ms-transform: translateX(-132px);
    transform: translateX(-132px);
}

.cc-map .map-hover i {
    font-size: 30px;
    color: #f44949;
    position: absolute;
    left: 50%;
    top: -55px;
    -webkit-transform: translateX(-9px);
    -ms-transform: translateX(-9px);
    transform: translateX(-9px);
}

.cc-map .map-hover .map-hover-inner {
    width: 264px;
    text-align: center;
    background: #ffffff;
    padding: 27px 0 11px;
    -webkit-box-shadow: 0px 0px 30px rgba(74, 101, 106, 0.2);
    box-shadow: 0px 0px 30px rgba(74, 101, 106, 0.2);
}

.cc-map .map-hover .map-hover-inner:after {
    position: absolute;
    left: 50%;
    top: -6px;
    width: 30px;
    height: 30px;
    background: #ffffff;
    content: "";
    -webkit-transform: translateX(-15px) rotate(45deg);
    -ms-transform: translateX(-15px) rotate(45deg);
    transform: translateX(-15px) rotate(45deg);
}

.cc-map .map-hover .map-hover-inner h5 {
    color: #171822;
    font-weight: 600;
    margin-bottom: 7px;
}

.cc-map .map-hover .map-hover-inner p {
    color: #171822;
}

/*---------------------
  Contact Form
-----------------------*/

.comment-form.contact-form input {
    margin-bottom: 25px;
}

.comment-form.contact-form textarea {
    height: 150px;
    margin-bottom: 42px;
}

/*-------------------------------- Respinsive Media Styles --------------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Device: 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu .mainmenu ul li {
        margin-right: 25px;
    }

    .hero-section .hero-text {
        padding-top: 110px;
    }

    .counter-section .cd-timer .cd-item {
        margin-left: 25px;
    }

    .ha-text {
        padding-top: 0;
    }

    .member-item {
        width: 40%;
        height: 310px;
    }

    .testimonial-slider.owl-carousel .owl-nav button {
        left: -10px;
    }

    .testimonial-slider.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .newslatter-inner .ni-form {
        width: 350px;
    }

    .cc-text {
        padding-top: 65px;
    }
}

@media only screen and (max-width: 991px) {
    .schedule-tab .st-content .sc-pic {
        text-align: left;
        padding: 30px 0 0;
    }

    .schedule-tab .st-content .sc-text {
        padding: 30px 0 0;
    }

    .schedule-tab .st-content .sc-widget {
        padding: 30px 0;
    }

    .schedule-tab .st-content {
        padding-left: 30px;
    }

    .price-item.top-rated {
        margin-top: 0;
    }

    .latest-item.large-item {
        height: 550px;
        margin-right: 0;
        margin-left: 0;
    }

    .latest-item {
        margin-left: 0;
    }

    .cs-map {
        border-radius: 25%;
        margin-top: 20px;
    }

    .about-text {
        margin-top: 30px;
    }

    .story-right {
        padding-left: 0;
    }

    .newslatter-inner .ni-text {
        float: none;
    }

    .newslatter-inner .ni-form {
        float: none;
        margin-top: 30px;
    }

    .testimonial-slider.owl-carousel .owl-nav button {
        left: -10px;
    }

    .testimonial-slider.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .counter-section .counter-text {
        margin-bottom: 30px;
    }

    .counter-section .cd-timer {
        text-align: left;
    }

    .speaker-item .si-text .si-title {
        padding-top: 30px;
    }

    .bd-text .bd-more-pic img {
        margin-bottom: 10px;
    }

    .cc-text {
        padding-left: 40px;
    }

    .ha-pic {
        margin-right: 0;
    }

    .hero-section .hero-text {
        margin-bottom: 20px;
    }
}

/* Tablet Device: 768px - 1023px */

@media only screen and (min-width: 769px) and (max-width: 1023px) {
    /* Header tablet adjustments */
    .header-section .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .nav-menu .primary-btn.top-btn {
        display: none;
    }

    .nav-menu .mainmenu ul li {
        margin-right: 15px;
    }
    
    .nav-menu .mainmenu ul li a {
        font-size: 0.9rem;
        padding: 0.5rem 0;
    }
    
    .logo img {
        max-height: 40px;
        width: auto;
    }

    .bh-text h2 {
        font-size: 2.2rem;
        line-height: 1.2;
    }

    .nav-menu .mainmenu ul li:last-child {
        margin-right: 0;
    }

    .hero-section .hero-text {
        margin-bottom: 20px;
    }

    /* Sections tablet adjustments */
    .section-title h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    
    .section-title p {
        font-size: 0.95rem;
    }
    
    /* Team member items tablet layout */
    .member-item {
        width: 33.33%;
        padding: 1rem;
    }
    
    /* Gallery items tablet layout */
    .gallery-item {
        width: 50%;
    }
    
    /* Blog items tablet layout */
    .blog-item {
        width: 50%;
    }
    
    /* Pricing items tablet layout */
    .pricing-item {
        width: 50%;
        margin-bottom: 2rem;
    }
    
    /* Contact form tablet adjustments */
    .contact-form {
        padding: 2rem;
    }
    
    .contact-form input,
    .contact-form textarea {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
    
    /* Footer tablet adjustments */
    .footer-section {
        padding: 3rem 0 2rem;
    }
    
    .footer-widget {
        margin-bottom: 2rem;
    }
    
    /* Button tablet adjustments */
    .primary-btn {
        padding: 12px 20px;
        font-size: 0.9rem;
    }
    
    /* Container tablet adjustments */
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Large Mobile: 480px */

@media only screen and (max-width: 820px) {
    .logo {
        padding-bottom: 0;
    }

    .counter-section .cd-timer .cd-item {
        margin-bottom: 10px;
    }

    .member-item {
        width: 50%;
    }

    .newslatter-inner {
        padding: 60px 50px 48px;
    }

    .newslatter-inner .ni-form {
        width: 350px;
    }

    .footer-text ul li {
        margin-right: 15px;
    }

    .schedule-table-tab .schedule-table-content {
        overflow-x: auto;
    }

    .schedule-table-tab .nav-tabs .nav-item {
        width: 33.33%;
    }

    .bd-text .bd-tag-share .tag {
        float: none;
        margin-top: 0;
        margin-bottom: 25px;
    }

    .bd-text .bd-tag-share .s-share {
        float: none;
    }

    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 0;
    }

    .nav-menu .mainmenu {
        display: none;
    }

    .nav-menu .primary-btn.top-btn {
        display: none;
    }

    .slicknav_btn {
        margin: 1.85em 0 0 0;
        border-radius: 5px;
    }

    .slicknav_nav {
        background: #222;
        border-radius: 5px;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        margin: 0;
        padding: 10px 20px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .language-switcher i.fa.fa-caret-down {
        display: none;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav a:hover {
        border-radius: 0;
        background: #f44949;
        color: #ffffff;
    }

    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: #f44949;
        color: #ffffff;
    }

    .member-item .mi-text {
        left: -1000px;
    }

    .bh-text h2,
    .hero-section .hero-text h2 {
        font-size: 40px;
        line-height: normal;
    }

    .counter-section .cd-timer .cd-item {
        margin-right: 10px;
        margin-left: 0;
    }

    .counter-section .cd-timer .cd-item:last-child {
        margin-right: 0;
    }

    .testimonial-slider.owl-carousel {
        text-align: center;
    }

    .testimonial-slider.owl-carousel .owl-nav button {
        margin-top: 10px;
        position: relative;
    }

    .language-switcher .dropdown {
        position: relative !important;
        border-radius: 0 !important;
    }

    .start-search-text {
        text-align: center;
        margin-top: 1.5em;
    }

    .detail-speaker-name {
        font-size: 18pt !important;
        margin-left: 180px !important;
        margin-top: 160px !important;
    }

    .detail-profession {
        font-size: 13pt !important;
        margin-left: 180px !important;
    }

    .si-social {
        margin-bottom: 17px !important;
    }

    .si-reserve {
        padding-left: 1em !important;
        text-align: left !important;
    }

    .si-reserve button.reservasi-btn {
        font-size: 10pt !important;
        padding: 10px 25px;
    }

    .package-link {
        flex-flow: column !important;
    }

    .preview-container-poster {
        width: 100% !important;
        min-height: 18vh !important;
        margin-bottom: 2em !important;
    }

    .profile-package-program {
        margin-bottom: 5em !important;
    }
}

.package-link {
    flex-flow: row;
}

.preview-container-poster {
    position: relative;
    width: 120px;
    height: 150px;
    border-radius: 5px;
}

.preview-container-poster img {
    border-radius: 5px;
}

/* Small Mobile: 375px */
@media only screen and (max-width: 375px) {
    .hero-section .hero-text h2 {
        font-size: 2rem !important;
        /* 24px - optimal for 375px */
        line-height: 1.2;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }

    .hero-section .hero-text p {
        font-size: 1em !important;
        /* 12px */
        margin-bottom: 0.75rem;
    }

    .hero-section .hero-text span {
        font-size: 1em !important;
        /* 12px */
    }

    .home-hero-search {
        padding: 1rem 0;
    }

    .home-hero-search-container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .home-search-card {
        padding: 0.5rem;
    }

    .home-search-input {
        font-size: 1em !important;
        padding: 0.5rem;
    }

    .home-search-btn {
        font-size: 1em !important;
        padding: 0.5rem 0.75rem;
    }

    .partner-logo img {
        width: 100px;
    }

    .partner-logo .item img {
        height: 50px;
    }
}

/* Small Mobile: 320px */

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

    .bh-text h2,
    .hero-section .hero-text h2 {
        font-size: 36px;
        line-height: normal;
    }

    .newslatter-inner {
        padding: 60px 20px 48px;
    }

    .counter-section .cd-timer .cd-item {
        margin-right: 10px;
        margin-left: 0;
    }

    .schedule-tab .nav-tabs .nav-item {
        width: 33.33%;
    }

    .member-item {
        width: 100%;
    }

    .newslatter-inner .ni-form {
        width: 100%;
    }

    .newslatter-inner .ni-form button {
        width: 95px;
    }

    .newslatter-inner .ni-form input {
        padding-right: 100px;
    }

    .footer-text ul li {
        margin-bottom: 10px;
    }

    .schedule-table-tab .nav-tabs .nav-item {
        width: 50%;
    }

    .cc-text {
        padding-left: 30px;
        padding-top: 35px;
    }

    .story-item h2 {
        float: none;
        margin-bottom: 10px;
    }

    .bd-text .bd-tag-share .s-share a {
        font-size: 14px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin-left: 5px;
    }

    .language-switcher .dropdown {
        position: relative !important;
        border-radius: 0 !important;
    }
}

.btn-danger {
    color: #fff;
    background-color: #fc097c;
    border-color: #fc097c;
}

.detail-speaker-name {
    font-size: 30px;
    margin-left: 180px;
    margin-top: 120px;
}

.detail-profession {
    margin-left: 180px;
}

/* DETAIL TRENDING TOPIC PAGE */
.trending-detail-section {
    padding-top: 0;
    padding-bottom: 0;
}

.trending-detail-section .section-title p {
    font-size: 16px;
}

.trending-title {
    padding: 75px 0 25px;
}

.trending-title-text h2 {
    text-align: left;
    font-size: 2.5rem;
    color: #171822;
    font-weight: 600;
    margin-bottom: 14px;
}

.trending-title-text .bt-option {
    font-size: 11pt;
    color: #272727;
    display: inline-block;
    position: relative;
}

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

.trending-description p {
    text-align: justify;
}

.trending-description img {
    width: 500px;
    height: auto;
    border-radius: 5px;
    margin-bottom: 2em;
}

.title-related-speaker {
    font-size: 14pt;
    font-weight: bold;
    color: #333;
}

.related-speaker {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-flow: wrap;
    gap: 20px;
    margin-bottom: 10em;
}

.related-speaker img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}

.related-speaker a {
    width: 180px;
}

.related-card {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    background-color: #f9f9f9;
    transition: box-shadow 0.3s ease;
    max-width: 180px;
    max-height: 200px;
}

.related-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Efek bayangan saat hover */
}

.related-card h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.related-card p {
    font-size: 12px;
    color: #666;
}

.white-image {
    filter: brightness(0) invert(1);
}

.partner-logo .pl-table {
    width: 100%;
    /* Biarkan fleksibel */
    display: flex;
    justify-content: center;
}

.partner-logo .pl-tablecell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    /* optional */
}

.partner-logo img {
    width: 200px;
    /* ✅ SET width gambar di sini */
    height: auto;
    object-fit: contain;
}

.partner-logo .item img {
    height: 100px;
    /* atau sesuaikan dengan ketinggian maksimum yang diinginkan */
    width: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}


.margin-8px {
    margin-top: 10px
}

.footer-partner-label {
    text-align: center;
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 2rem 0;
    font-weight: 500;
}

#partner-carousel .splide__slide img {
    height: 30px;
    /* Tinggi maksimum logo */
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    filter: brightness(0) invert(1);
}

.splide__slide {
    margin-right: 20px;
    /* Jarak antar slide */
}

/* Responsive Partner Carousel */
@media (max-width: 768px) {
    #partner-carousel .splide__slide img {
        height: 25px;
    }

    .splide__slide {
        margin-right: 15px;
    }
}

@media (max-width: 480px) {
    #partner-carousel .splide__slide img {
        height: 20px;
    }

    .splide__slide {
        margin-right: 12px;
    }
}

@media (max-width: 360px) {
    #partner-carousel .splide__slide img {
        height: 18px;
    }

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

/* Remove duplicate and conflicting rules */
.splide__slide img {
    height: 30px;
    /* Default height */
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    filter: brightness(0) invert(1);
}


.round-image {
    /* border-radius:30px; */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;

}