/* Smooth scroll */
:root { scroll-behavior: smooth; }

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


a { color: var(--accent-color); text-decoration: none; transition: 0.3s; }

    a:hover { color: color-mix(in srgb, var(--accent-color), transparent 25%); text-decoration: none; }

img { max-width: 100%; display: block; }

/*--------------------------------------------------------------
# Service Details Section
--------------------------------------------------------------*/
.service-details .services-list { padding: 10px 30px; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); margin-bottom: 20px; }

    .service-details .services-list a { display: block; line-height: 1; padding: 8px 0 8px 15px; border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%); margin: 20px 0; color: color-mix(in srgb, var(--default-color), transparent 20%); transition: 0.3s; }

        .service-details .services-list a.active { color: var(--heading-color); font-weight: 700; border-color: var(--accent-color); }

        .service-details .services-list a:hover { border-color: var(--accent-color); }

.service-details .services-img { margin-bottom: 20px; }

.service-details h3 { font-size: 26px; font-weight: 700; }

.service-details h4 { font-size: 20px; font-weight: 700; }

.service-details p { font-size: 15px; }

.service-details ul { list-style: none; padding: 0; font-size: 15px; }

    .service-details ul li { padding: 5px 0; display: flex; align-items: center; }

    .service-details ul i { font-size: 20px; margin-right: 8px; color: var(--accent-color); }

/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img { width: 100%; }

.portfolio-details .portfolio-details-slider .swiper-pagination { margin-top: 20px; position: relative; }

    .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: color-mix(in srgb, var(--default-color), transparent 85%); opacity: 1; }

    .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--accent-color); }

.portfolio-details .portfolio-info { padding: 30px; box-shadow: 0px 0 30px color-mix(in srgb, var(--default-color), transparent 90%); }

    .portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%); }

    .portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }

        .portfolio-details .portfolio-info ul li + li { margin-top: 10px; }

.portfolio-details .portfolio-description { padding-top: 30px; }

    .portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }

    .portfolio-details .portfolio-description p { padding: 0; color: color-mix(in srgb, var(--default-color), transparent 30%); }

/* ===========================custom================= */
ul { list-style: none; margin: 0; padding: 0; }

.theme-change ul li { margin: 0 0.5rem; }

    .theme-change ul li .theme-item { height: 15px; width: 18px; display: flex; border: 1px solid #e4e4e4; cursor: pointer; }

        .theme-change ul li .theme-item:before,
        .theme-change ul li .theme-item:after { width: 50%; content: ""; }

        .theme-change ul li .theme-item.theme-1:before { background-color: #797979; }

        .theme-change ul li .theme-item.theme-1:after { background-color: #030303; }

        .theme-change ul li .theme-item.theme-2:before { background-color: #df1a14; }

        .theme-change ul li .theme-item.theme-2:after { background-color: #fff; }

.topnav-list li + li a { padding-left: 10px; margin-left: 10px; }


.topnav-list li a,
.font-adjust a { font-size: 15px; font-weight: 500; color: #222; }

.topnav { margin-bottom: 10px; }

.top-search form { width: 40%; margin-left: auto; }

li.dropdown.lang-dropdown a { color: #222; margin: 0 5px; }

.top-search a { color: #ffffff; font-weight: 500; font-size: 13px; }

.top-search { }

.date_box p { margin: 0; font-size: 13px; color: #222222; font-weight: 500; }

.date_box img { margin-right: 10px; }

.date_time_section { padding: 7px 0; background-color: #41a5e0; }

.banner-text { position: absolute; bottom: 0; width: 100%; background-color: rgb(7, 34, 46, 0.8); padding: 10px 30px; }

    .banner-text h1 { font-size: 24px; font-weight: 500; color: #ffffff; line-height: 35px; }

    .banner-text p { color: #ffffff; margin: auto; margin-bottom: 10px; }

    .banner-text span { color: #ffffff; }

.play-pause { position: absolute; bottom: 13px; right: 40px; z-index: 9999; border: 1px solid #0c2a65; width: 25px; height: 25px; line-height: 25px; text-align: center; display: block !important; border-radius: 50%; color: #0c2a65; cursor: pointer; }

.banner-section .owl-prev { width: 20px; height: 21px; top: 50%; bottom: 15px; left: 50%; position: absolute; }

.banner-section .owl-next { width: 20px; height: 16px; top: 50%; position: absolute; right: 5%; }


.banner-wrapper { position: relative; }

    .banner-wrapper::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(0deg, #ebe1d4, #ffffff0a 80%); opacity: 1; }

.banner-section .owl-prev i,
.banner-section .owl-next i { color: #0c2a65; font-size: 40px; }

.banner-section { padding: 20px 0; padding-bottom: 0; }

.logo-box { padding: 31px 15px; border-radius: 10px; box-shadow: 0px 0px 4px gray; }

    .logo-box + .logo-box { margin-top: 22px; }

.gov-logo-img img { height: 75px; }

.icon-box a { width: 50px; height: 50%; display: block; text-align: center; line-height: 50px; border-radius: 50%; background-color: #41a5e0; color: #fff; font-size: 17px; }

.whats_link_box { overflow: hidden; padding: 15px 12px; background-color: #07222e; border-radius: 0 0 0 30px; }



    .whats_link_box ul { height: 250px; }

.whats_new { padding: 10px 12px; background-color: #41a5e0; }

    .whats_new h3 { color: #ffffff; margin: 0; font-size: 20px; }

.whats_link_box ul li p { color: #ffffff; font-size: 14px; line-height: 22px; margin-bottom: 5px; }

.whats_link_box ul li + li { margin-top: 7px; border-top: 1px dashed rgba(255, 255, 255, 0.3); padding-top: 7px; }

.whats_link_page a { color: #ffffff; text-transform: capitalize; display: flex; align-items: center; font-size: 17px; justify-content: end; font-weight: 500; }

    .whats_link_page a span { display: inline-block; height: 35px; width: 35px; line-height: 35px; border-radius: 50%; background-color: #41a5e0; text-align: center; color: #ffffff; margin-left: 10px; }

.whats_link_box ul li span { color: #ffffff; display: inline-block; padding: 6px 10px; background-color: rgb(65, 165, 224, 0.2); border-radius: 30px; font-size: 12px; }

.fdf-list span { background-color: transparent !important; padding: 0 !important; }

.fdf-list a { display: flex; }

.marquee-wrapper a { color: #ffffff; }

.marquee-section .marquee-wrapper { background-color: #07222e; }

.marquee-wrapper { line-height: 1; padding: 15px; }

.government_text { border-radius: 0 0 30px 0; }

.about-section { background-color: #d3dfef; padding: 0; }

.about-wrapper { padding: 20px 0; }

    .about-wrapper h1 { color: #204879; font-weight: 600; text-transform: capitalize; font-size: 32px; }

    .about-wrapper h4 { color: #204879; font-weight: 600; text-transform: capitalize; margin-bottom: 5px; font-size: 20px; }

    .about-wrapper p { color: #222222; font-size: 15px; font-weight: 400; line-height: 28px; margin-bottom: 10px; }

.about-button a { color: #f87408; justify-content: start; font-weight: 500; }

.about-img { height: 100%; width: 100%; position: relative; }

    .about-img img { height: 100%; width: 100%; object-fit: cover; object-position: left; }

    .about-img::before { content: ''; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.7); }

.post-wrapper { padding: 5px; border-radius: 10px; }

    .post-wrapper.facebook { background-color: #fff; padding: 50px 10px 0; position: relative; margin-top: 20px; box-shadow: 0px 0px 16px 0px rgba(168, 168, 168, 0.3); border-radius: 0; }

    .post-wrapper.twitter { background-color: #00bff3; }

    .post-wrapper.contact { background-color: #204879; }

    .post-wrapper .heading-box { padding: 20px; }

        .post-wrapper .heading-box h3 { display: flex; align-items: center; padding: 15px; position: absolute; top: -20px; left: 0px; right: 0px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); width: calc(100% - 20px); background-color: #fff; border-radius: 0 0 5px 5px; margin: 0 auto; font-size: 1.5rem; font-weight: normal; }

            .post-wrapper .heading-box h3::before { content: ""; position: absolute; right: 100%; top: 0px; border-right: 10px solid #DFDFDF; border-top: 19px solid transparent; border-bottom: 0px solid transparent; }

            .post-wrapper .heading-box h3::after { content: ""; position: absolute; left: 100%; top: 0px; border-left: 10px solid #DFDFDF; border-top: 19px solid transparent; border-bottom: 0px solid transparent; }

section.faceboo_twitter_section { background: #FFF5E9; }

.fblef > div { width: 100% !important; border-radius: 10px !important; }

.fblef > iframe { border-radius: 10px !important; display: block; margin: auto; }

.new_logo-box { text-align: center; display: flex; height: 100%; }

    .new_logo-box img { margin: auto; object-fit: contain; }

.new_logo-box { padding: 10px; box-shadow: 0px 0px 3px lightgray; }

.list_headings { background-color: #204879; padding: 15px; }

    .list_headings h3 { font-size: 22px; color: #ffffff; margin: 0; }

.list-wrapper { background-color: #f0f0f0; }

.impHomeLinks { padding: 15px; }

    .impHomeLinks li + li { margin-top: 8px; }

    .impHomeLinks li a { color: #222222; font-weight: 500; font-size: 15px; transition: all 0.4s ease-in-out; }

        .impHomeLinks li a:hover { color: #204879; }

/* ===========================custom================= */


.Marquee { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1em; color: #fff; font-weight: 200; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }

.Marquee-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-animation: marquee 15s linear infinite running; -moz-animation: marquee 15s linear infinite running; -o-animation: marquee 15s linear infinite running; -ms-animation: marquee 15s linear infinite running; animation: marquee 15s linear infinite running; }

    .Marquee-content:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }

.Marquee-tag { width: 200px; margin: 0 0.5em; padding: 0.5em; background: #ffffff; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 10px; box-shadow: 0px 0px 2px #5a5a5a; }

    .Marquee-tag:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); cursor: pointer; }

@-moz-keyframes marquee {
    0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
}

@-webkit-keyframes marquee {
    0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
}

@-o-keyframes marquee {
    0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
}

@keyframes marquee {
    0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -o-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
}

section.brands-section { background: #ffffff; }


footer#footer { padding: 40px 0 0 0; background-color: #204879; color: #ffffff; }

.right_inner.embaddresscontent.tabHCI h4,
.footer-links h4 { color: #ffffff; margin-bottom: 15px; font-size: 22px; font-weight: 600; }

.right_inner.embaddresscontent.tabHCI p { font-size: 15px; margin-bottom: 8px; }

.footer-links ul li + li { margin-left: 8px; }

.footer-links ul li a { color: #fff; font-size: 15px; }

.footer-links ul { display: flex; align-items: center; justify-content: center; }

.copyright { padding: 10px 0; border-top: 1px solid #ffffff6e; }

.container.footer-top { margin-bottom: 10px; }

.footer-top .logo { padding: 10px; width: fit-content; margin: auto; }

.footer-links { margin: 5px 0; text-align: center; }

.copyright p { margin: 0; }

.dropdown ul li:hover a { border-radius: 0; }

.inner_breadcrumb { background: #d7eeff; position: relative; margin: 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); border-top: 5px solid #004aad; padding: 10px 0; }

    .inner_breadcrumb .breadcrumb li { font-weight: 500; color: #eee; float: left; display: inline-block; line-height: 40px; }

        .inner_breadcrumb .breadcrumb li a { color: #004aad; font-size: 20px; }

        .inner_breadcrumb .breadcrumb li.active { color: #07222e; }

        .inner_breadcrumb .breadcrumb li + li:before { content: "/"; float: left; padding: 0px 10px; color: #07222e; }

section.heading_banner { padding: 40px 0 40px 0; background-color: #41a5e0; }

    section.heading_banner h1 { font-size: 30px; color: #ffffff; margin: 0; font-weight: 600; }

ul.breadcrumb { margin: 0; padding: 0; justify-content: center; }


/* ==============popup-form============ */


.form-wrapper input,
.form-wrapper input:focus { border: none; outline: none; border-radius: 0; background-color: transparent; padding: 0px 25px; height: 45px; box-shadow: none; }



.form-wrapper button { border: none; outline: none; box-shadow: none; text-align: center; width: 45px; line-height: 45px; height: 45px; font-size: 22px; display: block; color: #000000; background-color: transparent; padding-right: 15px; }

.form-wrapper form { border: 1px solid lightgray; border-radius: 30px; }

.offcanvas.offcanvas-top { z-index: 999999; height: 45vh; }

.post-box { height: 400px; overflow: auto; }


.logo-img p { font-size: 26px; font-weight: 700; padding: 0 15px; color: #07222e; }

.recent_wrapper { /* background-color: #ffffff; */ }

    .recent_wrapper ul { /* height: 250px; */ columns: 2; }

        .recent_wrapper ul li { border-bottom: 1px dashed #ccc; padding: 10px 0; }

.tab-content { width: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); padding: 10px; border-radius: 10px; }

.recent_wrapper ul li { display: flex; }

    .recent_wrapper ul li .recent_img { margin-right: 10px; flex-shrink: 0; }

        .recent_wrapper ul li .recent_img img { width: 110px; }

    .recent_wrapper ul li a { color: #222222; font-weight: 500; font-size: 15px; }


    .recent_wrapper ul li span { display: block; font-size: 13px; margin-top: 5px; }

.recent_wrapper .whats_link_page a { color: #07222e; }

.recentupdate-nav { background: #07222e; height: 100%; width: 350px; margin-right: 30px; border-radius: 10px; }

    .recentupdate-nav.nav-pills .nav-link.active { background-color: #41a5e0; color: #ffffff; }

    .recentupdate-nav.nav-pills .nav-link { outline: none; border-bottom: 1px solid #ffffff; padding: 47px 4px; font-size: 20.6px; display: block; color: #ffffff; border-radius: 0; position: relative; background: #07222e; }

        .recentupdate-nav.nav-pills .nav-link.active::before { content: ''; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 12px solid #41a5e0; top: 50%; right: -10px; margin: auto; transform: translateY(-50%) rotate(-210deg); }


.twitter-tweet.twitter-tweet-rendered { margin: 0 !important; }

.heading-box h3 img { width: 50px; margin-right: 20px; }

.heading-box h3 { font-weight: 600; }

.logo_wrap { box-shadow: 0px 0px 3px gray; margin: 5px 10px; padding: 10px 30px; background-color: #ffffff; border-radius: 10px; }

.Initiatives-section { background: url(../img/inibg.svg) no-repeat; background-size: cover; }

.initiatives-text h3 { font-size: 35px; font-weight: 600; }


section.Initiatives-section button.owl-dot { background: #41a5e0; padding: 5px !important; border-radius: 50%; margin: 5px; }

    section.Initiatives-section button.owl-dot.active { padding: 5px 20px !important; border-radius: 30px; background: #07222e; }

.Initiatives-section .owl-dots { text-align: center; }


.footer-about p { font-size: 26px; font-weight: 700; padding: 0 15px; color: #ffffff; }

    .footer-about p span { color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 0px; }

.footer-about a { padding: 10px; background: transparent; }


.loginbtn + .loginbtn { margin-left: 15px; }

.loginbtn a { display: inline-block; padding: 15px 20px; border-radius: 10px; color: #fff; background-color: #07222e; text-align: center; line-height: 20px; }

/* ==============popup-form============ */

@media (max-width:1300px) {
    .about-img img { height: 100%; width: 100%; object-fit: contain; object-position: center; }
}


.post_content h4 { font-size: 18px; color: #07222e; font-weight: bold; margin: 0; }

.post_content h2 { color: #41a5e0; font-weight: 500; font-size: 25px; line-height: 32px; }

.event_posts { padding: 12.5px; background: #fff; box-shadow: 0px 0px 8px lightgray; }

.postallnew a { color: #41a5e0; font-weight: 500; }

.post_content { margin-top: 10px; }

    .post_content h6 { font-size: 14px; color: #41a5e0; font-weight: 400; }

    .post_content p { font-size: 15px; color: #222222; }

.posts_img img { aspect-ratio: 3/3; object-fit: cover; }

.post_img img { aspect-ratio: 3/2; }

.formbox { border-left: 1px solid #07222e42; padding: 20px; }

section.services_section,
section.event-section { background: url(../img/inibg.svg) no-repeat; background-size: cover; }

.services_ { background: #fff; border-radius: 8px; box-shadow: 0px 4px 4px lightgray; }

    .services_ img { margin: auto; }

.govlogo { padding: 0 10px; }

    .govlogo img { max-width: 100px; }

#menuLeft li a { background: url(../img/bullet-list-icon.png) left 1em no-repeat; color: #515151; display: block; line-height: 1.583em; padding: 8px 0 8px 15px; text-decoration: none; }

#menuLeft li { display: block; width: 100%; border-bottom: 1px dotted #dbdbdb; }

.innerContentPart .rightPart { padding: 30px 0 30px 20px; font-size: 1.250em; }

.rightPart .menuTitle h3 { font-size: 36px; line-height: 1.228em; font-weight: 600; color: #000; display: block; margin: 10px 0; }

ul#menuLeft { padding: 15px; box-shadow: 0px 0px 5px #2966ad5e; border-radius: 15px; background: #ffffff; }

span.menuTitle h3 { font-size: 32px; color: #204879; font-weight: 600; margin-top: 20px; margin-bottom: 18px; }

div#ContentPlaceHolder1_UserLeftMiddleMenu1_LeftMenu { position: sticky; top: 50px; }

.recentupdate-nav.nav-pills .nav-link:nth-child(1) { border-radius: 10px 10px 0 0; }

.recentupdate-nav.nav-pills .nav-link:nth-child(3) { border-radius: 0 0 10px 10px; }

.govlogo:nth-child(2) { border-left: 2px solid #b8b8b8; }

.search-wrapper { background-color: white; border-radius: 50px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); width: 285px; display: flex; align-items: center; }

    .search-wrapper input { border: none; outline: none; padding: 5px 15px; border-radius: 50px 0 0 50px; flex: 1; width: 100%; }

.mic-icon { background-color: white; border: none; padding: 5px 10px; }

.search-icon { background-color: #004aad; border: none; padding: 6px 15px; border-radius: 0 50px 50px 0; }

    .search-icon i,
    .mic-icon i { font-size: 1.2rem; }

    .search-icon i { color: white; }

.mic-icon i { color: #004aad; }

.navmenu > div > ul > li > a { border-left: 1px solid #373b3d; }

.navmenu > div > ul > li:nth-child(1) > a { padding-left: 0; border-left: 0; }

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

.gandhijiprofile { position: absolute; top: 0; left: 0; height: 100%; z-index: 9; }

.profiletext { position: absolute; left: 38%; transform: translateX(-50%); bottom: 0; padding: 20px; border-radius: 20px 20px 0 0; background-color: #f2a329; }

.gandhijiprofile img { height: 100%; }

.quickinformation { padding: 55px 0; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }

    .quickinformation::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #f3e1c9; opacity: 0.9; z-index: -1; }

.quickbox { position: relative; padding: 15px; border-radius: 30px; text-align: center; background: #6c4e27; z-index: 1; height: 260px; }

    .quickbox::before { content: ''; position: absolute; bottom: 0; left: 0; height: 10%; width: 100%; opacity: 0; background-color: #f2a329; transition: all 0.4s ease-in-out; border-radius: 30px; z-index: -1; }

    .quickbox:hover::before { opacity: 1; height: 100%; }

.quickboximg { padding: 10px; border: 1px solid #ffffff; width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; font-size: 45px; color: #ffffff; }

    .quickboximg img { height: 50px; width: 50px !important; margin: auto; object-fit: contain; }

.quickboxcontent h4 { font-size: 20px; color: #f2a329; margin-bottom: 8px; font-weight: 700; transition: all 0.4s ease-in-out; }

.quickbox:hover .quickboxcontent h4 { color: #ffffff; }

.quickboxcontent p { color: #ffffff; }

.quickbox-icon span { display: inline-block; width: 35px; height: 35px; line-height: 30px; text-align: center; border-radius: 50%; border: 2px solid #ffffff; color: #ffffff; background: #f2a329; }

.quickboxcontent { margin: 20px 0 45px; }

.quickbox-icon { position: absolute; bottom: -30px; left: 50%; transform: translate(-50%, -50%); }

.owl-carousel.quick-carousel .owl-stage-outer { padding-bottom: 20px; }

.section-heading h2 { font-size: 34px; font-weight: 600; color: #f2a329; margin-bottom: 23px; }

.color { color: #000000; }


/* =============================charkha============================== */

.wrap { width: 960px; margin: 0px auto; position: relative; padding: 30px 0px 6px; }

.charkhaContain { height: 520px; position: relative; }

.wheel { width: 400px; height: 400px; position: relative; overflow: hidden; -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px; -webkit-animation: wheelAnim 6s backwards infinite linear; -moz-animation: wheelAnim 6s backwards infinite linear; -ms-animation: wheelAnim 6s backwards infinite linear; -o-animation: wheelAnim 6s backwards infinite linear; animation: wheelAnim 6s backwards infinite linear; }

@-webkit-keyframes wheelAnim {
    0% { }

    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes wheelAnim {
    0% { }

    100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes wheelAnim {
    0% { }

    100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes wheelAnim {
    0% { }

    100% { -o-transform: rotate(360deg); }
}

@keyframes wheelAnim {
    0% { }

    100% { transform: rotate(360deg); }
}

.wheel:after { content: ""; position: absolute; top: 18px; left: 18px; width: 360px; height: 360px; border: 2px solid #000; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }

.wheel div { position: absolute; top: -50px; left: 50%; width: 0; height: 0; margin-left: -12px; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 250px solid black; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }

    .wheel div:after { content: ""; width: 12px; height: 18px; background-color: black; position: absolute; top: 49px; left: 50%; margin-left: -6px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }

    .wheel div:nth-child(1) { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }

    .wheel div:nth-child(2) { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); }

    .wheel div:nth-child(3) { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

    .wheel div:nth-child(4) { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); }

    .wheel div:nth-child(5) { -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); }

    .wheel div:nth-child(6) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

    .wheel div:nth-child(7) { -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -ms-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg); }

    .wheel div:nth-child(8) { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); }

    .wheel div:nth-child(9) { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }

    .wheel div:nth-child(10) { -webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); transform: rotate(300deg); }

    .wheel div:nth-child(11) { -webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); }

    .wheel div:nth-child(12) { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.wheelStand { width: 25px; height: 330px; background-color: #333; position: absolute; top: 170px; left: 188px; /* z-index: 100; */ }

    .wheelStand:after { content: ""; width: 700px; height: 20px; position: absolute; left: -30px; bottom: 30px; background-color: #333; }

.ropeBottom,
.ropeTop { position: absolute; height: 1px; background: black; z-index: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.ropeTop { width: 630px; left: 267px; top: 30px; -webkit-transform: rotate(27deg); -moz-transform: rotate(27deg); -ms-transform: rotate(27deg); -o-transform: rotate(27deg); transform: rotate(27deg); }

.ropeBottom { width: 620px; bottom: 138px; left: 200px; -webkit-transform: rotate(-1.57deg); -moz-transform: rotate(-1.57deg); -ms-transform: rotate(-1.57deg); -o-transform: rotate(-1.57deg); transform: rotate(-1.57deg); }

.smallWheelStand { width: 7px; height: 115px; position: absolute; bottom: 70px; right: 141px; background-color: #333; }

    .smallWheelStand:before { content: ""; position: absolute; top: 5px; left: 2px; width: 3px; height: 3px; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    .smallWheelStand:after { content: ""; width: 25px; height: 29px; position: absolute; left: -9px; bottom: -49px; background-color: #333; }

.smallWheel { position: absolute; top: 313px; right: 119px; width: 50px; height: 50px; border: 1px solid black; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-animation: wheelAnim 1.5s backwards infinite linear; -moz-animation: wheelAnim 1.5s backwards infinite linear; -ms-animation: wheelAnim 1.5s backwards infinite linear; -o-animation: wheelAnim 1.5s backwards infinite linear; animation: wheelAnim 1.5s backwards infinite linear; }

    .smallWheel div { position: absolute; top: 0; left: 50%; width: 0; height: 0; margin-left: -2px; border-right: 2px solid transparent; border-left: 2px solid transparent; border-bottom: 25px solid black; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }

        .smallWheel div:nth-child(1) { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); }

        .smallWheel div:nth-child(2) { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg); }

        .smallWheel div:nth-child(3) { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); }

        .smallWheel div:nth-child(4) { -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); }

        .smallWheel div:nth-child(5) { -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg); }

        .smallWheel div:nth-child(6) { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); }

        .smallWheel div:nth-child(7) { -webkit-transform: rotate(280deg); -moz-transform: rotate(280deg); -ms-transform: rotate(280deg); -o-transform: rotate(280deg); transform: rotate(280deg); }

        .smallWheel div:nth-child(8) { -webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg); transform: rotate(320deg); }

        .smallWheel div:nth-child(9) { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }

.wheelStand:before { content: ""; width: 12px; height: 12px; position: absolute; top: 25px; left: 7px; background-color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.quick-section { position: relative; padding: 0; }

.charkhawrapper { position: relative; }

.container { max-width: 92%; }

.timebox { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 20px; }

    .timebox a { background-color: #6c4e27; display: flex; align-items: center; justify-content: space-between; padding: 10px 35px; border: 1px solid #ffffffd8; border-radius: 25px; gap: 15px; color: #fff; transition: all 0.4s ease-in-out; }

        .timebox a:hover { background-color: #f2a329; }

        .timebox a .timeimg img { max-width: 45px; }

.timecontent h5 { font-size: 18px; font-weight: 400; color: #ffffff; margin: 0; line-height: 30px; }

.timecontent span { font-size: 15px; color: #ffffff; display: block; }

.casetest { padding: 20px; background-color: #ffffff; position: relative; display: flex; flex-direction: column; justify-content: center; height: 207px; transition: all 0.4s ease-in-out; }

    .casetest::before { content: ""; position: absolute; left: 40px; top: -14%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #ffffff; transform: rotate(-90deg); transition: all 0.4s ease-in-out; }

.caseimg { height: 207px; }

    .caseimg img { height: 100%; }

.casetest h3 { font-size: 20px; font-weight: 600; color: #1b4578; margin-top: 15px; }

span.locationtex i { font-size: 18px; margin-right: 5px; color: #1b4578; }

.casetest p { margin-top: 10px; line-height: 1.6; font-size: 16px; }

.casetest a { display: block; font-size: 21px; color: #1b4578; }

.casetest.sec-box::before { top: auto; bottom: -14%; transform: rotate(90deg); }

section.casstrudy-section { padding: 30px 0; background: url(../img/background-textur.jpg); }

.case-box:hover .casetest { background-color: #1b4578; }

    .case-box:hover .casetest h3,
    .case-box:hover .casetest p,
    .case-box:hover .casetest a,
    .case-box:hover .casetest span.locationtex i,
    .case-box:hover .casetest span.locationtex { color: #fff; }

    .case-box:hover .casetest::before { border-left: 20px solid #1b4578; }

.casebox { box-shadow: 0px 0px 20px #e3cdaca6; }

.caseicon { position: relative; }

    .caseicon .icon2 { position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; }

.casebox-container:hover .caseicon .icon2 { opacity: 1; visibility: visible; }

.spotlight-title { color: #1b4578; font-weight: 700; font-size: 34px; margin-bottom: 20px; }

footer.footer-section { background: #c09152; padding: 50px 0; position: relative; }

    footer.footer-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10%; background: url(../img/border-texture.png); background-size: contain; }

.list-unstyled { columns: 2; }

    .list-unstyled li + li { margin-top: 10px; }

    .list-unstyled li a { color: #ffffff; }

.important-text { display: flex; align-items: center; }

    .important-text p { line-height: 28px; font-size: 15px; }

        .important-text p a { color: #ffffff; }

footer.footer-section h5,
footer.footer-section h6 { color: #ffffff; font-size: 26px; font-weight: bold; }

.facilities-section { padding: 50px 0; background-color: #ffe2b6; background-image: url(/assets/img/iocl/bw-1.jpg); position: relative; }

    .facilities-section::before { content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 10%; background: url(../img/border-texture2.png); background-size: contain; }

    .facilities-section::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10%; background: url(../img/border-texture.png); background-size: contain; transform: rotate(180deg); }

.facilities-box h2 { color: #ffffff; font-size: 34px; font-weight: 700; margin-bottom: 0px; }

.facilities-box p { color: #ffffff; font-size: 18px; }

.facilities-content { padding: 15px 20px; background-color: #ffffff; transition: all 0.4s ease-in-out; height: 130px; border-radius: 20px; cursor: pointer; }

    .facilities-content:hover { transform: translateY(-20px); border-bottom: 5px solid #ffffff; }

    .facilities-content img { height: 45px; }

    .facilities-content h3 { color: #333333; font-size: 16px; margin-top: 15px; }

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

.logo-carousel a img { width: auto !important; }

.logo-carousel .owl-prev,
.logo-carousel .owl-prev,
.link-carousel .owl-prev { position: absolute; top: 40%; margin-left: -20px; display: block !important; border: 0px solid black; }

.logo-carousel .owl-next,
.link-carousel .owl-next,
.logo-carousel .owl-next { position: absolute; top: 40%; right: -25px; display: block !important; border: 0px solid black; }

    .logo-carousel .owl-prev i,
    .logo-carousel .owl-next i,
    .link-carousel .owl-prev i,
    .link-carousel .owl-next i { font-size: 30px; color: #1b4578; }

.quick-carousel .owl-prev i,
.quick-carousel .owl-next i { font-size: 30px; color: #6c4e27; }

.quick-carousel .owl-next { position: absolute; top: 40%; right: -30px; display: block !important; border: 0px solid black; }

.quick-carousel .owl-prev { position: absolute; top: 40%; margin-left: -30px; display: block !important; border: 0px solid black; }

.footertext p { color: #ffffff; font-weight: 500; }

.footer-bottom { background: #523d21; padding: 15px 0; }


.bannertext { position: absolute; bottom: -5%; text-align: center; width: 50%; left: 72%; transform: translate(-50%, -50%); }

    .bannertext h2 { color: #0c2a65; font-weight: 700; }

    .bannertext p { font-size: 20px; color: #0c2a65; font-weight: 600; }

.caseicon img { width: auto !important; }


.caseimg img { width: auto !important; }

button.open-search { outline: none; border: 2px solid #fff; background: transparent; width: 45px; height: 45px; font-size: 18px; color: #fff; border-radius: 50%; }

.search-popup { position: fixed; inset-inline-start: 0; top: 0; height: 100vh; width: 100%; z-index: 99999; margin-top: -540px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }

    .search-popup form { position: absolute; max-width: 700px; top: 50%; inset-inline-start: 15px; inset-inline-end: 15px; margin: -35px auto 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-color: #111111; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

    .search-popup .search-popup__group { position: relative; margin: 0px; overflow: hidden; }

        .search-popup .search-popup__group input { position: relative; display: block; font-size: 18px; line-height: 50px; color: #222; height: 70px; width: 100%; padding: 10px 30px; background-color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-weight: 400; text-transform: capitalize; -webkit-padding-end: 80px; padding-inline-end: 80px; border-radius: 5px; }

        .search-popup .search-popup__group button { color: #0c2a65; }

            .search-popup .search-popup__group button:hover { color: var(--hover-color); }

    .search-popup button { position: absolute; inset-inline-end: 30px; top: 0px; height: 70px; line-height: 70px; background: transparent; text-align: center; font-size: 24px; color: var(--white); padding: 0; cursor: pointer; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: navajowhite; outline: none; border: none; }

    .search-popup .close-search { position: absolute; inset-inline-start: 0; inset-inline-end: 0; top: 75%; margin: 0 auto; margin-top: -200px; border-radius: 50%; text-align: center; background: linear-gradient(90deg, #0c2a65, #f2a329); width: 70px; cursor: pointer; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-bottom: 3px solid #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; color: #ffffff; outline: none; }

        .search-popup .close-search span { position: relative; display: block; height: 70px; width: 70px; font-size: 20px; line-height: 70px; color: var(--black); }

.sidenav-bar-visible .search-popup { width: 80%; }

.search-active .search-popup { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); margin-top: 0; }

    .search-active .search-popup form { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }

    .search-active .search-popup .close-search { visibility: visible; opacity: 1; top: 50%; -webkit-transition-delay: 1500ms; transition-delay: 1500ms; }

.searchModule--popular { padding: 20px 0; margin: auto; position: absolute; top: 60%; left: 0; right: 0; width: 80%; text-align: center; }

    .searchModule--popular h4 { margin-bottom: 20px; color: #1498c1; }

.searchModule--popular-item:not(:last-child) { margin-right: 40px; }

.searchModule--popular-item a { line-height: 2rem; font-size: 1.05rem; color: #e5e5e5; transition: all 0.4s ease-in-out; position: relative; }


ul.chronology-list { --col-gap: 2rem; --row-gap: 2rem; --line-w: 0.25rem; display: grid; grid-template-columns: var(--line-w) 1fr; grid-auto-columns: max-content; column-gap: var(--col-gap); list-style: none; width: min(75rem, 90%); margin-inline: auto; }

    /* line */
    ul.chronology-list::before { content: ""; grid-column: 1; grid-row: 1 / span 23; background: rgb(225, 225, 225); border-radius: calc(var(--line-w) / 2); }

    /* columns*/

    /* row gaps */
    ul.chronology-list li:not(:last-child) { margin-bottom: var(--row-gap); }

    /* card */
    ul.chronology-list li { grid-column: 2; --inlineP: 1.5rem; margin-inline: var(--inlineP); grid-row: span 2; display: grid; grid-template-rows: min-content min-content min-content; }

        /* date */
        ul.chronology-list li .date { --dateH: 3rem; height: var(--dateH); margin-inline: calc(var(--inlineP) * -1); text-align: center; background-color: var(--accent-color); color: white; font-size: 1.25rem; font-weight: 700; display: grid; place-content: center; position: relative; border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2); }

            /* date flap */
            ul.chronology-list li .date::before { content: ""; width: var(--inlineP); aspect-ratio: 1; background: var(--accent-color); background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent); position: absolute; top: 100%; clip-path: polygon(0 0, 100% 0, 0 100%); right: 0; }

            /* circle */
            ul.chronology-list li .date::after { content: ""; position: absolute; width: 2rem; aspect-ratio: 1; background: var(--bgColor); border: 0.3rem solid var(--accent-color); border-radius: 50%; top: 50%; transform: translate(50%, -50%); right: calc(100% + var(--col-gap) + var(--line-w) / 2); }

        /* title descr */
        ul.chronology-list li .title,
        ul.chronology-list li .descr { background: var(--bgColor); position: relative; padding-inline: 1.5rem; }

        ul.chronology-list li .title { overflow: hidden; padding-block-start: 1.5rem; padding-block-end: 1rem; font-weight: 600; font-size: 20px; color: #222222; }

        ul.chronology-list li .descr { padding-block-end: 1.5rem; font-weight: 500; color: #222; }

            /* shadows */
            ul.chronology-list li .title::before,
            ul.chronology-list li .descr::before { content: ""; position: absolute; width: 90%; height: 0.5rem; background: rgba(0, 0, 0, 0.5); left: 50%; border-radius: 50%; filter: blur(4px); transform: translate(-50%, 50%); }

        ul.chronology-list li .title::before { bottom: calc(100% + 0.125rem); }

        ul.chronology-list li .descr::before { z-index: -1; bottom: 0.25rem; }

@media (min-width: 40rem) {
    ul.chronology-list { grid-template-columns: 1fr var(--line-w) 1fr; }

        ul.chronology-list::before { grid-column: 2; }

        ul.chronology-list li:nth-child(odd) { grid-column: 1; }

        ul.chronology-list li:nth-child(even) { grid-column: 3; }

        /* start second card */
        ul.chronology-list li:nth-child(2) { grid-row: 2/4; }

        ul.chronology-list li:nth-child(odd) .date::before { clip-path: polygon(0 0, 100% 0, 100% 100%); left: 0; }

        ul.chronology-list li:nth-child(odd) .date::after { transform: translate(-50%, -50%); left: calc(100% + var(--col-gap) + var(--line-w) / 2); }

        ul.chronology-list li:nth-child(odd) .date { border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0; }
}

section.chronology-section { padding: 60px 0; }

/* Horizontal drag + scroll container */
.parent-div { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; gap: 10px; padding-bottom: 10px; cursor: grab; }

    /* Hide scrollbar (optional) */
    .parent-div::-webkit-scrollbar { display: none; }
.parent-div { scrollbar-width: none; /* Firefox */ }

    /* Active dragging state */
    .parent-div:active { cursor: grabbing; }

    /* Prevent items from shrinking */
    .parent-div > [class*="col-"] { flex: 0 0 auto; }

/* Mobile optimization */
@media (max-width:768px) {
    .parent-div { gap: 8px; }
}

.facilities-img i { font-size: 31px; color: #9d6106; }




/* ===== Section Background ===== */
.history-section { background: #f3e1c9; padding: 80px 0; position: relative; overflow: hidden; }

/* ===== Image Stack ===== */
.image-stack { position: relative; width: 100%; min-height: 450px; }

    .image-stack img { border-radius: 4px; box-shadow: 0 9px 12px rgba(0,0,0,0.25); object-fit: cover; }

/* Top Image */
.img-top { position: absolute; top: 0; left: 0; width: 70%; z-index: 2; }

/* Bottom Image */
.img-bottom { position: absolute; bottom: 0; right: 0; width: 100%; z-index: 1; }

/* Video Image */
.video-box { position: absolute; bottom: -40px; left: 20%; width: 55%; z-index: 3; }


/* ===== Text Area ===== */
.history-content { padding-left: 50px; }

    .history-content small { font-family: 'Cinzel',serif; letter-spacing: 2px; color: #c59b55; font-weight: 600; }

    .history-content h2 { font-family: 'Cinzel',serif; font-size: 48px; font-weight: 700; margin: 15px 0 20px; }

    .history-content p { font-family: 'Libre Baskerville',serif; color: #5b4b3b; line-height: 1.8; font-size: 18px; }

/* ===== Responsive ===== */
@media(max-width:991px) {
    .history-content { padding-left: 0; margin-top: 50px; }
    .image-stack { min-height: 380px; }
}

.event-hero { position: relative; min-height: 100vh; background: url("/assets/img/iocl/im5.jpg") center/cover no-repeat; display: flex; align-items: center; justify-content: flex-end; padding: 0 8%; color: #fff; overflow: hidden; background-attachment: fixed; }

/* Dark vignette overlay */
.event-overlay { position: absolute; inset: 0; background: radial-gradient(circle at left, rgba(0,0,0,0.2), rgba(0,0,0,0.9)); z-index: 1; }

/* Content box */
.event-content { position: relative; z-index: 2; max-width: 560px; margin-right: auto; padding-top: 110px; }
/* Small heading */
.event-tag { display: block; font-family: 'Cinzel',serif; color: #d4a24f; letter-spacing: 2px; font-weight: 600; margin-bottom: 15px; }

/* Main title */
.event-content h1 { font-family: 'Cinzel',serif; font-size: 56px; font-weight: 700; line-height: 1.2; margin-bottom: 25px; }

/* Date */
.event-date { font-family: 'Cinzel',serif; color: #d4a24f; font-style: italic; margin-bottom: 20px; }

    .event-date span { font-size: 22px; }

    .event-date small { font-size: 18px; }

/* Paragraph */
.event-content p { font-family: 'Libre Baskerville',serif; font-size: 16px; line-height: 1.8; color: #e0e0e0; margin-bottom: 30px; }

/* Button */
.event-btn { display: inline-block; padding: 12px 36px; border: 1px solid #ffffff; color: #d4a24f; text-decoration: none; font-family: 'Cinzel',serif; border-radius: 30px; background-color: aliceblue; transition: 0.3s ease; }

    .event-btn:hover { background: #d4a24f; color: #000; }

/* Responsive */
@media(max-width:768px) {
    .event-content h1 { font-size: 40px; }
    .event-hero { padding: 0 6%; }
}
/* ===== Section Style ===== */
.medieval-section { background: #f4e3c8; padding: 60px 0; position: relative; overflow: hidden; }

    /* Sketch Background */
    .medieval-section::before { content: ""; position: absolute; left: 35%; top: 50%; transform: translateY(-50%); width: 380px; height: 520px; background: url('assets/img/sketch-knight.png') no-repeat center; background-size: contain; opacity: 0.15; }

/* Text Area */
.medieval-content h2 { font-family: 'Cinzel',serif; font-size: 44px; font-weight: 700; text-transform: uppercase; line-height: 1.3; margin-bottom: 25px; }

.medieval-content p { font-family: 'Libre Baskerville',serif; font-size: 18px; color: #5d4a36; max-width: 520px; }

.medieval-content blockquote { margin-top: 30px; font-family: 'Cinzel',serif; font-style: italic; color: #c7924b; font-size: 18px; }

/* Image Box */
.medieval-img { position: relative; }

    .medieval-img img { width: 100%; border-radius: 4px; box-shadow: 0 25px 50px rgba(0,0,0,0.3); }

/* Gallery Link */
.gallery-link { position: absolute; display: none; right: 0; bottom: -40px; font-family: 'Cinzel',serif; font-weight: 600; color: #c7924b; text-decoration: none; font-size: 16px; }

    .gallery-link:hover { text-decoration: underline; }

/* Responsive */
@media(max-width:991px) {
    .medieval-section::before { display: none; }
    .gallery-link { position: static; display: inline-block; margin-top: 20px; }
}

img.shape-img { position: absolute; width: 100%; top: 0; left: 0; z-index: 8; }
img.shape-img-bottom { position: absolute; bottom: 0; transform: scale(-1); left: 0; z-index: 1; width: 100%; bottom: -1px; }

.secondbg.event-hero { background: url("/assets/img/iocl/im10.jpg") left/cover no-repeat; background-attachment: fixed; }

.secondbg .event-content { margin-left: auto; margin-right: 0; }

.custom-img { max-width: 500px; }