/**Header content CSS**/
.main_header_area {
    z-index: 999;
    background-color: #0a37a0;
}

.header-content {
    background-color: #f7f7f721 ;
}

.social-links i {
    height: 34px;
    width: 34px;
    line-height: 34px;
    transition: all 0.3s ease-in-out;
}

.social-links i:hover {
    background-color: #e91e63;
    border-color: #e91e63;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 1200px) {
    .header-content, nav.navbar.navbar-expand-lg.py-2.navbar-sticky-in {
        display: none;
    }
}

/**Header menu CSS**/
.dropdown-menu {
    left: 0;
    margin-top: 12px;
    transition: all 0.3s ease-in-out;
}

.dropdown-menu li:hover a {
    background-color: transparent;
    color: #000!important;
    transition: none;
}

.dropdown-menu li:first-child:hover a {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.dropdown-menu li:last-child:hover a {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.fixed-top {
    background: #0B1020;
}

.menu-search .nav-item a.nav-link:hover {
    color: #e91e63 !important;
}

@media (min-width: 992px) {
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
    }

    .dropdown:hover>.dropdown-menu {
        opacity: 1 ;
        visibility: visible;
        transition: all .3s ease-in-out;
    }

    .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }

    .nav-item a {
        text-transform: uppercase;
        font-size: 14px;
    }

    .dropdown-menu a {
        text-transform: capitalize;
    }
}

@media (max-width: 1181px) {
    .slicknav_menu, div#slicknav-mobile {
        display: block;
    }

    .menu-search, .dropdown-toggle::after, .navbar-nav {
        display: none;
    }

    .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before {
        color: #ffffff;
        position: absolute;
        top: -30px;
        left: 400px;
    }

    .slicknav_nav {
        border-radius: 20px;
        top: 70px;
        box-shadow: 0 0 15px #cccccc50;
        background-color: #f9f9f9;
        left: 0;
    }

    .slicknav_nav a {
        text-transform: capitalize;
        font-size: 16px;
        color: #777 !important;
    }

    .navbar-brand img {
        width: 300% !important;
    }

    .slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
        background-color: #E91E63;
        color: #fff !important;
    }

    .nav-link {
        padding: 12px 36px !important;
        margin: 0 !important;
    }

    .dropdown-menu>li>a {
        padding: 12px 45px !important;
        font-size: 15px;
        color: #777 !important;
        background-color: #f9f9f9;
        border-radius: 0;
    }

    .nav-link:focus {
        color: #fff !important;
    }

    a.nav-link.dropdown-toggle:focus {
        color: #fff !important;
        background-color: #E91E63;
    }

    .dropdown-menu li:first-child:hover a, .dropdown-menu li, .dropdown-menu li:last-child:hover a {
        border-radius: 0 ;
    }

    ul.dropdown-menu {
        margin: 0;
        border-radius: 0 !important;
    }

    .navbar li {
        border-top: 1px solid #B6B3C470;
    }

    .dropdown-menu li {
        border-color: #B6B3C470;
    }

    li.nav-item.dropdown.slicknav_parent.slicknav_open > a > a {
        background: #e91e63;
        color : #fff !important;
    }

    li.nav-item.dropdown.slicknav_parent.slicknav_open > a span i {
        color: #fff !important;
    }

    .slicknav_btn.slicknav_open:before:hover {
        color: #E91E63;
    }
}

@media (max-width: 990px) {
    .navbar-brand img {
        width: 100% !important;
    }

    .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before {
        left: 180px;
        top: -38px;
    }

    .slicknav_nav {
        top: 80px;
        left: 20px;
    }
}

@media (max-width: 576px) {
    .navbar-brand img {
        width: 40% !important;
        align-items: start;
    }

    .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before {
        top: -30px;
        left: -20px;
    }

    .slicknav_nav {
        top: 60px;
        left: 0;
    }
}

#search1 {
    background-color: rgba(0, 0, 0, .87);
}

#search1 .form-control::placeholder {
    color: #fff;
}

#search1 .close {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

#search1 .close:hover {
    border-color: transparent;
    transition: all 0.3s ease-in-out;
}

#search1 .btn {
    background: none;
    top: 41%;
    left: 45%;
    font-size: 14px;
}

/*Banner CSS*/
.banner {
    background-image: url(../images/img/banner/bg2.jpg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    width: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: 0% 10%; */
}

.inner-banner {
    padding-top: 150px;
}

.countdown-inner span {
    color: #E91E63A1;
}

.banner-image {
    background-image: url(../images/pattern/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center ;
}

.banner-button .btn2:hover {
    background-color: #e91e63 ;
    border-color: #e91e63;
    transition: all 0.5s ease-in-out;
}

.wave {
    left: 0;
    line-height: 0;
    bottom: -1px;
}

.wave .elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}

.wave svg {
    width: calc(100% + 1.3px);
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1200px) {
    .inner-banner {
        padding-top: 50px;
    }

    .banner-left {
        padding-bottom: 100px;
    }

    .countdown-inner {
        padding: 20px !important;
    }
}

@media (max-width: 576px) {
    .banner-event-info li {
        border: none !important;
    }

    .inner-banner {
        padding-top: 20px;
    }
}

/*Overview CSS*/
.event-info-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    transition: all .4s ease-in-out;
}

.overview-event-info a:hover i {
    background-color: #3A4CB4;
    transition: all .5s ease-in-out;
}

@media (max-width: 1100px) {
    .event-info-icon i {
        width:40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .event-info-icon i {
        width:60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }

    .overview-event-info {
        position: relative !important;
    }
}

/**Partners CSS*/
.partner-img-box img:hover {
    opacity: 1 !important;
}

@media (max-width: 576px) {
    .partner-img-box {
        border-bottom: 1px solid #00000014 !important;
    }

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

/*Feature CSS*/
.feature {
    /* background-image: url(../images/background/5.jpg); */
    background-size: cover;
    background-position: top center;
}

.feature .overlay {
    background-image: linear-gradient(180deg, #E91E63 0%, #3A4CB4 100%);
}

.feature-box i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 35px;
    transition: all .5s ease-in-out;
}

.feature-lists a:hover i {
    background-color: #3A4CB4;
    transition: all .5s ease-in-out;
}

@media (max-width: 576px) {
    .counter-box {
        border-bottom: 1px solid #FFFFFF25 ;
        border-width: 0px 0px 1px 0px !important;
    }

    .inner-counter {
        margin-bottom: 20px !important;
    }
}

/*Speakers CSS*/
.box-content,.speaker-box:after {
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 25px;
    transition: all ease-in-out .5s;
}

.speaker-box:after {
    content: "";
    height: 100%;
}

.speaker-box .social-link li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #a1a1a1;
    transition: all .3s ease-in-out
}

.speaker-box:hover:after {
    background: rgba(0,0,0,.7);
    border-radius: 25px;
    transition: all ease-in-out .5s;
}

.box-content {
    transform: translateY(100%);
    transition: transform .5s ease-out;
}

.speaker-box:hover .box-content {
    transform: translateY(-20px);
}

@keyframes iconTranslateY {
    48% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    49% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        opacity: 1;
    }
}

.social-link>li>a:hover>i {
    -webkit-animation: iconTranslateY .4s forwards;
    animation: iconTranslateY .4s forwards;
}

.speaker-box .social-link li a:hover {
    background: #1DA1F2;
    color: #fff;
}

.speaker-box .social-link li:last-child a:hover {
    background: #e10605;
}

.speaker-box .social-link li:first-child a:hover {
    background: #1877F2;
}

/*Ticket CSS*/
.ticket, .next-sponser {
    background-image: url(../images/img/banner/bmg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ticket .overlay, .next-sponser .overlay {
    /* background-image: linear-gradient(90deg, #1c1d66 0%, #1c1d66 100%); */
}

.spin {
    transition: transform 0.8s;
}

h1:hover .spin, h2:hover .spin {
    transform: rotateY(360deg);
}

/*Schedules*/
.schedules {
    background-image: linear-gradient(90deg,#ffffff 50%, #F7F7F7 50%)
}

.schedule-day::after {
    position: absolute;
    font-family: "FontAwesome";
    font-size: 100px;
    color: #70707021;
    content: "\f073";
    top: -30%;
    left: -5%;
    z-index: -1;
}

.schedules img {
    height: 50px;
    width: 50px;
}

/* .schedule-box-title h5:hover, .speaker-box a:hover h6{
  color: #e91e63 !important;
  transition:all 0.3s ease-in-out;
} */
.schedule-bio-info p a:hover {
    color: #24369C;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 576px) {
    .schedule-day::after {
        left: 36%;
    }

    .schedule-title {
        margin-bottom: 75px !important;
    }

    .schedule-list {
        margin-bottom: 40px;
    }

    .schedules {
        padding-bottom: 60px;
    }
}

/* Pricing */
.pattern {
    top: -11px;
    left: 0;
}

.currency, .cents {
    font-size: 21px;
}

.dollor {
    font-size: 70px;
    line-height: .8;
}

@media (max-width: 1100px) {
    .currency, .cents {
        font-size: 16px;
    }

    .dollor {
        font-size: 54px;
    }

    .pattern {
        top: -9px;
    }
}

@media (max-width: 990px) {
    .pattern {
        top: -10px;
    }
}

@media (max-width: 576px) {
    .currency, .cents {
        font-size: 12px;
    }

    .dollor {
        font-size: 42px;
    }

    .ticket-box-inner {
        margin-bottom: 30px;
    }

    .price-options {
        padding-bottom: 0 !important;
    }

    .pattern {
        top: -11px;
    }
}

/* Gallery */
.gallery {
    background-image: url(../images/background/6.png);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
}

.lightgallery a:hover::after {
    background: rgba(0,0,0,0.5);
}

.lg-toolbar .lg-close:after, .lg-toolbar .lg-download:after, .lg-outer .lg-toggle-thumb:after, .lg-next:before, .lg-prev:after {
    content: "\f00d" !important;
    font-family: "FontAwesome";
    font-size: 25px;
}

.lg-toolbar .lg-download:after {
    content: "\f063" !important;
}

.lg-outer .lg-toggle-thumb:after {
    content: "\f00e" !important;
}

.lg-next:before {
    content: "\f061" !important;
}

.lg-prev:after {
    content: "\f060" !important;
}

.grid-item {
    width: 33%;
}

@media (max-width: 576px) {
    .grid-item {
        width: 100%;
    }
}

/*Testimonial*/
.bio-img {
    height: 70px;
    width: 70px;
}

.testimonial-content i {
    color: #f3efef;
    font-size: 70px;
    top: -30px;
}

.testimonial {
    background-image: url(../images/background/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* FAQ */
.faq {
    background-image: url(../images/background/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.accordion-button, .accordion-body {
    font-size: 16px;
    color: #707070;
}

.accordion-button:not(.collapsed), .accordion-button::after {
    color: #e91e63;
    background-color: #fff;
    box-shadow: none;
}

.accordion-faq>.accordion-item {
    border: 0;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    font-family: "FontAwesome";
    font-size: 16px;
    color: #e91e63;
    content: "\f068";
}

.accordion-button::after {
    background-image: none;
    font-family: "FontAwesome";
    color: #707070;
    content: "\f067";
    transition: none;
}

@media (max-width: 1100px) {
    .accordion-button {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .accordion-button {
        font-size: 14px;
    }

    .box {
        width: 100%;
    }
}

/* Subscribe */
.subscribe {
    background-image: linear-gradient(90deg,#24369C 0%, #C40F4C 95%);
}

/* footer */
footer {
    /* background-image: url(../images/background/5.jpg); */
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
}

footer .overlay {
    background-image: linear-gradient(90deg, #3A4CB4 0%, #C40F4C 100%);
}

.footer-socials a {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.20);
    transition: all .35s ease;
}

.footer-socials a:hover {
    background: linear-gradient(135deg, #ff6b6b, #ff8fa3);
    border-color: transparent;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(255, 107, 107, 0.45);
}

/*Back-to-top button  */
#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    display: none
}

#back-to-top a {
    width: 50px;
    height: 50px;
    transition: all ease-in-out .5s;
}

#back-to-top a:hover {
    background-color: #223645;
}

#back-to-top a:after {
    position: absolute;
    content: '\f062';
    font-family: "FontAwesome";
    font-size: 16px;
    color: #fff;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%)
}

/* ========================================= */
/*          About Us page CSS                */
/* ========================================= */
/* conference css */
.conference {
    background-image: url(../images/background/4.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.conference-left {
    background-image: url(../images/pattern/3.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.conference .benifit-list-box:hover h5 {
    color: #e91e63;
    transition: all 0.3s ease-in-out;
}

.conference .benifit-list-box:hover a {
    color: #3A4CB4;
}

.list-box-icon i {
    font-size: 40px;
}

/* ========================================= */
/*          Speaker Detail page CSS          */
/* ========================================= */
/* speaker detail section */
.progress-bar {
    font-size: 14px;
}

.speaker-img img {
    height: 100px;
    width: 100px;
}

.speaker-socials a i {
    transition: all .4s ease-in-out;
}

.speaker-socials a:hover i {
    color: #fff;
    border-color: #e91e63;
}

.contact-icon i {
    font-size: 24px;
}

/* Event History section */
@media (max-width: 1100px) {
    .event-list-box {
        padding: 20px !important;
    }
}

/* ========================================= */
/*            /Event-List Page CSS/          */
/* ========================================= */
/* Schedule-2 */
.schedule-2 {
    background-image: linear-gradient(90deg,#F7F7F7 50%, #ffffff 50%)
}

.schedule-2 .schedule-icon i {
    font-size: 100px;
}

@media (min-width: 576px) and (max-width: 990px) {
    .schedule-day1::after {
        left: 44%;
    }
}

/* ========================================= */
/*          /Event-Detail Page CSS/           */
/* ========================================= */
/* /Event-Detail section CSS/ */
.qoutation i {
    font-size: 30px;
    transition: all .4s ease-in-out;
}

.qoutation i:hover, .organizer-bio-info p:hover {
    color: #e91e63 !important;
    background-color: #fff;
    transition: all .4s ease-in-out;
}

.sperator {
    height: 1px;
}

.organizers-box img {
    width: 50px;
    height: 50px;
}

.info-icon i {
    font-size: 24px;
    transition: all .3s ease-in-out;
}

.info-icon i:hover {
    color: #3A4CB4;
    transition: all .3s ease-in-out;
}

.contact-us-outer {
    background-image: url(../images/background/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.contact-us-outer .overlay {
    background-image: linear-gradient(180deg,#24369C 0%, #C40F4C 100%);
    border-radius: 25px;
}

/* ========================================= */
/*            /Pricing Page CSS/             */
/* ========================================= */
.ticket2 {
    background-image: url(../images/background/6.png);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
}

.ticket-right {
    background-image: url(../images/pattern/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center ;
}

/* ========================================= */
/*              /Faq Page CSS/               */
/* ========================================= */
/* faq general css */
.general-ques-image {
    background-image: url(../images/pattern/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center ;
}

/* ========================================= */
/*         /Product-list Page CSS/           */
/* ========================================= */
/* Product List Section */
.sale {
    top: 30px;
    right: -25px;
}

.recent-product-box img {
    width: 75px;
    height: 75px;
    z-index: 1;
}

.social-media-links i {
    font-size: 18px;
}

.image-overlay, .image-overlay1 {
    background-color: rgba(0,0,0,.7);
    background-blend-mode: overlay;
    /* background-size:auto; */
    position: absolute;
    height: 100%;
    width: 94%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.item:hover .image-overlay {
    opacity: .5;
}

.recent-product a:hover .product-detail h6 {
    color: #e91e63 !important;
    transition: all 0.5s ease-in-out;
}

@media (max-width: 996px) {
    .image-overlay {
        width: 97%;
    }
}

/* ========================================= */
/*         /Book-Now Page CSS/               */
/* ========================================= */
/* ticket-booking section*/
.ticket-booking {
    background-image: url(../images/background/4.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/* ========================================= */
/*         /product single Page CSS/         */
/* ========================================= */
/* Main product section css */
.price input {
    width: 54px;
}

.product-img-nav img {
    width: 115px;
    height: 115px;
}

.product-img-nav img:hover, .slick-current img {
    opacity: 1 !important;
}

.product-img-nav.slick-slide.slick-current.slick-center, .product-img-nav.slick-slide {
    width: 115px !important;
}

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

.slick-list.draggable {
    padding: 0 !important;
}

@media (max-width: 576px) {
    .product-img-nav img {
        width: 100px;
        height: 100px;
    }
}

/* Releated produdct section css */
.related-product .sale {
    background-color: #b3af54;
    top: 10px;
    right: -35px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 0 !important;
    color: #e91e63;
}

.related-product-info .nav-link {
    color: #707070;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* ========================================= */
/*           /Error Page CSS/                */
/* ========================================= */
/* error section */
.error {
    background-image: url(../images/background/6.png);
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
}

.error .overlay {
    background-image: url(../images/pattern/3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center ;
    top: 0;
    left: 0;
    opacity: .1;
}

.inner-error h1 {
    font-size: 70px;
    -webkit-text-stroke: 2px #3A4CB4;
}

.line-icon {
    font-size: 20px;
}

.line-icon::before, .line-icon::after {
    width: 15%;
    height: 1px;
    border-top: 3px solid #e8e8e8;
    display: inline-block;
    content: '';
    padding-top: 0.2em;
    margin-left: 1%;
    margin-right: 1%;
}

/* ========================================= */
/*       /search Result Page CSS/     */
/* ========================================= */
/* Search Result Section css */
.blog-info a small:hover {
    color: #24369C;
    transition: all .5s ease-in-out;
}

/* ========================================= */
/*         /coming soon Page CSS/            */
/* ========================================= */
/* coming-soon secton css */
.coming-soon {
    background-image: url(../images/background/1.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
}

.divider-pattern {
    background: repeating-linear-gradient(-55deg, #fff, #fff 1px, transparent 1px, transparent 6px);
}

.coming-soon span {
    font-size: 70px;
}

.coming-soon .overlay {
    background-image: linear-gradient(90deg,#24369C 0%, #C40F4C 100%);
    top: 0;
    left: 0;
    opacity: .7;
}

@media (max-width: 992px) {
    .coming-soon span {
        font-size: 54px;
    }

    .coming-soon p {
        font-size: 14px;
    }
}

@media (min-width: 800px) and (max-width:996px) {
    .coming-soon {
        height: 150vh !important;
    }
}

@media (max-width: 576px) {
    .coming-soon span {
        font-size: 42px;
    }
}

/* ========================================= */
/*       /News list (Archives) Page CSS/     */
/* ========================================= */
/* News list secton css */
.organizer-image img {
    width: 80px;
    height: 80px;
}

.organizer-socials a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all .5s ease-in-out;
}

.organizer-socials a:hover {
    background-color: #e91e63;
    opacity: 100%;
    transition: all .3s ease-in-out;
    color: #fff;
    border-color: #e91e63;
}

.recent-post-list img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    object-fit: cover;
}

/* ========================================= */
/*       /News Single  Page CSS/             */
/* ========================================= */
.qoutation img {
    width: 80px;
    height: 80px;
}

.navigation i {
    font-size: 20px;
}

.navigation a:hover h6 {
    color: #e91e63;
    transition: all .3s ease-in-out;
}

/* ========================================= */
/*         /Contact us Page CSS/             */
/* ========================================= */
/* contact secton css */
.contact {
    background-image: url(../images/background/4.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

@media (min-width: 576px) and (max-width: 1100px) {
    .contact-event-info {
        padding: 25px !important;
    }
}

/* ========================================= */
/*         /Homepage 2 Page CSS/             */
/* ========================================= */
.index2 .banner1 {
    background-image: url(../images/background/7.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 820px;
}

.index2 .banner1 .overlay {
    background-image: linear-gradient(180deg, rgb(36, 54, 156, .4) 0%, #C40F4C 90%);
    opacity: 1;
}

@media (min-width: 768px) {
    .index2 .banner1 h1 {
        font-size: 50px;
    }
}

@media (min-width: 996px) {
    .index2 .banner1 h1 {
        font-size: 90px;
    }
}

@media (max-width: 996px) {
    .index2 .banner1 .banner1-inner {
        margin-top: 50px !important;
    }
}

/* Ticker */
.index2 .ticker {
    background-color: #C40F4C;
}

.index2 .ticker .ticker-wrapper {
    overflow: hidden;
    white-space: nowrap;
    width: 105%;
    margin-left: -10px;
}

.index2 .ticker .ticker-wrapper1 .ticker-inner {
    animation: ticker-scroll1 60s linear infinite;
}

.index2 .ticker .ticker-inner {
    display: inline-block;
    animation: ticker-scroll 60s linear infinite;
}

.index2 .ticker .ticker-inner ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 45px;
}

.index2 .ticker .ticker-inner ul li {
    font-size: 35px;
}

.index2 .ticker .ticker-inner ul li a {
    color: #fff;
}

.index2 .ticker .ticker-inner ul li a:hover {
    color: #F8669E;
}

.index2 .ticker .ticker-inner ul li i {
    color: #fff;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes ticker-scroll1 {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

/* About Us */
.about-us .about-btn {
    background-image: radial-gradient(circle,rgb(51, 51, 105,.6) 0%, #C83F74 100%) !important ;
    cursor: pointer;
}

.about-btn:hover .spin-demo-main i {
    color: #e10605;
    transition: all 0.3s ease;
}

.about-btn .spin-demo-main {
    display: grid;
    align-items: center;
    justify-items: center;
}

.about-btn .spin-demo-main i {
    position: absolute;
    font-size: 20px;
    rotate: -45deg;
    color: #fff;
    transition: all 0.3s ease;
}

.about-btn .spin-demo-main #rotatingText {
    animation-name: rotate-circle;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.about-btn .spin-demo-main .text {
    font-weight: 400;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    fill: #fff;
    font-size: 22px;
}

@keyframes rotate-circle {
    to {
        transform: rotate(1turn);
    }
}

@media (max-width: 996px) {
    .index2 .countdown-inner .time {
        margin: auto !important;
    }
}

/* Speaker CSS */
.speaker .speaker-boxx .overlay {
    background-image: linear-gradient(180deg,rgb(196, 15, 76, 0) 65%, rgb(36, 54, 156) 90%);
    opacity: .8;
}

/* Event Schedule */
.index2 .schedule {
    background-image: url(../images/background/5.jpg);
    background-size: cover;
    background-position: top center;
}

/* Pricing */
.pricing .contact-us .overlay {
    opacity: .9;
}

.pricing .contact-us .contact-icons i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 30px;
}

/* Faq */
.faq1 {
    background-image: url(../images/background/4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Testimonial */
.testimonial1 {
    background-image: linear-gradient(90deg, #ffffff 55%, #F7F7F7 55%);
}

/* ========================================= */
/*         /Homepage 3 Page CSS/             */
/* ========================================= */
.index3 .fixed-top {
    background-color: #0E2E46;
}

.index3 .banner {
    background-image: url(../images/background/8.jpg);
    border-bottom: 10px groove #E91E63A1;
}

.index3 .banner .overlay {
    background-image: url(../images/background/9.jpg);
    background-size: cover;
    opacity: 0.8;
    background-position: center;
}

/* About */
.index3 .overview .overview-img .overlay {
    background-image: url(../images/pattern/3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .5;
}

.index3 .overview {
    border-bottom: 10px groove #E91E63A1;
}

/* Schedule */
.index3 .schedule .schedule-title {
    background-image: linear-gradient(180deg, #C40F4C 0%, #0E2E46 100%);
}

.index3 .schedule .schedule-body {
    background-image: linear-gradient(180deg, #0E2E46 0%, #0E2E46 100%);
}

/* Feature */
.feature-box {
    cursor: pointer;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: #fff;
    background: linear-gradient(135deg, #4087ac, #1d93d1);
    padding: 20px 14px;
    border-radius: 16px;
    /* text-align: left; */
    height: 520px;
}

.feature-box i {
    font-size: 28px;
}

.feature-box:hover i {
    background-color: #3A4CB4;
}

/* Video Banner */
.video-banner {
    background-image: url(../images/thumbnail/15.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.video-banner .overlay {
    background: rgba(0,0,0,0.7);
    opacity: .;
}

.playicon-wrapper a::after, .playicon-wrapper a::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #e91e63;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #e10605;
    animation: button-ripple 3s infinite;
    opacity: 0.6;
    z-index: 1;
}

.playicon-wrapper a::after {
    animation-delay: 1s;
}

.playicon-wrapper a i {
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 25px;
    transition: all 0.3s ease-in-out;
}

.playicon-wrapper a:hover i {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

@keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 var(--glow-size,20px) #e10605;
        box-shadow: 0 0 0 var(--glow-size,20px) #e10605;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #e10605;
        box-shadow: 0 0 0 0 #e10605;
        opacity: 0
    }
}

/* Gallery */
.index3 .gallery .gallerybox a .overlay {
    background-image: none;
    background-color: #00000080;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.index3 .gallery .gallerybox a:hover .overlay {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

/* Partners */
.index3 .partner {
    background-image: linear-gradient(180deg, #223645 0%, #0E2E46 100%);
}

.index3 .partner .overlay {
    background-image: url(../images/background/10.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    opacity: 0.2;
    mix-blend-mode: multiply;
}

/* Faq */
.index3 .faq .accordion-button::after {
    background-color: #223645;
    color: #fff;
}

.index3 .faq .accordion-button:not(.collapsed),.index3 .faq .accordion-button:not(.collapsed)::after {
    color: #e91e63 !important;
}

.index3 .faq .overlay {
    background-color: #3A4CB4;
    opacity: .2;
    background-image: none;
}

/* ========================================= */
/*         /Homepage 4 Page CSS/             */
/* ========================================= */
.index4 .fixed-top {
    background-color: #0E2E46;
}

.index4 .banner .overlay {
    background-image: linear-gradient(180deg, #0E2E46 62%, #C40F4C 0%);
    opacity: 1;
}

@media (min-width: 1000px) {
    .index4 .banner h1 span {
        font-size: 70px;
    }
}

/* Countdown */
.index4 .countdown {
    background-image: linear-gradient(90deg, #C40F4C 35%, #223645 0%);
}

@media (max-width: 968px) {
    .index4 .countdown {
        background-image: linear-gradient(90deg, #223645 35%, #223645 0%);
    }
}

/* Highlight */
.index4 .highlight .highlight-box .highlight-icon i {
    height: 76px;
    width: 76px;
    line-height: 76px;
    font-size: 34px;
}

/* Partner */
.index4 .partner .slick-prev,.index4 .partner .slick-next {
    background-color: transparent;
}

.index4 .partner .slick-prev:before,.index4 .partner .slick-next:before {
    color: #ededede6;
    font-size: 26px;
    font-weight: 600;
}

/* Feature */
.index4 .feature .overlay {
    background-color: #0E2E46;
    opacity: .3;
    background-image: none;
}

/* Pricing */
.index4 .pricing {
    background-image: linear-gradient(180deg, #C40F4C 0%, #0E2E46 100%);
}

.index4 .pricing .dollor {
    font-size: 54px;
}

/* Video Banner */
.index4 .video-banner {
    background-image: url(../images/speakers/11.jpg);
}

.index4 .video-banner .overlay {
    background-color: #223645;
    opacity: .8;
    background-image: none;
}

/* contact */
.index4 .contact {
    background-image: url(../images/background/5.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.index4 .contact .overlay {
    background-image: none;
    background-color: #3A4CB4;
    opacity: .2;
}

/* ========================================= */
/*          /Dashboard 4 Page CSS/           */
/* ========================================= */
.dashboard-box-icon i {
    height: 40px;
    width: 40px;
    font-size: 18px;
    line-height: 40px;
}

@media (max-width: 1200px) {
    .inner-banner {
        padding-top: 0px !important;
    }
}

@media (max-width: 576px) {
    .inner-banner {
        padding-top: 0px !important;
    }
}

.account-sidebar-nav .active {
    background-color: #e91e63 !important;
    color: #fff !important;
}

@media (max-width: 786px) {
    .index4 .slick-prev {
        left: 0;
    }

    .index4 .slick-next {
        right: 0;
    }
}

/* ========================================= */
/*           /Homepage 5 Page CSS/           */
/* ========================================= */
.index5 .banner {
    background-image: url(../images/background/11.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.index5 .banner .overlay {
    background-image: linear-gradient(90deg, #C40F4C 0%, #24369C 100%);
}

.index5 .banner-image {
    background-image: none;
}

.index5 .banner .banner-or {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .2);
    background: #fafaf8;
}

.index5 .banner .cta-box .btn:hover {
    background-color: #e91e63;
}

.index5 .banner .cta-box .btn1 {
    background-color: #C40F4C;
    color: #fff;
}

.index5 .banner .cta-box .btn1:hover {
    background-color: #e91e63;
}

@media (min-width: 992px) {
    .index5 .banner h1 span {
        font-size: 70px;
    }

    .index5 .banner .banner-right {
        padding-top: 100px;
    }
}

@media (max-width: 786px) {
    .index5 .banner .cta-box {
        width: 100% !important;
    }

    .index5 .about .about-inner {
        padding: 0 !important;
    }

    .index5 .schedule .schedule-box {
        padding: 30px !important;
    }
}

/* Counter CSS */
@media (max-width: 1200px) {
    .index5 .counter ul {
        gap: 10px;
    }

    .index5 .counter ul li:nth-child(even) {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
}

@media (max-width: 786px) {
    .index5 .counter ul li {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
}

/* Feature */
.index5 .feature .overlay {
    background-image: radial-gradient(at center center, #E91E63 0%, #3A4CB4 100%);
}

/* Speakers CSS */
.index5 .speaker-box .box-content {
    bottom: 100px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.index5 .speaker-box:hover .box-content {
    transform: translateY(-100px);
    opacity: 1;
    transition: all 0.5s ease-in-out;
}

.index5 .speaker-box::after {
    top: 100%;
    border-radius: 0;
}

.index5 .speaker-box:hover::after {
    top: 0;
}

/* partner */
.index5 .partner-img .slide-box img {
    transition: all 0.3s ease-in-out;
}

.index5 .slick-current img {
    opacity: .75 !important;
}

.index5 .partner-img .slide-box:hover img {
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
}

/* Countdown Banner */
.index5 .countdown-banner {
    background-image: url(../images/background/5.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.index5 .countdown-banner .overlay {
    background-image: url(../images/team/10.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.2;
    background-attachment: fixed;
}

.index5 .countdown-banner .time {
    height: 150px;
    width: 150px;
}

.index5 .countdown-banner .countdown-banner-inner {
    margin-left: 30%;
}

@media (max-width: 1400px) {
    .index5 .countdown-banner .countdown-banner-inner {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .index5 .countdown-banner h2 span {
        font-size: 70px;
    }
}

.main_header_area {
    z-index: 999;
    background: #fff;
}

body {
    font-size: 14px;
    line-height: 1.66666667;
    color: #2d2d2d;
    font-family: "Poppins", sans-serif;
}

a.nav-link {
    padding: 4px 13px !important;
    color: #fff;
    font-weight: 500;
}

.carousel-item {
    position: relative;
}

.carousel-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.6); */
    /* overlay */
    z-index: 1;
}

.carousel-item img {
    /* width: 100%; */
    display: block;
}

/* Caption overlay se upar dikhe */
.carousel-caption {
    position: absolute;
    z-index: 2 !important;
}

.carousel-item h2 {
    font-size: 40px;
    color: #fff;
}

.countdown {
    display: flex;
    position: relative;
    margin: 0px auto;
    justify-content: center;
    bottom: -301px;
}

div#countdown {
    display: flex;
}

.countdown-inner span {
    color: #fff;
    /* margin: 20px; */
    font-size: 24px;
}

.time {
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    margin: 10px !important;
    padding: 5px 5px;
    #000: 10px;
    /* border-radius: 10px; */
    /* border: 6px solid #dcdcdc !important; */
    width: 172px;
    justify-content: center;
    height: 175px;
    text-align: center;
    margin: 0px auto;
    text-align: center;
    text-align: center;
}

.time-inner {
    color: #fff;
}

.color {
    background: black;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.venue {
    text-align: center;
}

.carousel-indicators {
    display: none !important;
}

.carousel-caption {
    bottom: 78px;
}

.countdown {
    z-index: 999;
}

.ime-inner {
    text-align: center;
    color: #fff;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

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

.mt-60 {
    margin-top: 60px;
}

/* Heading center me ho to ache se dikhe */
.section-title {
    position: relative;
    display: inline-block;
    font-size: 32px;
    font-weight: 800;
    text-align: center;
}

/* Underline container */
.title-underline {
    width: 120px;
    height: 4px;
    background: #ddd;
    margin-bottom: 20px !important;
    margin: 8px auto 0;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

/* Running animated bar */
.title-underline::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background: #e10605eb;
    /* color change kar sakte ho */
    left: -40px;
    animation: runLine 1.6s linear infinite;
    border-radius: 10px;
}

/* Keyframes */
@keyframes runLine {
    0% {
        left: -40px;
    }

    100% {
        left: 120px;
    }
}

.text-black {
    color: #363636;
}

.feature-box-info p {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1.66666667;
    font-family: "Poppins", sans-serif;
}

.feature-box-info h5 {
    color: #fff !important;
    font-size: 17px;
}

.feature-box-icon img {
    width: 81px;
    filter: invert(1);
}

.feature-box:hover {
    background-color: #1c1d66;
}

.bg-gray {
    background-color: aliceblue;
}

.count {
    background: #e10605;
}

.b-r {
    border-right: 1px solid #fff;
}

.highlight-icon img {
    width: 92px;
}

.footert-top {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0404 0%, #042761 48%, #e10605 100%);
}

.footert-top::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -90px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 107, 0.38), transparent 65%);
    pointer-events: none;
}

.footert-top::after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 143, 163, 0.25), transparent 65%);
    pointer-events: none;
}

.footer li {
    line-height: 30px;
    color: #fff;
    font-weight: 500;
}

.footer h5 {
    position: relative;
    padding-bottom: 8px;
    display: inline-block;
}

.footer h5::after {
    content: "";
    width: 60px;
    /* underline width */
    height: 3px;
    background: #ffffff;
    /* underline color */
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-radius: 2px;
}

.icon-line {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.info-line {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    /* IMPORTANT: text kabhi neeche nahi jayega */
}

.info-line i {
    font-size: 22px;
}

.direction-box p {
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.6;
    /* display: flex; */
    margin-left: 26px;
}

.title-underline {
    width: 80px;
    height: 4px;
    background: #031d4d;
    margin: 0 auto;
    border-radius: 4px;
}

p {
    line-height: 26px !important;
    font-size: 15px;
    text-align: justify;
}

.footer i {
    font-size: 16px;
}

.nav-link:focus, .nav-link:hover {
    color: rgb
(244 130 31) !important;
}

.venue img {
    /* background-color: rgba(255, 255, 255, 0.7); */
    border-radius: 20px;
}

span.num {
    font-weight: bolder;
    font-size50px: large;
    font-size: 47px;
}

.gallery-img {
    border-radius: 12px;
    transition: 0.4s;
    cursor: pointer;
}

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

.myGallery {
    position: relative;
    padding: 0 40px;
    /* space for arrows */
}

.myGallery, .myGallery .swiper, .myGallery .swiper-wrapper {
    /* overflow: visible !important; */
}

.gallery-img {
    width: 100%;
    transition: 0.4s;
    cursor: pointer;
    border-radius: 20px 60px 20px 60px;
}

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

.partner-img-box {
    padding: 8px;
    /* border-radius: 5px; */
    background-color: #fff;
    /* width: 206px; */
    transition: all 0.4s ease;
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); */
}

.partner-img-box:hover {
    transform: scale(1.05);
    /* box-shadow: 0 10px 30px rgba(244, 111, 35, 0.4); */
}

.partner-img-box1 {
    border-radius: 5px;
    /* width: 206px; */
    background-color: #fff;
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.info-line {
    display: flex;
    align-items: center;
    gap: 10px;
    /* space between icon & text */
    margin-top: 10px;
}

.info-line i {
    font-size: 18px;
}

/* gallery2 */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 200px;
    gap: 15px;
}

/* big image */
.gallery-item.big {
    grid-column: span 2;
    grid-row: span 2;
}

/* images */
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 60px 20px 60px;
    transition: 0.4s;
}

/* hover */
.gallery-item img:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.btn-custom {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #db0504;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 10px 0px 10px 0px;
    transition: all 0.3s ease;
}

/* arrow animation */
.btn-custom .arrow {
    transition: transform 0.3s ease;
}

/* hover effect */
.btn-custom:hover {
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    transform: translateY(-3px);
}

.btn-custom:hover .arrow {
    transform: translateX(5px);
}

/* SECTION BACKGROUND */
.vision-section {
    padding: 80px 0;
    position: relative;
}

/* GLASS CARD */
.vision-card {
    max-width: 800px;
    margin: auto;
    padding: 50px 40px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    color: #fff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    transition: 0.3s;
}

.vision-card:hover {
    transform: translateY(-5px);
}

/* TITLE */
.vision-title {
    font-size: 38px;
    font-weight: 700;
}

.vision-title span {
    color: #f46f23;
}

/* ANIMATED LINE */
.line {
    width: 60px;
    height: 3px;
    background: #f46f23;
    margin: 15px auto 25px;
    transition: 0.4s;
}

.vision-card:hover .line {
    width: 100px;
}

/* TEXT */
.vision-text {
    font-size: 16px;
    line-height: 1.7;
    color: #ddd;
    margin-bottom: 30px;
}

/* BUTTON */
.btn-modern {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    background: #f46f23;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-modern span {
    transition: 0.3s;
}

.btn-modern:hover {
    background: #d85c1d;
    transform: translateY(-2px);
}

.btn-modern:hover span {
    transform: translateX(6px);
}

/* abt us */
.vision-section {
    background: #0f172a;
    color: #fff;
}

/* LEFT CONTENT */
.vision-content {
    padding: 80px;
}

.vision-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.vision-content span {
    color: #f46f23;
}

.underline {
    width: 60px;
    height: 3px;
    background: #f46f23;
    margin: 15px 0 25px;
}

.vision-content p {
    color: #ccc;
    line-height: 1.7;
    margin-bottom: 30px;
}

/* BUTTON */
.btn-creative {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    background: #f46f23;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-creative span {
    transition: 0.3s;
}

.btn-creative:hover span {
    transform: translateX(6px);
}

/* RIGHT IMAGE FULL FIT */
/* SECTION */
.amf-vision-sec {
    background: #1c1d66;
    color: #fff;
    overflow: hidden;
}

/* CONTENT */
.amf-content {
    padding: 40px 21px;
}

.amf-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
}

.amf-title span {
    color: #f46f23;
}

/* underline */
.amf-underline {
    width: 60px;
    height: 3px;
    background: #f46f23;
    margin: 15px 0 25px;
    transition: 0.4s;
}

.amf-content:hover .amf-underline {
    width: 100px;
}

/* TEXT */
.amf-content p {
    color: #fff;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 0px;
}

/* BUTTON */
.amf-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 26px;
    background: #f46f23;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.amf-btn span {
    transition: 0.3s;
}

.amf-btn:hover {
    transform: translateY(-3px);
    background: #d85c1d;
}

.amf-btn:hover span {
    transform: translateX(6px);
}

/* IMAGE */
.amf-image {
    position: relative;
    height: 100%;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    overflow: hidden;
}

.amf-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.amf-image:hover img {
    transform: scale(1.1);
}

/* overlay */
.amf-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, rgba(0,0,0,0.4), transparent);
}

/* badge */
.amf-badge {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    padding: 10px 18px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
}

/* SECTION */
.amf-overview-sec {
    position: relative;
    padding: 80px 0 140px;
    background: linear-gradient(45deg, #1c1d66, #e10605);
}

/* IMAGE */
.amf-img-box img {
    width: 100%;
    border-radius: 12px;
}

/* CONTENT */
.amf-content-box {
    padding: 0px 0px;
}

.amf-title {
    font-size: 36px;
    font-weight: 700;
}

.amf-title span {
    color: #f46f23;
}

/* underline */
.amf-line {
    width: 60px;
    height: 3px;
    background: #f46f23;
    margin: 10px auto 25px;
}

/* TEXT */
.amf-content-box p {
    color: #555;
    line-height: 1.7;
}

.amf-video-box {
    position: absolute;
    left: 50%;
    bottom: -90px;
    transform: translateX(-50%);
    width: 500px;
    height: 280px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3);
    z-index: 10;
}

/* iframe fit */
.amf-video-box iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* glow border */
.amf-video-box::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    box-shadow: 0 0 40px rgba(244,111,35,0.4);
    pointer-events: none;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .amf-video-box {
        width: 90%;
        height: 220px;
        bottom: -70px;
    }

    .amf-content-box {
        padding: 20px;
    }
}

.video-banner {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
}

/* VIDEO FULL SCREEN */
.video-bg video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -2;
}

/* DARK OVERLAY */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
}

/* CONTENT CENTER */
.banner-content {
    position: relative;
    z-index: 2;
    color: #fff;
    top: 41%;
    width: 49%;
    transform: translateY(-50%);
}

/* OPTIONAL STYLING */
.countdown {
    position: absolute;
    bottom: -104%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    gap: 20px;
    z-index: 999;
}

.time span {
    font-size: 70px;
    font-weight: bold;
    text-align: center;
}

.time small {
    display: block;
}

.banner-content h2 {
    margin-top: 9px;
    font-weight: bolder;
}

.partners {
    background-color: #fdf2f2;
}

.partner-img-box img {
    border-radius: 10px;
    box-shadow: 0 0 0px 0 #b9b9b9;
}

/* test */
.feature-box {
    position: relative;
    overflow: hidden;
    /* background: #0d1b2a; */
    padding: 20px 10px 0px 10px;
    border-radius: 12px;
    transition: all 0.4s ease;
    z-index: 1;
    height: 100%;
}

/* IMAGE LAYER */
.feature-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: 0.4s ease;
    z-index: -2;
}

/* DARK OVERLAY */
.feature-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.65);
    opacity: 0;
    transition: 0.4s ease;
    z-index: -1;
}

/* HOVER EFFECT */
.feature-box:hover::before {
    opacity: 1;
}

.feature-box:hover::after {
    opacity: 1;
}

.feature-box:hover {
    transform: translateY(-10px);
}

/* DIFFERENT IMAGES */
.feature-box.img1::before {
    background-image: url('../images/img/innovation.jpg');
}

.feature-box.img2::before {
    background-image: url('../images/img/sustain.jpg');
}

.feature-box.img3::before {
    background-image: url('../images/img/policy.jpg');
}

.feature-box.img4::before {
    background-image: url('../images/img/market.jpg');
}

/* icon */
.feature-box-icon img {
    /* width: 50px; */
}

/* text smooth */
.feature-box-info {
    position: relative;
    z-index: 2;
}

/* header */
/* nav link base */
.navbar-nav .nav-link {
    position: relative;
    color: #363636;
    /* change if needed */
    font-weight: 500;
    padding: 8px 12px;
    transition: 0.3s;
}

/* underline line */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

/* hover effect */
.navbar-nav .nav-link:hover::after {
    width: 100%;
}

/* active menu (current page) */
.navbar-nav .nav-link.active::after {
    width: 100%;
}

/* ACTIVE + HOVER */
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: #363636;
    font-weight: 500;
}

/* underline effect */
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after {
    width: 100%;
}

.box-logo img {
    border-radius: 10px;
    margin-bottom: 8px;
    /* padding: 10px; */
}

.countdown-inner .time {
    animation: float 4s ease-in-out infinite;
    transition: 0.3s;
}

/* delay for each box */
.countdown-inner .time:nth-child(1) {
    animation-delay: 0s;
}

.countdown-inner .time:nth-child(2) {
    animation-delay: 0.5s;
}

.countdown-inner .time:nth-child(3) {
    animation-delay: 1s;
}

.countdown-inner .time:nth-child(4) {
    animation-delay: 1.5s;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* timer */
.ticket, .next-sponser {
    position: relative;
    background-image: url(../images/img/banner/bmg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;    z-index: 1;
}

.ticket::before, .next-sponser::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Content upar rahe */
.ticket > *, .next-sponser > * {
    position: relative;
    z-index: 2;
}

.logo-box {
    margin-bottom: 20px;
}

/* what we expect */
.schedule {
    background-color: #fdf2f2;
}

.schedule-boxrounded {
    background-color: #fff;
    padding: 10px;
    height: 420px;
    border-radius: 10px;
    border-bottom: 5px solid;
    border-image: linear-gradient(135deg, #e10605, #8a0b0b);
    border-image-slice: 1;
}

.schedule-info h5 {
    color: #000;
    font-size: 17px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 7px;
}

.schedule-info p {
    text-align: center;
}

/* Smooth transition */
.schedule-boxrounded {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s ease;
    position: relative;
}

/* Image container */
.schedule-image {
    overflow: hidden;
    border-radius: 10px;
}

/* Image zoom effect */
.schedule-image img {
    transition: transform 0.5s ease;
}

/* Hover Effects */
.schedule-boxrounded:hover {
    transform: translateY(-12px) scale(1.02);
    background: #f9fbff;
    /* light color change */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

/* Image zoom on hover */
.schedule-boxrounded:hover .schedule-image img {
    transform: scale(1.1);
}

/* form */
.form-wrapper {
    /* width: 800px; */
    /* margin: 53px auto 0px auto; */
    background: #fff;
    padding: 30px 25px 12px 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
}

.form-control {
    display: block;
    width: 100%;
    padding: 8.5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.;
    color: #212529;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #c1c1c1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

label {
    color: #363636;
    font-size: 16px;
    font-weight: 500;
    margin-top: 17px;
}

/* Full width control */
.input-group {
    width: 100%;
}

/* Icon box perfect center */
.input-group-text {
    display: flex;
    align-items: center;
    /* vertical center */
    justify-content: center;
    /* horizontal center */
    min-width: 45px;
    /* fixed width for icon box */
    height: 45px;
    /* same as input height */
    padding: 0;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(357deg, #7a1a1a, #e10605);
    border: 1px solid #ddd;
    border-radius: 8px 0 0 8px;
}

/* Input height match karo */
.form-control, .form-select {
    height: 45px;
    border-radius: 0 8px 8px 0;
}

h4.sub-heead {
    font-size: 16px;
    color: #fff;
    margin-bottom: 19px;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    background: linear-gradient(to right, rgb(112 164 65), rgb(112 164 65));
}

.form-select {
    font-size: 14px;
}

h4.form-title.text-center {
    font-size: 17px;
}

/* slider */
/* industry insight */
.rounded-img {
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}

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

/* Lightbox Style */
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    z-index: 10000;
    transition: 0.3s;
}

.close-btn:hover {
    color: #e10605;
    transform: scale(1.2);
}

.gallery-item1 {
    height: 175px;
    width: 100%;
    /* border-radius: 5px; */
    /* border: 5px solid #eeeeee; */
    object-fit: cover;
    margin-bottom: 20px;
}

.gallery-item1 img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    /* border-radius: 50%; */
    /* border: 5px solid #eeeeee; */
    object-fit: cover;
}

.gallery-section h5 {
    margin-bottom: 20px;
    font-size: 15px;
    text-transform: capitalize;
}

.visitor-section {
    background: #f8f9fc;
}

.visitor-card {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    transition: 0.3s;
    height: 100%;
}

.visitor-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.visitor-card .icon {
    font-size: 40px;
    height: 110px;
    width: 110px;
    margin: 0 auto 15px;
    /* center + bottom space */
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visitor-card h4 {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
}

.visitor-card ul {
    padding-left: 18px;
}

.visitor-card ul li {
    margin-bottom: 8px;
    font-size: 14px;
}

.icon img {
    filter: brightness(0) invert(1);
    width: 70px;
}

.gallery-item1 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 5px solid #eeeeee;
}

.gallery-item1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

/* Overlay */
.gallery-item1::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 40px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    transition: 0.3s ease;
}

/* Hover Effects */
.gallery-item1:hover img {
    transform: scale(1.1);
    filter: brightness(0.6);
}

.gallery-item1:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Hover zoom */
.gallery-item1:hover img {
    transform: scale(1.1);
    filter: brightness(0.6);
}

/* + icon */
.gallery-item1::after {
    content: "+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 40px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    transition: 0.3s;
    pointer-events: none;
}

.gallery-item1:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Lightbox */
#lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    text-align: center;
}

#lightbox img {
    max-width: 90%;
    max-height: 80%;
    margin-top: 80px;
}

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

/* partners */
.partner-img {
    /* background: #fff; */ /* row white */
    padding: 1px 0;
}

.partner-img-box {
    border-top: 1px solid #e0e0e0; /* light border */
    padding: 20px;
    /* height: 120px; */
    border-right: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    transition: 0.3s;
}

/* Logo size control */
.partner-img-box img {
    max-height: 70px;
    width: auto;
}

/* Hover effect (optional but professional) */
.partner-img-box:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

.time {
    position: relative;
    height: 180px;
    width: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Outer dashed rotating border */
.time::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border: 2px dashed #e10605; /* purple color */
    border-radius: 50%;
    animation: spinBorder 6s linear infinite;
}

/* Animation */
@keyframes spinBorder {
    100% {
        transform: rotate(360deg);
    }
}


/* exhibitor profile */
/* SECTION BG */
.industry-section {
  background: #fdf2f2;
}

/* HEADING */
.industry-section h3 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
  text-transform: capitalize;
  font-size: 20px;
}

/* LIST STYLE */
.custom-list {
  list-style: none;
  padding: 0;
}

/* PERFECT ALIGNMENT */
.custom-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 0px;
  padding: 10px;
  border-radius: 8px;
  transition: 0.3s;
}

.custom-list li:hover {
  background: #f1f3ff;
  transform: translateX(5px);
}

/* ICON */
.custom-list li img {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

/* TEXT */
.custom-list li div {
  flex: 1;
  font-size: 15px;
}

/* IMAGE EFFECT */
.section-img {
  transition: 0.4s;
  border-radius: 12px;
}

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


/* exhibitor participation */
.exhibitor-section {
  background: linear-gradient(135deg, #f8f9ff, #ffffff);
}

/* HEADING */
.exhibitor-title {
  text-align: center;
  margin-bottom: 40px;
}

.exhibitor-title h2 {
  font-weight: 700;
  color: #1c1d66;
}

/* CARD */
.exhibitor-box {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  height: 100%;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  transition: 0.3s;
  text-align: center;
}

.exhibitor-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* ICON */
.exhibitor-icon {
  font-size: 28px;
  color: #fff;
  background: #e10605;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  margin: 0 auto 15px;
}

/* TEXT */
.exhibitor-box h5 {
  font-weight: 600;
  margin-bottom: 10px;
}


.exhibitor-icon {font-size: 40px;
    height: 110px;
    width: 110px;
    margin: 0 auto 15px;
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.exhibitor-icon img {
    filter: brightness(0) invert(1);
    width: 70px;
}
.visitor-card img{
    width: 100%;
}
/* site header: logo + menu */
.site-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
}

/* dark slanted panel behind the logo: runs from the screen's left edge,
   right edge slants up from bottom toward the right */
.site-logo {
    position: relative;
    z-index: 0;
    display: block;
    padding: 3px 70px 3px 0;
}

.site-logo::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    right: 0;
    z-index: -1;
    background: #fff;
    clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0 100%);
}

.site-logo img {
    height: 80px;
    width: auto;
    display: block;
    padding: 4px 8px;
}

.site-nav .navbar-nav .nav-link {
    font-size: 14px;
    text-transform: uppercase;
}

@media (max-width: 576px) {
    .site-logo {
        padding-right: 45px;
    }

    .site-logo::before {
        clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
    }

    .site-logo img {
        height: 50px;
    }
}

/* home banner carousel */
.home-banner .carousel-item img {
    width: 100%;
    height: auto;
}

.home-banner .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 0;
}

.home-banner .carousel-indicators .active {
    background-color: #e10605;
}

.home-banner .carousel-control-prev-icon,
.home-banner .carousel-control-next-icon {
    background-color: #e10605;
    border-radius: 50%;
    padding: 18px;
    background-size: 50%;
}

/* header call button: highlighted, gently bobbing with a pulse ring */
.call-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 12px;
    padding: 8px 18px;
    border-radius: 30px;
    background: #db0504;
    color: #ffff;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
    text-decoration: none;
    animation: callFloat 2.5s ease-in-out infinite, callPulse 2s infinite;
    transition: background 0.3s, color 0.3s;
}

.call-btn i {
    animation: callRing 1.5s ease-in-out infinite;
}

.call-btn:hover {
    background: #ffd84d;
    color: #8a0b0b !important;
}

/* mobile menu greys out every link; keep the call button white */
.slicknav_nav a.call-btn,
.slicknav_nav a.call-btn i {
    color: #fff !important;
}

/* touch screens keep :hover after a tap, so only darken on real hover */
@media (hover: hover) {
    .slicknav_nav a.call-btn:hover,
    .slicknav_nav a.call-btn:hover i {
        color: #8a0b0b !important;
    }
}

@media (hover: none) {
    .slicknav_nav a.call-btn:hover,
    .slicknav_nav a.call-btn:focus {
        background: #db0504 !important;
    }
}

@keyframes callFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes callPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@keyframes callRing {
    0%, 60%, 100% { transform: rotate(0); }
    10%, 30% { transform: rotate(-15deg); }
    20%, 40% { transform: rotate(15deg); }
}

@media (prefers-reduced-motion: reduce) {
    .call-btn, .call-btn i {
        animation: none;
    }
}

/* sticky navbar on scroll: dark background, white text */
.header_menu.fixed-top {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

.header_menu.fixed-top .navbar-nav .nav-link {
    color: #363636;
}

/* services dropdown */
.site-nav .dropdown-menu {
    min-width: 200px;
    padding: 8px 0;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.site-nav .dropdown-item {
    padding: 10px 20px;
    color: #333;
    font-weight: 500;
}

.site-nav .dropdown-menu li:hover a {
    background-color: #e10605;
    color: #fff !important;
}

/* services caret: FA icon beside the text; Bootstrap's ::after is kept only as the hover underline */
.site-nav .dropdown-toggle::after {
    border: 0;
    margin: 0;
    vertical-align: initial;
}

.nav-caret {
    margin-left: 4px;
    font-size: 16px;
    transition: transform 0.3s;
}

.dropdown:hover .nav-caret {
    transform: rotate(180deg);
}

/* slicknav mobile menu adds its own arrow */
.slicknav_nav .nav-caret {
    display: none;
}

/* underline aligned to the left, directly under a left-aligned heading */
.title-underline.title-underline-left {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ===== Our Services ===== */
.services {
    position: relative;
    background-image: linear-gradient(rgba(11, 16, 32, 0.82), rgba(11, 16, 32, 0.82)), url('../images/img/banner/bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.services .section-title {
    color: #fff;
}

.services .color {
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}

.services-intro {
    max-width: 620px;
    margin: 0 auto 30px;
    text-align: center !important;
    color: #d9d9e3;
}

@media (max-width: 991px) {
    .services {
        background-attachment: scroll;
    }
}

/* ===== Invisible Grill Specifications ===== */
.grill-specs {
    background: #e3e3e39c;
}

.grill-specs .section-title {
    color: #1f2547;
}

.grill-specs .color {
    background: linear-gradient(90deg, #e10605, #b31212);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.spec-subheading {
    margin: 18px 0 0;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #1f2547;
}

.spec-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
    margin: 36px 0 34px;
}

.spec-card {
    flex: 0 0 calc(25% - 13.5px);
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 18px 20px;
    background: #fff;
    border-radius: 14px;
    border-left: 5px solid #ff6b6b;
    box-shadow: 0 8px 22px rgba(225, 6, 5, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.spec-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(225, 6, 5, 0.22);
}

.spec-key {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #e10605;
}

.spec-val {
    font-size: 16px;
    font-weight: 600;
    color: #1f2547;
}

.spec-gap-card {
    height: 100%;
    padding: 26px 24px;
    text-align: center;
    background: #032b65;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(11, 16, 32, 0.22);
}

.spec-gap-card h5 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

.gap-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.gap-tags span {
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.spec-components-wrap {
    margin-top: 52px;
}

.spec-comp-title {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    color: #1f2547;
    margin-bottom: 30px;
}

.spec-components {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 38px 28px;
}

.spec-comp {
    width: 140px;
    text-align: center;
}

.spec-comp h6 {
    display: inline-block;
    margin: 16px 0 0;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #b31212;
    background: rgba(225, 6, 5, 0.08);
    border-radius: 30px;
    transition: all 0.35s ease;
}

.spec-comp:hover h6 {
    color: #fff;
    background: linear-gradient(135deg, #e10605, #ff8fa3);
    box-shadow: 0 8px 18px rgba(225, 6, 5, 0.35);
}

.spec-circle {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b6b, #e10605);
    box-shadow: 0 12px 26px rgba(225, 6, 5, 0.28);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.spec-circle::after {
    content: "";
    position: absolute;
    inset: -40%;
    background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.55), transparent 30%, transparent 70%, rgba(255, 255, 255, 0.55));
    opacity: 0;
    transition: opacity 0.45s ease;
}

.spec-comp:hover .spec-circle {
    transform: translateY(-10px) scale(1.06);
    box-shadow: 0 22px 44px rgba(225, 6, 5, 0.42);
}

.spec-comp:hover .spec-circle::after {
    opacity: 1;
    animation: specSpin 3s linear infinite;
}

@keyframes specSpin {
    to {
        transform: rotate(360deg);
    }
}

.spec-circle img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #fff;
    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.35) inset;
    transition: transform 0.5s ease;
}

.spec-comp:hover .spec-circle img {
    transform: scale(1.08) rotate(4deg);
}

.spec-note {
    margin-top: 38px;
    color: #3d0d0d;
    font-size: 15px;
}

@media (max-width: 991px) {
    .spec-card {
        flex: 0 0 calc(50% - 9px);
    }
}

@media (max-width: 767px) {
    .spec-card {
        flex: 0 0 100%;
    }

    .spec-circle {
        width: 120px;
        height: 120px;
        padding: 5px;
    }

    .spec-comp {
        width: 120px;
    }

    .spec-comp h6 {
        font-size: 14px;
    }
}

.service-card {
    position: relative;
    height: 100%;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(11, 16, 32, 0.08);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* gradient bar that grows across the bottom on hover */
.service-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #e10605, #0B1020);
    transition: width 0.4s ease;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(225, 6, 5, 0.22);
}

.service-card:hover::after {
    width: 100%;
}

/* image area; gradient shows until a real image is added */
.service-img {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: linear-gradient(135deg, #e10605, #0B1020);
}

.service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.service-card:hover .service-img img {
    transform: scale(1.1);
}

.service-num {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.service-body {
    position: relative;
    padding: 45px 26px 28px;
}

.service-icon {
    position: absolute;
    top: -32px;
    left: 26px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e10605;
    border: 4px solid #fff;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 6px 16px rgba(225, 6, 5, 0.35);
    transition: background 0.4s ease, transform 0.6s ease;
}

.service-card:hover .service-icon {
    background: #0B1020;
    transform: rotateY(360deg);
}

.service-body h5 {
    font-size: 21px;
    font-weight: 700;
    color: #0B1020;
    margin-bottom: 10px;
}

.service-body p {
    color: #666;
    margin-bottom: 16px;
    text-align: left !important;
}

.service-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.service-link {
    font-weight: 600;
    color: #e10605;
    text-decoration: none;
}

.service-link-alt {
    color: #0B1020;
}

.service-link-alt:hover {
    color: #e10605;
}

.service-link i {
    margin-left: 6px;
    transition: margin-left 0.3s ease;
}

.service-link:hover {
    color: #0B1020;
}

.service-link:hover i {
    margin-left: 12px;
}

/* ===== Creative Footer ===== */
.footer {
    position: relative;
    z-index: 1;
    padding: 64px 0 0 !important;
    background: transparent;
}

.footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('../images/img/banner/bg2.png') center/cover no-repeat;
    opacity: 0.07;
    pointer-events: none;
    z-index: 0;
}

.footer-inner {
    position: relative;
    z-index: 2;
}

.footer h5 {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #fff;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.footer h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #db0504, #db0504);
    transform: none;
}

.footer-about {
    color: rgba(255, 255, 255, 0.93);
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
    margin-bottom: 20px;
}

.footer .box-logo img {
    width: 150px;
    height: auto;
    background: #fff;
    padding: 8px 16px;
    border-radius: 12px;
    margin-bottom: 18px;
}

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

.footer-links li {
    margin-bottom: 12px;
    line-height: 1.4 !important;
}

.footer-links a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.93);
    text-decoration: none;
    font-size: 15px;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer-links a::before {
    content: "\203A";
    margin-right: 8px;
    color: #ff6b6b;
    font-weight: 700;
}

.footer-links a:hover {
    color: #fff;
    padding-left: 7px;
}

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

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    line-height: 1.5 !important;
}

.fc-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, rgb(219 5 4), rgb(219 5 4));
    box-shadow: 0 6px 14px rgba(225, 6, 5, 0.35);
}

.fc-text {
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, 0.93);
    font-size: 15px;
}

.fc-text a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    transition: color 0.3s ease;
}

.fc-text a:hover {
    color: #ffc9c9;
}

.footer-locations {
    margin-top: 14px;
}

.footer-location-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
}

.footer-location-list li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.93);
    font-size: 15px;
}

.footer-location-list li i {
    color: #ff6b6b;
}

.footer-bottom {
    position: relative;
    z-index: 2;
    margin-top: 44px;
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.22);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
}

.footer-bottom span {
    line-height: 1.4;
}

/* ===== Why Choose ===== */
.why-choose {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0404 0%, #032154 52%, #033276 100%);
}

.why-choose::before {
    content: "";
    position: absolute;
    top: -140px;
    right: -80px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 107, 0.45), transparent 68%);
    pointer-events: none;
}

.why-choose::after {
    content: "";
    position: absolute;
    bottom: -160px;
    left: -110px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 143, 163, 0.30), transparent 68%);
    pointer-events: none;
}

.why-panel {
    position: relative;
    z-index: 1;
}

.why-panel > .row {
    position: relative;
    z-index: 1;
}

.why-tag {
    display: inline-block;
    padding: 6px 16px;
    margin-bottom: 16px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255, 107, 107, 0.18);
    border: 1px solid rgba(255, 107, 107, 0.4);
    border-radius: 30px;
}

.why-title {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 14px;
}

.why-title span {
    background: none;
    -webkit-text-fill-color: #fff;
    color: #fff;
}

.why-panel .title-underline {
    width: 90px;
    background: rgba(255, 255, 255, 0.22);
    margin: 0 0 18px;
}

.why-panel .title-underline::before {
    background: #ffc4c4;
}

.why-text {
    margin: 0;
    text-align: left;
    font-size: 15px;
    line-height: 1.7 !important;
    color: rgb(255 255 255 / 93%);
}

.why-list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.why-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.why-item:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, 0.13);
    border-color: rgba(255, 201, 201, 0.55);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}

.why-ic {
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: #e10605;
    box-shadow: 0 6px 16px rgba(225, 6, 5, 0.35);
    transition: transform 0.45s ease, background 0.4s ease;
}

.why-item:hover .why-ic {
    transform: rotate(-6deg) scale(1.08);
    background: #0B1020;
}

.why-ic img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.why-item-body h6 {
    margin: 2px 0 6px;
    font-size: 16.5px;
    font-weight: 800;
    color: #fff;
}

.why-item-body p {
    margin: 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.55 !important;
    color: rgb(255 255 255 / 93%);
}

@media (max-width: 991px) {
    .why-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .why-list {
        grid-template-columns: 1fr;
    }

    .why-title {
        font-size: 27px;
    }
}

/* ===== Top Bar ===== */
.topbar {
    position: relative;
    z-index: 1000;
    padding: 6px 0;
    border-bottom: 1px solid #ffffff73;
    font-size: 14px;
    color: #fff;
    background: #db0504;
}

.topbar-mail {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    transition: color 0.3s ease;
}

.topbar-mail:hover {
    color: #fff;
}

.topbar-mail i {
    color: #ffc4c4;
}

.topbar-social {
    gap: 8px;
}

.topbar-social a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.22);
    text-decoration: none;
    transition: all 0.3s ease;
}

.topbar-social a:hover {
    background: linear-gradient(135deg, #ff6b6b, #ff8fa3);
    border-color: transparent;
    transform: translateY(-2px);
}

@media (max-width: 575px) {
    .topbar {
        font-size: 12.5px;
        text-align: center;
    }
}

/* ===== Testimonials ===== */
.testimonials {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #fff5f5 0%, #ffffff 100%);
}

.testimonials::before {
    content: "\201C";
    position: absolute;
    top: -40px;
    left: 10px;
    font-family: Georgia, serif;
    font-size: 260px;
    line-height: 1;
    color: rgba(225, 6, 5, 0.06);
    pointer-events: none;
}

.testimonials-swiper {
    position: relative;
    padding: 40px 6px 60px;
}

.testimonials-swiper .swiper-slide {
    height: auto;
}

.t-card {
    position: relative;
    height: 100%;
    padding: 34px 28px 28px;
    background: #fff;
    border: 1px solid #fde3e3;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(225, 6, 5, 0.10);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.t-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 46px rgba(225, 6, 5, 0.20);
}

.t-quote {
    font-size: 34px;
    color: rgba(225, 6, 5, 0.22);
}

.t-stars {
    margin: 10px 0 14px;
    font-size: 13px;
    letter-spacing: 3px;
    color: #f5a623;
}

.t-text {
    margin: 0 0 22px;
    text-align: left;
    font-size: 15px;
    line-height: 1.7 !important;
    color: #5a5a70;
}

.t-person {
    display: flex;
    align-items: center;
    gap: 14px;
}

.t-avatar {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #e10605);
    box-shadow: 0 8px 18px rgba(225, 6, 5, 0.30);
}

.t-person h6 {
    margin: 0 0 2px;
    font-size: 16px;
    font-weight: 800;
    color: #1f2547;
}

.t-person span {
    font-size: 13px;
    color: #8a8aa0;
}

.testimonials-swiper .swiper-pagination {
    bottom: 12px;
}

.testimonials-swiper .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: #e8b3b3;
    opacity: 1;
    transition: all 0.3s ease;
}

.testimonials-swiper .swiper-pagination-bullet-active {
    width: 26px;
    border-radius: 6px;
    background: linear-gradient(90deg, #ff6b6b, #e10605);
}

/* ===== Global responsiveness ===== */
html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

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

@media (max-width: 1199px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .spec-card {
        flex: 0 0 calc(33.333% - 12px);
    }
}

@media (max-width: 991px) {
    .pt-60 { padding-top: 46px !important; }
    .pb-60 { padding-bottom: 46px !important; }
    .mt-60 { margin-top: 46px !important; }
    .mb-60 { margin-bottom: 46px !important; }

    .section-title {
        font-size: 28px;
    }

    .spec-card {
        flex: 0 0 calc(50% - 9px);
    }

    .why-panel .row {
        text-align: center;
    }

    .why-tag {
        margin-left: auto;
        margin-right: auto;
    }

    .why-panel .title-underline {
        margin-left: auto !important;
        margin-right: auto !important;
    }

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

@media (max-width: 767px) {
    .pt-60 { padding-top: 38px !important; }
    .pb-60 { padding-bottom: 38px !important; }

    .section-title {
        font-size: 24px;
    }

    .spec-card {
        flex: 0 0 100%;
    }

    .services-intro,
    .spec-subheading {
        padding: 0 6px;
    }

    .testimonials-swiper {
        padding: 30px 2px 52px;
    }

    .footer-bottom .container {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .section-title {
        font-size: 22px;
    }

    .topbar .container {
        justify-content: center !important;
    }

    .why-title {
        font-size: 25px;
    }

    .t-card {
        padding: 26px 20px 22px;
    }

    .why-item {
        padding: 18px 16px;
    }
}

/* ===== Mobile menu (slicknav) visibility fix ===== */
@media (max-width: 1181px) {
    .site-nav {
        position: relative;
    }

    div#slicknav-mobile {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

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

    .slicknav_btn {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        float: none;
        margin: 0;
        padding: 8px 10px;
        background: #6b0000;
        border-radius: 10px;
        top: auto;
        right: auto;
    }

    .slicknav_btn.slicknav_open:before,
    .slicknav_btn.slicknav_collapsed:before {
        color: #ffffff;
        position: static;
        top: auto;
        left: auto;
        font-size: 22px;
        line-height: 1;
    }

    .slicknav_nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 70vh;
        overflow-y: auto;
        background: #ffffff;
        border-radius: 0 0 18px 18px;
        box-shadow: 0 18px 40px rgba(11, 16, 32, 0.25);
        z-index: 9999;
    }
}

/* ===== Floating WhatsApp + Mail ===== */
.float-actions {
    position: fixed;
    right: 18px;
    bottom: 22px;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.float-btn {
    position: relative;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.float-btn i {
    position: relative;
    z-index: 2;
    animation: floatBounce 2.6s ease-in-out infinite;
}

.float-mail {
    background: linear-gradient(135deg, #ff6b6b, #e10605);
    box-shadow: 0 8px 22px rgba(225, 6, 5, 0.45);
}

.float-mail i {
    animation-delay: 0.4s;
}

.float-whatsapp {
    background: #25D366;
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.5);
}

.float-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: floatPulse 2.2s infinite;
    pointer-events: none;
}

.float-mail::after {
    box-shadow: 0 0 0 0 rgba(225, 6, 5, 0.55);
}

.float-whatsapp::after {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
}

.float-btn:hover {
    transform: scale(1.1);
}

.float-tip {
    position: absolute;
    right: calc(100% + 12px);
    left: auto;
    top: 50%;
    transform: translate(8px, -50%);
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #0B1020;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease;
}

.float-tip::before {
    content: "";
    position: absolute;
    right: -5px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #0B1020;
}

.float-btn:hover .float-tip {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
}

@keyframes floatBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes floatPulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
    70% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .float-btn,
    .float-btn i,
    .float-btn::after {
        animation: none;
    }
}

@media (max-width: 575px) {
    .float-actions {
        right: 12px;
        bottom: 18px;
        gap: 12px;
    }

    .float-btn {
        width: 48px;
        height: 48px;
        font-size: 22px;
    }
}

/* ===== Coming Soon ===== */
.coming-soon {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 64vh;
    padding: 90px 0;
    background: linear-gradient(135deg, #1a0404 0%, #5c0f0f 52%, #e10605 100%);
}

.coming-soon::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -90px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 107, 107, 0.45), transparent 68%);
    pointer-events: none;
}

.coming-soon::after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -110px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 143, 163, 0.30), transparent 68%);
    pointer-events: none;
}

.cs-inner {
    position: relative;
    z-index: 1;
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
}

.cs-icon {
    width: 96px;
    height: 96px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #e10605);
    box-shadow: 0 16px 34px rgba(225, 6, 5, 0.45);
    animation: csFloat 3s ease-in-out infinite;
}

@keyframes csFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.cs-tag {
    display: inline-block;
    padding: 6px 18px;
    margin-bottom: 16px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #ffc9c9;
    background: rgba(255, 107, 107, 0.18);
    border: 1px solid rgba(255, 107, 107, 0.4);
    border-radius: 30px;
}

.cs-title {
    font-size: 58px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 16px;
    background: linear-gradient(90deg, #ffffff, #ffc4c4, #ff8fd0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cs-text {
    margin: 0 auto 30px;
    max-width: 520px;
    text-align: center;
    font-size: 16px;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.78);
}

.cs-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.cs-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 28px;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #e10605);
    box-shadow: 0 12px 26px rgba(225, 6, 5, 0.42);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cs-btn:hover {
    transform: translateY(-4px);
    color: #fff;
    box-shadow: 0 18px 34px rgba(225, 6, 5, 0.55);
}

.cs-btn-ghost {
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    box-shadow: none;
}

.cs-btn-ghost:hover {
    background: #fff;
    color: #5c0f0f;
    border-color: #fff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
}

@media (max-width: 575px) {
    .coming-soon {
        min-height: 56vh;
        padding: 64px 0;
    }

    .cs-title {
        font-size: 38px;
    }

    .cs-icon {
        width: 78px;
        height: 78px;
        font-size: 32px;
    }
}

/* ===== Service Inner Page ===== */
.service-hero {
    position: relative;
    padding: 96px 0 72px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #1a0404 0%, #042256 55%, #042358 100%);
    overflow: hidden;
}

.service-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('../images/img/banner/bg2.png') center/cover no-repeat;
    opacity: 0.10;
    pointer-events: none;
}

.service-hero .container {
    position: relative;
    z-index: 2;
}

.service-hero h1 {
    font-size: 44px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 14px;
    color: #fff;
}

.service-hero .breadcrumb {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
}

.service-hero .breadcrumb a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.service-hero .breadcrumb a:hover {
    color: #ffc9c9;
}

.service-hero .breadcrumb .sep {
    color: rgba(255, 255, 255, 0.55);
}

.service-overview-img {
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(225, 6, 5, 0.18);
}

.service-overview-img img {
    width: 100%;
    display: block;
}

.service-body-text p {
    color: #5a5a70;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 16px;
}

.service-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 34px;
}

.service-feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #f3d9d9;
    border-radius: 14px;
    padding: 22px;
    box-shadow: 0 8px 22px rgba(225, 6, 5, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-feature:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(225, 6, 5, 0.16);
}

.service-feature .sf-ic {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 19px;
    color: #fff;
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    box-shadow: 0 8px 18px rgba(225, 6, 5, 0.30);
}

.service-feature h6 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #1f2547;
}

.service-feature p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #707070;
}

.service-cta {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0404 0%, #5c0f0f 52%, #e10605 100%);
    color: #fff;
    border-radius: 20px;
    padding: 46px 40px;
}

.service-cta::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.service-cta h3 {
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 10px;
    color: #fff;
}

.service-cta p {
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 22px;
}

.service-cta .cta-actions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 991px) {
    .service-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .service-hero {
        padding: 70px 0 54px;
    }

    .service-hero h1 {
        font-size: 30px;
    }

    .service-features {
        grid-template-columns: 1fr;
    }

    .service-cta {
        padding: 34px 24px;
    }

    .service-cta h3 {
        font-size: 23px;
    }
}

/* ===== Welcome / About ===== */
.welcome-media {
    position: relative;
    margin-bottom: 50px;
}

.welcome-media img {
    width: 100%;
    display: block;
    border-radius: 18px;
    box-shadow: 0 20px 44px rgba(31, 37, 71, 0.15);
}

.welcome-media .wm-sub {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35%;
    transform: translate(15%, 33%);
    border-radius: 14px;
    border: 5px solid #fff;
    box-shadow: 0 16px 34px rgba(31, 37, 71, 0.22);
}

.welcome-badge {
    position: absolute;
    top: 22px;
    right: -18px;
    width: 96px;
    height: 96px;
    border-radius: 18px;
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    box-shadow: 0 14px 30px rgba(225, 6, 5, 0.35);
}

.welcome-badge .wb-num {
    font-size: 28px;
    font-weight: 800;
}

.welcome-badge .wb-txt {
    font-size: 12px;
    font-weight: 600;
}

.welcome-title {
    font-size: 34px;
    font-weight: 800;
    color: #1f2547;
    margin: 0 0 12px;
}

.welcome-title span {
    color: #e10605;
}

.welcome-underline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.welcome-underline .u-long {
    width: 60px;
    height: 4px;
    border-radius: 3px;
    background: #1f2547;
    display: inline-block;
}

.welcome-underline .u-short {
    width: 26px;
    height: 4px;
    border-radius: 3px;
    background: #e10605;
    display: inline-block;
}

@media (max-width: 991px) {
    .welcome-media {
        margin-bottom: 44px;
    }

    .welcome-badge {
        right: 16px;
    }

    .welcome-media .wm-sub {
        width: 52%;
        transform: translate(22%, 45%);
    }
}

@media (max-width: 575px) {
    .welcome-title {
        font-size: 26px;
    }

    .welcome-badge {
        width: 80px;
        height: 80px;
    }

    .welcome-badge .wb-num {
        font-size: 22px;
    }
}

/* ===== Get a Free Site Visit Banner ===== */
.service-cta-banner {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(225, 6, 5, 0.20);
}

@media (max-width: 575px) {
    .service-cta-banner {
        border-radius: 14px;
    }
}

/* ===== Other Services ===== */
.other-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-top: 34px;
}

.other-service-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    background: #fff;
    border: 1px solid #f3d9d9;
    border-radius: 14px;
    padding: 0 0 24px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(225, 6, 5, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.other-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(225, 6, 5, 0.16);
}

.other-service-card .os-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.other-service-card .os-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.other-service-card:hover .os-img img {
    transform: scale(1.06);
}

.other-service-card .os-ic {
    width: 54px;
    height: 54px;
    margin: -27px auto 0;
    position: relative;
    z-index: 2;
    border: 4px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 19px;
    color: #fff;
    background: linear-gradient(135deg, #e10605, #8a0b0b);
    box-shadow: 0 10px 22px rgba(225, 6, 5, 0.30);
}

.other-service-card h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1f2547;
}

.other-service-card p {
    margin: 0;
    padding: 0 18px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #707070;
}

.other-service-card .os-link {
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: #e10605;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
}

.other-service-card .os-link:hover {
    color: #8a0b0b;
}

@media (max-width: 991px) {
    .other-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .other-services-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Mission Vision Values ===== */
.mvv-section {
    position: relative;
    padding: 60px 0;
    background: url("../images/img/about-inner2.png") center / cover no-repeat;
    background-attachment: fixed;
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

.mvv-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10, 30, 80, 0.94), rgba(18, 52, 130, 0.88));
}

.mvv-section .container {
    position: relative;
    z-index: 1;
}

.mvv-title {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 18px;
}

.mvv-title span {
    color: #e10605;
}

.mvv-underline {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
}

.mvv-underline .u-long {
    width: 90px;
    height: 5px;
    border-radius: 3px;
    background: #1f6fff;
}

.mvv-underline .u-short {
    width: 30px;
    height: 5px;
    border-radius: 3px;
    background: #e10605;
}

.mvv-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 35px;
}

.mvv-col + .mvv-col {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.mvv-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #e10605;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    color: #fff;
    box-shadow: 0 10px 25px rgba(225, 6, 5, 0.35);
    transition: transform 0.3s ease;
}

.mvv-col:hover .mvv-icon {
    transform: translateY(-6px);
}

.mvv-num {
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
    margin: 24px 0 16px;
    color: #e6e9f2;
}

.mvv-head {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}

.mvv-text {
    font-size: 15px;
    line-height: 1.7;
    color: rgb(255 255 255 / 93%);
    text-align: left;
    margin: 0;
}

@media (max-width: 991px) {
    .mvv-title { font-size: 28px; }
    .mvv-col { padding: 0 15px; }
    .mvv-num { font-size: 46px; }
    .mvv-head { font-size: 22px; }
}

@media (max-width: 767px) {
    .mvv-title { font-size: 24px; }
    .mvv-col + .mvv-col {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
        padding-top: 35px;
        margin-top: 35px;
    }
    .mvv-text { text-align: center; }
}

/* Parallax off on touch devices (fixed bg not supported on iOS) */
@media (max-width: 991px), (hover: none) {
    .mvv-section {
        background-attachment: scroll;
    }
}

/* ===== Contact Page ===== */
.contact-lead {
    max-width: 620px;
    margin: 18px auto 0;
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

.contact-card {
    height: 100%;
    text-align: center;
    padding: 32px 20px;
    background: #fff;
    border-radius: 14px;
    border-bottom: 4px solid #042256;
    box-shadow: 0 10px 30px rgba(4, 34, 86, 0.08);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.contact-card:hover {
    transform: translateY(-6px);
    border-color: #e10605;
}

.contact-card .cc-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #e10605;
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(225, 6, 5, 0.3);
}

.contact-card h5 {
    font-size: 18px;
    font-weight: 700;
    color: #1f2547;
    margin-bottom: 8px;
}

.contact-card p {
    margin: 0;
    font-size: 15px;
    color: #555;
    word-break: break-word;
}

.contact-card a {
    color: #555;
    text-decoration: none;
}

.contact-card a:hover {
    color: #e10605;
}

.contact-form-box,
.contact-office {
    height: 100%;
    padding: 36px 32px;
    border-radius: 14px;
}

.contact-form-box {
    background: #fff;
    box-shadow: 0 10px 30px rgba(4, 34, 86, 0.08);
}

.contact-form-box h3,
.contact-office h3 {
    font-size: 28px;
    font-weight: 800;
    color: #1f2547;
    margin-bottom: 12px;
}

.contact-form-box h3 span {
    color: #e10605;
}

.contact-form .form-control,
.contact-form .form-select {
    padding: 13px 16px;
    font-size: 15px;
    border: 1px solid #dfe3ec;
    border-radius: 8px;
    background-color: #f7f9fc;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
    border-color: #042256;
    box-shadow: 0 0 0 3px rgba(4, 34, 86, 0.1);
    background-color: #fff;
}

.contact-office {
    background: linear-gradient(135deg, #1a0404 0%, #042256 55%, #042358 100%);
    color: #fff;
}

.contact-office h3 {
    color: #fff;
    margin-bottom: 24px;
}

.office-item {
    display: flex;
    gap: 16px;
    margin-bottom: 22px;
}

.office-item .oi-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #e10605;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.office-item h6,
.office-cities h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

.office-item p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgb(255 255 255 / 85%);
}

.office-cities {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.office-cities h6 {
    margin-bottom: 12px;
}

.office-cities span {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
}

.contact-map {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(4, 34, 86, 0.08);
}

.contact-map iframe {
    display: block;
    width: 100%;
    height: 400px;
    border: 0;
}

@media (max-width: 767px) {
    .contact-form-box,
    .contact-office {
        padding: 28px 20px;
    }

    .contact-form-box h3,
    .contact-office h3 {
        font-size: 24px;
    }

    .contact-map iframe {
        height: 300px;
    }
}

/* ===== Location Pages ===== */
.footer-location-list li a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-location-list li a:hover {
    color: #ff6b6b;
}


.loc-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.loc-actions .btn-custom {
    margin-top: 0;
}

.loc-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-weight: 600;
    color: #fff;
    background: #25d366;
    border-radius: 30px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.loc-wa:hover {
    color: #fff;
    background: #1da851;
}

.loc-wa i {
    font-size: 20px;
}



/* Location intro image: same height as the text column */
.loc-img {
    height: 100%;
}

.loc-img img {
    height: 100%;
    min-height: 320px;
    object-fit: cover;
}

.loc-services-wrap {
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 767px) {
    .loc-services-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.loc-points {
    list-style: none;
    padding: 0;
    margin: 4px 0 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
}

.loc-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #1f2547;
}

.loc-points li i {
    font-size: 18px;
    color: #e10605;
}

@media (max-width: 575px) {
    .loc-points {
        grid-template-columns: 1fr;
    }
}

/* ===== Blog ===== */
.blog-search {
    display: flex;
    max-width: 480px;
    margin: 30px auto 0;
    border: 1px solid #dfe3ec;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
}

.blog-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    padding: 12px 20px;
    font-size: 15px;
    outline: none;
}

.blog-search button {
    border: 0;
    padding: 0 22px;
    color: #fff;
    background: #042256;
    cursor: pointer;
    transition: background 0.3s ease;
}

.blog-search button:hover {
    background: #e10605;
}

.blog-cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 24px 0 36px;
}

.blog-cats a {
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #1f2547;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dfe3ec;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.blog-cats a:hover,
.blog-cats a.active {
    color: #fff;
    background: #042256;
    border-color: #042256;
}

.blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(4, 34, 86, 0.08);
    transition: transform 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-6px);
}

.blog-card-img {
    position: relative;
    display: block;
    height: 220px;
    overflow: hidden;
}

.blog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-card:hover .blog-card-img img {
    transform: scale(1.06);
}

.blog-card-cat,
.blog-card-feat {
    position: absolute;
    top: 14px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 20px;
}

.blog-card-cat {
    left: 14px;
    background: #e10605;
}

.blog-card-feat {
    right: 14px;
    background: #042256;
}

.blog-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #888;
}

.blog-meta i {
    color: #e10605;
    margin-right: 4px;
}

.blog-card h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.blog-card h3 a {
    color: #1f2547;
    text-decoration: none;
}

.blog-card h3 a:hover {
    color: #e10605;
}

.blog-card p {
    flex: 1;
    font-size: 14px;
    line-height: 1.7;
    color: #5a5a70;
    margin-bottom: 14px;
}

.blog-more {
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
    color: #042256;
    text-decoration: none;
}

.blog-more:hover {
    color: #e10605;
}

.blog-empty {
    text-align: center;
    padding: 60px 20px;
    color: #888;
}

.blog-empty i {
    font-size: 48px;
    color: #c9d3e8;
    margin-bottom: 16px;
}

.blog-empty p {
    font-size: 16px;
    margin-bottom: 20px;
}

.blog-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 40px;
}

.blog-pagination a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #1f2547;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dfe3ec;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.blog-pagination a:hover,
.blog-pagination a.active {
    color: #fff;
    background: #e10605;
    border-color: #e10605;
}

/* Single post */
.blog-post-hero h1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 36px;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: 0;
}

.blog-hero-cat {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: #e10605;
    border-radius: 20px;
}

.blog-hero-cat:hover {
    color: #fff;
}

.blog-hero-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}

.blog-hero-meta i {
    margin-right: 5px;
}

.blog-article-img {
    margin-bottom: 30px;
    border-radius: 14px;
    overflow: hidden;
}

.blog-article-img img {
    width: 100%;
    display: block;
}

.blog-content {
    font-size: 16px;
    line-height: 1.85;
    color: #444;
    overflow-wrap: break-word;
}

.blog-content h2,
.blog-content h3,
.blog-content h4 {
    color: #1f2547;
    font-weight: 700;
    margin: 30px 0 14px;
}

.blog-content h2 { font-size: 26px; }
.blog-content h3 { font-size: 22px; }
.blog-content h4 { font-size: 19px; }

.blog-content p {
    margin-bottom: 18px;
}

.blog-content ul,
.blog-content ol {
    margin: 0 0 18px;
    padding-left: 24px;
}

.blog-content li {
    margin-bottom: 8px;
}

.blog-content a {
    color: #e10605;
}

.blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 10px 0;
}

.blog-content blockquote {
    margin: 24px 0;
    padding: 18px 24px;
    font-style: italic;
    color: #1f2547;
    background: #f7f9fc;
    border-left: 4px solid #e10605;
    border-radius: 8px;
}

.blog-content table {
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
}

.blog-content th,
.blog-content td {
    padding: 10px 14px;
    border: 1px solid #dfe3ec;
}

.blog-content th {
    color: #fff;
    background: #042256;
}

.blog-tags,
.blog-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid #eee;
}

.blog-tags strong,
.blog-share strong {
    color: #1f2547;
}

.blog-tags span {
    padding: 5px 14px;
    font-size: 13px;
    color: #1f2547;
    background: #f1f4fa;
    border-radius: 20px;
}

.blog-share {
    margin-top: 16px;
    padding-top: 0;
    border-top: 0;
}

.blog-share a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #fff;
    background: #042256;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.blog-share a:hover {
    background: #e10605;
}

.blog-sidebar {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.blog-widget {
    padding: 26px 24px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(4, 34, 86, 0.08);
}

.blog-widget h4 {
    position: relative;
    font-size: 19px;
    font-weight: 700;
    color: #1f2547;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.blog-widget h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #e10605;
    border-radius: 3px;
}

.blog-cta {
    color: #fff;
    background: linear-gradient(135deg, #1a0404 0%, #042256 55%, #042358 100%);
}

.blog-cta h4 {
    color: #fff;
}

.blog-cta p {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
}

.blog-cta .btn-custom {
    margin: 0 10px 10px 0;
}

.blog-recent {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    text-decoration: none;
}

.blog-recent:last-child {
    margin-bottom: 0;
}

.blog-recent img {
    flex: 0 0 70px;
    width: 70px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.blog-recent h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #1f2547;
    margin-bottom: 4px;
    transition: color 0.3s ease;
}

.blog-recent:hover h6 {
    color: #e10605;
}

.blog-recent span {
    font-size: 12px;
    color: #888;
}

.blog-cat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-cat-list li + li {
    border-top: 1px solid #eee;
}

.blog-cat-list a {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    color: #444;
    text-decoration: none;
    transition: all 0.3s ease;
}

.blog-cat-list a:hover {
    color: #e10605;
    padding-left: 6px;
}

.blog-cat-list i {
    color: #e10605;
    margin-right: 6px;
}

@media (max-width: 991px) {
    .blog-sidebar {
        position: static;
    }
}

@media (max-width: 767px) {
    .blog-post-hero h1 {
        font-size: 26px;
    }

    .blog-content {
        font-size: 15px;
    }

    .blog-content h2 { font-size: 22px; }
    .blog-content h3 { font-size: 19px; }
}