<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Department of Fire and Emergency Services</title>
    <link rel="icon" type="image/x-icon" href="/webomagic/getSettingFile/fav_icon">
<!--    <script  src="https://cdn.jsdelivr.net/npm/chart.js"> </script>-->
    <script>
        var chartObject={}
        var markersArray = [];
        var theme_id=null
        var page_id=null
        var language="en"
        var onChangeFunctionMapForDynamicFields=[]
    </script>

    <script  src="/webomagic/constant.js" defer></script>

    <script>
    $(document).ready(function () {
        const params = new URLSearchParams(window.location.search);
        let website_id = params.get("language");
        if(language){
        localStorage.setItem("website_language", language);
        }
        else{
        localStorage.setItem("website_language", "en");
        }
    })
    </script>
<!--    <link media="all" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> </link>-->
<!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"> </script>-->
    <meta name="description" content="Department of Fire and Emergency Services">
    <meta name="keywords" content="fire, wbfes">

    <meta property="og:image"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!--    <link media="all" rel="stylesheet" th:href="@{/style.css}"  >-->
<!--    <link media="all" rel="stylesheet" href="nav00.css">-->
<!--    <link media="all"  href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" defer>-->

    <script  src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" ></script>
    <link rel="stylesheet" href="/webomagic/plugins/grayscale/css/gray.min.css" />
    <script src="/webomagic/plugins/grayscale/js/jquery.gray.min.js" defer></script>
    <link media="all" defer href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <!--    <link media="all"  href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" defer>-->
    <script  src="/webomagic/util_website.js" defer></script>
    <script  src="/webomagic/createCache.js" defer></script>
    <link media="all" defer rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" >

    <!--    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous" defer></script>-->
<!--    <link media="all" defer rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css" integrity="sha384-QYIZto+st3yW+o8+5OHfT6S482Zsvz2WfOzpFSXMF9zqeLcFV0/wlZpMtyFcZALm" crossorigin="anonymous">-->
    <!--        <link media="all" defer rel="stylesheet" th:href="@{fontawesome.min.css}">-->
    <link media="all" defer rel="stylesheet" href="/webomagic/css/all.min.css" >
    <link media="all" rel="stylesheet" href="/webomagic/getWebsiteStyleAsFile?websiteId=151" >

    <script defer src="/webomagic/custom_widget.js"></script>


    <div id="scripts">
        <script src="/webomagic/dataSourceOnChange.js" defer></script>
        <!-- <script src="create_theme_structure.js" defer></script> -->
    </div>
    <style>@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap');

                        @font-face {
                          font-family: tertiary font custom;
                          src: url(https://wbfes.gov.in:443/webomagic/getFile?Authorization=aaa&userId=1&fid=406);
                        }


    :root{
        --primary_radius : 50px;
--secondary_heading : 32px;
--secondary_font_local : secondary font local;
--secondary_bg : #0ae2ff;
--secondary_fw : 800;
--quinary_bg : #cd2323;
--secondary_text : 18px;
--secondary_radius : 90px;
--quinary_heading : 14px;
--primary_font : Tinos;
--quaternary_heading : 16px;
--tertiary_color : #ffffff;
--quaternary_text : 12px;
--quaternary_color : #f4f4f5;
--quinary_fw : 300;
--quinary_font_local : quinary font local;
--primary_color : #005fac;
--multi : 1;
--tertiary_heading : 20px;
--quaternary_font_local : quaternary font local;
--primary_font_local : primary font local;
--tertiary_bg : #ddb869;
--secondery_font : Poppins;
--quaternary_fw : 600;
--primary_heading : 47px;
--quinary_radius : 5px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--tertiary_font_custom : tertiary font custom;
--quinary_text : 10px;
--primary_bg : #eeff00;
--tertiary_radius : 50px;
--quaternary_radius : 20px;
--tertiary_font_local : tertiary font local;
--quinary_color : #0d6efd;
--secondary_color : #13548c;
--quaternary_bg : linear-gradient(to right, rgba(182,44,238,255) 1%, rgba(125, 77, 243, 255) 32%, #0892fd 99%);
--primary_fw : 900;

    }

    body.light , body .light{
        --primary_bg : #885000;
--tertiary_bg : #222222;
--secondary_bg : #885000;
--quinary_bg : #0d6efd;
--quinary_color : #0d6efd;
--secondary_color : #885000;
--tertiary_color : #222222;
--quaternary_color : #ffffff;
--quaternary_bg : #ffffff;
--primary_color : #005fae;

    }

    body.dark,body .dark{
        --primary_bg : #885000;
--tertiary_bg : #222222;
--secondary_bg : #885000;
--quinary_bg : #0d6efd;
--quinary_color : #0d6efd;
--secondary_color : #885000;
--tertiary_color : #222222;
--quaternary_color : #ffffff;
--quaternary_bg : #ffffff;
--primary_color : #005fae;

    }
</style>

    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css"> </link>
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick-theme.css"> </link>
        
    
        
            <script  src="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.min.js"> </script>
        
        
        
    
        
            <script  src="https://wbfes.gov.in:443/webomagic/getCssOrJsFile?fid=1696"> </script>
        
        
        
    
        
            <script  src="https://wbfes.gov.in:443/webomagic/getCssOrJsFile?fid=1695"> </script>
        
        
        
    
        
            <script  src="https://wbfes.gov.in:443/webomagic/getCssOrJsFile?fid=1962"> </script>
        
        
        
    
        
            <script  src="https://wbfes.gov.in:443/webomagic/getCssOrJsFile?fid=2224"> </script>
        
        
        
    

</head>

<body  id="body-pd" style="overflow-x:hidden;" class="d-flex justify-content-center align-items-center  /*grayscale grayscale-off*/">
<!--<div class="loader_cont">-->
<!--    <div class="loader"></div>-->
<!--</div>-->


<!--<div th:text="${custom_data}"></div>-->






<!-- website display -->
<div class="container-fluid" style="margin-top:0rem;padding-top:0rem;margin-left:0rem;padding-left:0rem;margin-right:0rem;padding-right:0rem;overflow-x:hidden;">
    <div class="row">
        <div class="col-md-12">
            <div>

                <div class="mt-0 light" id="section-container" style=''>

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_298 * { padding: 0px }
.widget_298 .inner_wrapers ul { left: 0; list-style: none; padding-left: 0 }
.widget_298 .inner_wrapers ul { margin-bottom: 0; gap: 13px }
.widget_298 .increment_decrement { display: flex }
.widget_298 .buttonInc, .buttonDec, .get_val { border: 1px solid var(--quaternary_color); outline: none; padding: 7px 8px; background: transparent; color: var(--quaternary_color); font-family: var(--secondery_font); font-size: calc(var(--quinary_heading) * var(--multi)); font-style: normal; font-weight: 500; line-height: 100% }
.widget_298 #current_clockbox { color: var(--quaternary_color); font-size: calc(var(--quaternary_text) * var(--multi)) }
.widget_298 .inner_wrapers.left_time { height: 100%; display: flex; align-items: center }
.widget_298 .top_header { background-color: var(--secondary_bg); padding: 8px 0px }
.widget_298 .helpdesk { display: flex; align-item: center }
.widget_298 .login_button { border-radius: 5px; background: var(--quaternary_bg); color: var(--primary_color); padding: 10px; font-family: var(--secondery_font); font-size: calc(var(--quinary_heading) * var(--multi)); font-style: normal; font-weight: 500; line-height: 100%; text-decoration: none }
.widget_298 .bottom_header { padding: 20px 0px; background-color: var(--primary_bg) }
.widget_298 .left_logo > img { width: 90% }
.widget_298 .left_logo { text-align: left }
.widget_298 .right_logo > img { width: 70px }
.widget_298 .right_logo { text-align: right }
.widget_298 .reader a { font-size: calc(var(--quaternary_text) * var(--multi)); text-decoration: none; color: var(--quaternary_color); line-height: 1; margin-left: 6px }
.widget_298 .top_header { width: 100% }
.widget_298 .header { height: unset }
.widget_298 .accessibility_menu_color_change { display: flex; justify-content: space-evenly; align-items: center; padding: 10px; bottom: 0; width: auto; height: auto; margin-right: 10px }
.widget_298 .color-option { width: 13px; height: 14px; margin: 0 5px; border: 2px solid black; border-radius: 4px; cursor: pointer }
.widget_298 .color_white { color: white }
.widget_298 .language { position: relative }
.widget_298 ul.lang_drop_down { position: absolute; bottom: -56px; background: rgb(255, 255, 255); left: 3px !important; border-radius: 6px; width: 100%; padding-left: 0px !important }
.widget_298 .language:hover > ul > li { display: block }
.widget_298 .helpdesk a { color: rgb(255, 255, 255); text-decoration: none; font-size: 17px }
.widget_298 ul.lang_drop_down > ul > li { display: none }
.widget_298 ul.lang_drop_down > li { display: none }
.widget_298 ul.lang_drop_down > li > a { color: rgb(34, 34, 34) !important; padding: 7px 0px; display: block }
.widget_298 .language:hover > a { color: rgb(253, 235, 44) }
.widget_298 .f-text { color: rgb(255, 255, 255); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; text-transform: uppercase }
.widget_298 a.fire_tag { color: rgb(255, 255, 255); font-family: Inter; font-size: calc(28px * var(--multi)); font-style: normal; font-weight: 700; line-height: 100%; text-transform: uppercase }
.widget_298 a.fire_tag { border-radius: 4px; background: rgb(255, 0, 0); display: inline-flex; padding: 5px 11px; justify-content: center; align-items: center; gap: 5px; font-size: 17px; text-decoration: none; color: rgb(255, 255, 255) }
.widget_298 select#dropdown { font-size: 14px; border: 1px solid rgb(255, 255, 255); outline: none; color: rgb(136, 80, 0); padding: 4px 10px; border-radius: 3px }
.widget_298 .date { display: flex; align-items: center; gap: 16px }
.widget_298 html body .color-white { background-color: white !important }
.widget_298 html body .color-pink { background-color: magenta !important }
.widget_298 html body .color-blue { background-color: blue !important }
.widget_298 html body .color-yellow { background-color: yellow !important }
.widget_298 .mob_language { display: none }
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_298 .user_name_header { display: none !important }
.widget_298 .mob_language > a { font-size: calc(8px * var(--multi)) !important }
.widget_298 .mob_language { display: block }
.widget_298 .right_ctc li { width: auto !important }
.widget_298 .login_button { width: 100%; display: flex; justify-content: flex-end }
.widget_298 .login_button_outer { display: flex; justify-content: flex-end; margin-right: 7%; color: rgb(136, 80, 0) !important }
.widget_298 .login_button { width: auto }
.widget_298 .date > span { }
.widget_298 a.fire_tag { font-size: 10px !important; padding: 3px 5px !important }
.widget_298 .user_name_header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; max-width: 100px; margin-left: 8px; transform: translateY(2px); color: rgb(136, 80, 0) !important }
.widget_298 .reader, .reader.language, .increment_decrement, .inner_wrapers left_time { display: flex !important }
.widget_298 .inner_wrapers ul { margin-bottom: 0; gap: 0px }
.widget_298 .buttonInc, .buttonDec, .get_val { border: 0px solid var(--quaternary_color) !important; border-left: 1px solid var(--quaternary_color) !important; outline: none; padding: 0px 4px !important; background: transparent; color: var(--quaternary_color); font-family: var(--secondery_font); font-size: calc(12px * var(--multi)) !important; font-style: normal; font-weight: 400; line-height: 1 }
.widget_298 .accessibility_menu_color_change { display: flex; padding: 10px 4px; margin-right: 0px }
.widget_298 .login_button { border-radius: 2px; padding: 4px }
.widget_298 li.d-flex.reader.align-items-center.color_white.language > select { display: none }
.widget_298 li.d-flex.reader.align-items-center > a { display: none !important }
.widget_298 .widget_298 .inner_wrapers.left_time { justify-content: end }
.widget_298 .mob_language > a { margin-left: 0px !important; font-size: 12px !important }
.widget_298 .mob_language { display: flex; align-items: center; gap: 5px !important; padding: 0px 5px }
.widget_298 .increment_decrement.p-2.d-none0 { padding-right: 0px !important }
.widget_298 .color-option { padding: 5px 2px !important; margin: 0px 2px !important }
}
.widget_298 .date_section { display: flex; gap: 16px; align-items: center }
.widget_298 .login_button_outer span { color: rgb(136, 80, 0) !important }
</style>



                        

<section dragable="true" id="widget_0" class="widget widget_298" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
  <div class="header">
      <div class="temp dynamic_field d-none" data-fieldname="list" data-objecttype="text" data-dummy-value="sjla" id="dynamic_0" style=";height:;width:;margin:;padding:;">sjla</div>
      <div class="top_header">
          <div class="container">
              <div class="row">
                  <div class="col-lg-5 col-md-3 col-3 m-0">
                      <div class="inner_wrapers left_time">
                          <div class="date_section">
                              <div class="date"> 
                              <!--<span id="current_clockbox">Monday, December 23, 2024 11:50:55 AM</span>-------->
                                  <span class="f-text">FOR Fire &amp; Emergency :</span>
                                  <a href="tel:101" target="_blank" class="fire_tag">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 22 23" fill="none">
                                      <g clip-path="url(#clip0_116_48)">
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.0581 14.865C18.8772 19.3802 15.3202 22.983 10.957 22.983C6.47804 22.983 2.84717 19.0594 2.84717 14.5045C2.84717 13.8957 2.83673 12.679 3.70992 10.6261C4.23248 9.39754 4.56024 8.62573 4.74521 7.92022C4.84684 7.53247 5.0445 6.91643 5.60796 7.92022C5.9402 8.51209 5.95306 9.36336 5.95306 9.36336C5.95306 9.36336 7.1892 8.37165 8.02364 6.47708C9.24693 3.69968 8.27091 2.03944 7.93737 0.884926C7.82193 0.485538 7.74946 -0.232242 8.54129 0.0731618C9.34813 0.384428 11.4812 1.94545 12.5962 3.59081C14.1875 5.93906 14.7531 8.19081 14.7531 8.19081C14.7531 8.19081 15.2626 7.52967 15.4433 6.83787C15.6473 6.05668 15.6503 5.28298 16.3059 6.11639C16.9294 6.90894 17.8554 8.39835 18.3766 9.81434C19.3229 12.3857 19.0581 14.865 19.0581 14.865Z" fill="white" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3364 22.9829C8.8441 22.9829 6.82373 20.8707 6.82373 18.2651C6.82373 16.6929 7.42975 15.7384 8.69102 14.444C9.49858 13.6151 10.2544 12.5972 10.5757 11.904C10.6389 11.7676 10.7828 11.0565 11.3377 11.8891C11.6289 12.3257 12.0852 13.1023 12.3778 13.765C12.8823 14.9077 13.0027 16.0151 13.0027 16.0151C13.0027 16.0151 13.497 15.7105 13.8358 14.9263C13.945 14.6736 14.1658 13.7168 14.7829 14.6735C15.2358 15.3755 15.8579 16.6377 15.8491 18.2651C15.8491 20.8707 13.8287 22.9829 11.3364 22.9829Z" fill="#FF0000" />
                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0592 18.5874C11.6069 18.5874 11.6069 19.6478 12.3027 21.0637C12.766 22.0065 12.073 22.9829 11.0592 22.9829C10.0453 22.9829 9.51953 22.1237 9.51953 21.0637C9.51953 20.0039 10.5114 18.5874 11.0592 18.5874Z" fill="#FF0000" />
                                      </g>
                                      <defs>
                                        <clipPath id="clip0_116_48">
                                          <rect width="22" height="23" fill="white" />
                                        </clipPath>
                                      </defs>
                                    </svg>
                                    
                                    Call 101
                                  </a>
                              </div>
                              
                              <div class="helpdesk">
                              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-headset"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M4 14v-3a8 8 0 1 1 16 0v3" /><path d="M18 19c0 1.657 -2.686 3 -6 3" /><path d="M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z" /><path d="M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z" /></svg>
                              <a href="/helpdesk">Helpdesk</a>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-lg-7 col-md-9 col-9">
                      <div class="inner_wrapers right_ctc">
                          <ul class="d-flex align-items-center justify-content-end">
                              <li class="d-flex reader align-items-center"> <span class="icons ">                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.875 4.401C1.875 3.73796 2.13839 3.10208 2.60723 2.63323C3.07607 2.16439 3.71196 1.901 4.375 1.901H15.625C16.288 1.901 16.9239 2.16439 17.3928 2.63323C17.8616 3.10208 18.125 3.73796 18.125 4.401V12.526C18.125 13.189 17.8616 13.8249 17.3928 14.2938C16.9239 14.7626 16.288 15.026 15.625 15.026H13.125V15.2402C13.125 15.7377 13.3225 16.2152 13.6742 16.566L14.1917 17.0843C14.279 17.1717 14.3384 17.2831 14.3625 17.4042C14.3865 17.5254 14.3742 17.651 14.3269 17.7651C14.2796 17.8792 14.1996 17.9768 14.0969 18.0455C13.9943 18.1142 13.8735 18.1509 13.75 18.151H6.25C6.12647 18.1509 6.00574 18.1142 5.90306 18.0455C5.80038 17.9768 5.72035 17.8792 5.67309 17.7651C5.62583 17.651 5.61346 17.5254 5.63753 17.4042C5.6616 17.2831 5.72104 17.1717 5.80833 17.0843L6.32583 16.566C6.67726 16.2146 6.87478 15.738 6.875 15.241V15.026H4.375C3.71196 15.026 3.07607 14.7626 2.60723 14.2938C2.13839 13.8249 1.875 13.189 1.875 12.526V4.401ZM3.125 4.401V10.651C3.125 10.9825 3.2567 11.3005 3.49112 11.5349C3.72554 11.7693 4.04348 11.901 4.375 11.901H15.625C15.9565 11.901 16.2745 11.7693 16.5089 11.5349C16.7433 11.3005 16.875 10.9825 16.875 10.651V4.401C16.875 4.06948 16.7433 3.75154 16.5089 3.51712C16.2745 3.2827 15.9565 3.151 15.625 3.151H4.375C4.04348 3.151 3.72554 3.2827 3.49112 3.51712C3.2567 3.75154 3.125 4.06948 3.125 4.401Z" fill="white" />                    </svg>                </span>                                    <a href="SCREEN_READER" class="ml-4">SCREEN READER</a> </li>
                              <li class="d-flex reader align-items-center color_white language">  
                              
                                <select id="dropdown" class="lang_dd" onchange="openLink()">
                                  <option value="?language=en">English</option>
                                  <option value="?language=beng">Bengali</option>
                                </select>
                               <div class="mob_language ">
                                     <a href="?language=en">EN</a> | <a href="?language=beng">BEN</a>
                               </div>
                              </li>
                              <li class="increment_decrement_outer">
                                  <div class="increment_decrement p-2 d-none0">
                                      <button class="buttonInc zoom_in">A+</button>
                                      <div class="get_val zoom_normal" id="alphabet">A</div>
                                      <button class="buttonDec zoom_out">A-</button>
                                  </div>
                              </li>

                              <li>
                                  <div class="accessibility_menu_color_change">
                                    <div class="color-option color-white" title="White"></div>
                                    <div class="color-option color-pink" title="Pink"></div>
                                    <div class="color-option color-blue" title="Blue"></div>
                                    <div class="color-option color-yellow" title="Yellow"></div>
                                  </div>
                              </li>
                              <li class="login_button_outer">
                                  <a href="/admin_cms/" class="login_button"> <span>                      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 17 18" fill="none">                          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.31249 4.776C5.31249 3.93062 5.64831 3.11987 6.24608 2.5221C6.84386 1.92433 7.65461 1.5885 8.49999 1.5885C9.34536 1.5885 10.1561 1.92433 10.7539 2.5221C11.3517 3.11987 11.6875 3.93062 11.6875 4.776C11.6875 5.62138 11.3517 6.43213 10.7539 7.0299C10.1561 7.62768 9.34536 7.9635 8.49999 7.9635C7.65461 7.9635 6.84386 7.62768 6.24608 7.0299C5.64831 6.43213 5.31249 5.62138 5.31249 4.776ZM2.65694 14.767C2.68083 13.2331 3.30694 11.7701 4.40013 10.6938C5.49331 9.61754 6.96589 9.01428 8.49999 9.01428C10.0341 9.01428 11.5067 9.61754 12.5998 10.6938C13.693 11.7701 14.3191 13.2331 14.343 14.767C14.3449 14.8703 14.3166 14.9719 14.2616 15.0593C14.2066 15.1467 14.1274 15.2163 14.0335 15.2593C12.2975 16.0553 10.4098 16.4661 8.49999 16.4635C6.52657 16.4635 4.65161 16.0328 2.96649 15.2593C2.87262 15.2163 2.79335 15.1467 2.73838 15.0593C2.6834 14.9719 2.6551 14.8703 2.65694 14.767Z" fill="#005FAE" />                        </svg>                  </span>                                        <span class="user_name_header">LOGIN</span> </a>
                              </li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>

<style>
@media only screen and (max-width: 768px) and (min-width: 300px) {
.inner_wrapers.left_time{
    justify-content: end;
}
.color-option {
    padding: 5px 2px !important;
    margin: 0px 2px !important;
}
}
</style>



<script >
  
    let url = window.location.href;
const dropdown = $('.lang_dd');

// Check if URL contains "?language=" and get the selected language
let selectedLang = url.includes("?language=") ? url.split("?language=")[1] : null;

// If no language is selected or the parameter is empty, set default to "English"
if (!selectedLang || selectedLang === "") {
    selectedLang = "en"; // Default language
}

// Set the dropdown value based on the selected language
$('#dropdown').val(`?language=${selectedLang}`);

function openLink() {
    const ddValue = dropdown.val();
    
    if (ddValue) {
        let language = ddValue.replace("?language=","")
        localStorage.setItem("website_language",language)
        window.location.href = ddValue; // Navigate to the selected language URL
    }
}
</script>

                        <script  defer>
 $(document).ready(function () {
  (()=>{let ls = localStorage.getItem("_wom_user") || '';
let userName = 'LOGIN';

if(ls) {
    let parsedLs = JSON.parse(ls);
    userName = parsedLs.name;
}

let substring = userName.length > 17 ? userName.substring(0, 17) + ".." : userName;
$(".user_name_header").html(substring);
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('list');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_97 .main-ID-heading { background: var(--light-blue); height: auto }
.widget_97 .main_big_logo > a { line-height: auto; display: block }
.widget_97 .main_big_logo > a > img { width: 100% }
.widget_97 .right_logo { text-align: right }
.widget_97 .right_logo > a { line-height: auto; display: block }
.widget_97 .right_logo > a > img { width: 90px }
@media only screen and (max-width: 800px) and (min-width: 300px) {
.widget_97 .logo_cont { }
.widget_97 .insignia_cont .right_logo a img { width: 100% }
.widget_97 .main_big_logo { height: 100%; display: flex; align-items: center }
}
</style>



                         <div dragable="true" class="widget widget_97" id="widget_1" style="padding:;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:border-bottom: 2px solid #885000; ;border-bottom: 2px solid #885000; ;">  
    <div class="main-ID-heading">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-9 logo_cont">
                    <div class="main_big_logo">
                        <a href="/">
                            <img async alt='image'  style="min-height:50px;max-height:500px;min-height:50px;min-width:50px;;color:black;font-family:Poppins;height:auto;width:95%;padding:8px 0px 0px 0px;" class="dynamic_field" data-dummy-value="text" data-fieldname="image_url1" data-objecttype="image" src="/webomagic/getFile?fid=44764" alt="dummy image" srcset="" id="dynamic_1">
                        </img></a>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-3 insignia_cont">
                    <div class="right_logo">
                        <a href="#">
                            <img async alt='image'  style="min-height:50px;max-height:500px;min-height:50px;min-width:50px;;color:black;font-family:Poppins;height:auto;width:64px;" class="dynamic_field pt-3" data-dummy-value="text" src="/webomagic/getFile?fid=1716" data-fieldname="image_url2" data-objecttype="image" alt="dummy image" srcset="" id="dynamic_2">
                        </img></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>  
                        <script >console.log('js');</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('image_url2');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('image_url1');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_35 .active_menu > a { color: var(--primary_color) !important }
.widget_35 .navbar { padding: 0 }
.widget_35 .navbar.navbar-expand-lg.navbar-light { padding: 10px !important }
.widget_35 .singleMenuItem.active_menu { padding: 0px 10px; background: var(--primary_bg) }
.widget_35 .singleMenuItem.active_menu a.nav-link { color: white !important }
.widget_35 .dropdown-menu { padding: 0; overflow: hidden }
.widget_35 .dropdown-item:focus, .dropdown-item:hover { color: unset; background: unset }
.widget_35 li.nestedSingleMenuItem { padding: 5px; position: relative }
.widget_35 li.nestedSingleMenuItem:hover { background-color: transparent }
.widget_35 li.nestedSingleMenuItem::before { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--primary_bg); transition: all 0.5s }
.widget_35 .dropdown-item { position: relative; z-index: 2 }
.widget_35 .nestedSingleMenuItem:hover::before, li.nestedSingleMenuItem.active_menu::before { width: 100% }
.widget_35 .nestedSingleMenuItem:hover a.dropdown-item, li.nestedSingleMenuItem.active_menu > a.dropdown-item { color: white !important }
.widget_35 .navbar-expand-lg .navbar-nav .nav-link { font-size: calc(13px * var(--multi)) !important }
</style>



                        <section dragable="true" id="widget_2" class="widget widget_35" style="sectionHidden:false;padding:0;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:border-bottom: 2px solid #885000; ;border-bottom: 2px solid #885000; ;">
    <div class="dynamic_field" data-fieldname="menu" data-objecttype="menu" data-uniq="722" id="dynamic_3" style=";font-size:20px;font-family:;height:;width:;">
        <div class="navbar navbar-expand-lg navbar-light  d-flex justify-content-center align-items-center">
            <div class="container-fluid1 " style="width:100%;font-size:1.3rem;font-weight:600;">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav_[[widget_id]]" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                <div class="collapse navbar-collapse " id="main_nav_[[widget_id]]">
                    <ul data-uniq="7220" data-objecttype="menu_container" class="navbar-nav d-flex justify-content-around nav-item-container" style="width:100%" id="navbar-nav_[[widget_id]]"><li class="nav-item active1 singleMenuItem" id="menu_item_3c78c43c3f1d5d1a58b69ad1c179e0d1"> <a class="nav-link" href="/">HOME </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_a805d2fc0845f793731c498e71243e21"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              ABOUT US          </a>
                            <ul class="dropdown-menu" id="sub_menu_a805d2fc0845f793731c498e71243e21"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="about?language=en">WHO WE ARE</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Maps?language=en">MAP</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Modernisation?language=en">MODERNISATION</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Fire_Training_School?language=en">FIRE TRAINING SCHOOL</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Our_Mission?language=en">OUR MISSION</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Duties___Functions?language=en">DUTIES &amp; FUNCTIONS</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Our_History?language=en">OUR HISTORY</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="department_structure?language=en">DEPARTMENT STRUCTURE</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="directorate_structure?language=en">DIRECTORATE STRUCTURE</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Department_Contact?language=en">DEPARTMENT CONTACT</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Directorate_Contact?language=en">DIRECTORATE CONTACT</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="awards?language=en">AWARDS</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="incidents?language=en">INCIDENTS</a> </li></ul>
                        </li><li class="nav-item active1 singleMenuItem" id="menu_item_ff3343ee1708b53b435a8c41ec87e506"> <a class="nav-link" href="orders_and_circulars?language=en">CIRCULAR / ORDERS </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_177c362dcbba826fc09d9625fcebf368"> <a class="nav-link" href="act_and_rules?language=en">ACTS &amp; RULE </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_4eb88f4fd909a3b01c703387d56e5916"> <a class="nav-link" href="eservices?language=en">E-SERVICES </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_21258ad4d1d35b9cdad021232ceb2e50"> <a class="nav-link" href="Guidelines?language=en">GUIDELINES </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_b4b41b38a78c94ca88ea97fc595b3ff1"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              RTI          </a>
                            <ul class="dropdown-menu" id="sub_menu_b4b41b38a78c94ca88ea97fc595b3ff1"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="RTI_Acts?language=en">ACTS</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="PARTICULARS_OF_SPIO_or_SAPIO?language=en">PARTICULARS OF SPIO / SAPIO</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="proactive_disclosure_for_department?language=en">PROACTIVE DISCLOSURE FOR DEPARTMENT</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="proactive_disclosure_for_directorate?language=en">PROACTIVE DISCLOSURE FOR DIRECTORATE</a> </li></ul>
                        </li><li class="nav-item active1 singleMenuItem" id="menu_item_585c6ca8ad5a2124d7dd91706b3330b3"> <a class="nav-link" href="gallery?language=en">GALLERY </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_8b19765ad119ddb1e40243a8319ef1d2"> <a class="nav-link" href="WBRTPS?language=en">WBRTPS </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_db47db733e1d51627359d4b9e2fc8ba5"> <a class="nav-link" href="tenders?language=en">TENDERS </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_ec6af9962ee5867b58baaa2571e8c325"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              CITIZEN CORNER          </a>
                            <ul class="dropdown-menu" id="sub_menu_ec6af9962ee5867b58baaa2571e8c325"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="fire_faq?language=en">FAQS</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="eservices?language=en">E-SERVICES</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Maps?language=en">FIRE STATION LOCATIONS</a> </li></ul>
                        </li></ul>
                </div>
            </div>
        </div>
    </div>
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{let url = window.location.href;
 $(".nav-item").each(function () {
    let href = $(this).find("a").attr("href").split("?")[0]; // Remove query string
    
    if(href && href != "/") {
      let fileName = href.split("/").pop().split(".")[0]; // Extracts the part before any extension
      let currentFileName = url.split("/").pop().split("?")[0].split(".")[0]; // Handle current URL similarly
      if (fileName === currentFileName) {
          $(this).addClass("active_menu");
      }
    }
    
});

$(".nestedSingleMenuItem").each(function () {
  let href = $(this).find("a").attr("href").split("?")[0];
  
  if(href && href != "/") {
     // Remove query string
    let fileName = href.split("/").pop().split(".")[0]; // Extracts the part before any extension
    let currentFileName = url.split("/").pop().split("?")[0].split(".")[0]; // Handle current URL similarly
    if (fileName === currentFileName) {
        $(this).addClass("active_menu");
        $(this).parent().parent().addClass("active_menu"); // Add class to parent elements
    }
  }
});
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('')</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_311 .inner_wrapers ul { left: 0; list-style: none; padding-left: 0 }
.widget_311 .inner_wrapers ul { margin-bottom: 0 }
.widget_311 .increment_decrement { display: flex }
.widget_311 .buttonInc, .buttonDec, .get_val { border: 1px solid var(--quaternary_color); outline: none; padding: 7px 8px; background: transparent; color: var(--quaternary_color); font-family: var(--secondery_font); font-size: calc(var(--quinary_heading) * var(--multi)); font-style: normal; font-weight: 500; line-height: 100% }
.widget_311 .carousel-caption p { font-size: calc(var(--quaternary_heading) * var(--multi)) }
.widget_311 .sideber_header { background: var(--primary_bg); padding: 10px 20px; margin-bottom: 10px }
.widget_311 .sideber_header h4 { margin-bottom: 0; font-size: calc(var(--quaternary_heading) * var(--multi)); color: var(--quaternary_color) }
.widget_311 .left_side_bar ul { list-style: none; padding-left: 0; margin-bottom: 0 }
.widget_311 .left_side_bar ul li a { margin-bottom: 10px; color: var(--quaternary_color); padding: 10px; text-decoration: none; font-size: calc(var(--quinary_heading) * var(--multi)); border-radius: 10px }
.widget_311 .sideber_header { background: var(--primary_bg); padding: 10px 20px; margin-bottom: 10px }
.widget_311 .sideber_header h4 { margin-bottom: 0; font-size: calc(var(--quaternary_heading) * var(--multi)); color: var(--quaternary_color) }
.widget_311 .sideber_text h4 { margin-bottom: 10px; font-size: calc(25px * var(--multi)); color: var(--quaternary_color); font-weight: var(--quaternary_fw); display: none }
.widget_311 .sideber_img { text-align: center; padding: 7px; margin-bottom: 10px !important; margin-top: 12px !important }
.widget_311 .sideber_img > img { width: 100%; margin-bottom: 15px }
.widget_311 .sideber_text { text-align: center; padding: 0px 15px }
.widget_311 .side_ber_slide_banner { display: flex; align-items: center; height: 100%; justify-content: center }
.widget_311 .side_ber_slide_banner > .notification { height: auto }
.widget_311 .sideber_text p { text-align: center; font-size: calc(10px * var(--multi)); color: var(--quaternary_color) }
.widget_311 .side_ber_slide_banner { background: rgb(250, 250, 250) }
.widget_311 .notification { padding-bottom: 20px; position: relative }
.widget_311 .side_ber_slide_banner { position: relative }
.widget_311 .side_ber_slide_banner > img { position: absolute; width: 100%; height: 100% }
.widget_311 .sideber_img { width: 180px; height: 180px; flex-shrink: 0; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; border-radius: 100px; margin: auto; overflow: hidden }
.widget_311 .banner_slider { position: relative }
.widget_311 .banner_slider > button.custom-prev { position: absolute; top: 50%; transform: translateY(-50%); border: none; outline: none; left: 30px; width: 34.625px; height: 55.364px; flex-shrink: 0; color: white !important }
.widget_311 button.custom-next { position: absolute; top: 50%; transform: translateY(-50%); border: none; outline: none; right: 30px; width: 34.625px; height: 55.364px; color: white !important }
.widget_311 .banner_slider { position: relative }
.widget_311 a { text-decoration: none }
.widget_311 .slick-dots { position: absolute; bottom: 14px }
.widget_311 .slick-dotted.slick-slider { margin-bottom: 0px }
.widget_311 .slick-dots li button:before { font-family: "slick"; font-size: 15px; line-height: 20px; opacity: 0.7; color: rgb(255, 255, 255) }
.widget_311 .slick-dots li.slick-active button:before { opacity: 1.75; color: rgb(255, 255, 255) }
.widget_311 .banner_slider > button.custom-prev, button.custom-next { opacity: 0 }
.widget_311 .sideber_text p span { font-size: unset !important }
@media only screen and (max-width: 800px) and (min-width: 300px) {
.widget_311 .sideber_img { margin-top: 30px }
.widget_311 .directorate_outer { margin-top: 30px }
.widget_311 .sideber_img > img { width: unset !important }
}
</style>



                        <section dragable="true" id="widget_3" class="widget widget_311" style="sectionHidden:false;padding:0;margin:20px 0px 0px 0px;background:#ffffff;backgroundImage:;sectionCustomCss:;">
    <div class="slider-section">
        <div class="inner_slider">
            <!-- Carousel -->
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 ">
                        <div class="banner_slider">
                            <div class="slick-slider dynamic_field dynamic_list" data-fieldname="list" data-objecttype="list" data-dummy-value="sjla" data-uniq="119698853" id="dynamic_4" style=";height:;width:;margin:;padding:;">
                                
                            <div class="slider_item repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;"> <img async alt='image'  src="/webomagic/getFile?fid=1717" alt="" class="d-block" style="width:100%"> </img>
                                </div><div class="slider_item repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;"> <img async alt='image'  src="/webomagic/getFile?fid=1597" alt="" class="d-block" style="width:100%"> </img>
                                </div><div class="slider_item repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="dynamic_5" style=";height:;width:;margin:;padding:;"> <img async alt='image'  src="/webomagic/getFile?fid=1596" alt="" class="d-block" style="width:100%"> </img>
                                </div></div>
                            <button class="custom-prev"><i class="fa-solid fa-chevron-left"></i></button>
                            <button class="custom-next"><i class="fa-solid fa-chevron-right"></i></button>
                        </div>
                    </div>
                    <div class="col-lg-3 directorate_outer">
                        <a href="/directorate">
                            <div class="side_ber_slide_banner"> <img async alt='image'  class="dynamic_field" data-fieldname="background_image" data-objecttype="image" data-dummy-value="Directorate" src="/webomagic/getFile?fid=1616" alt="dummy image" srcset="" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_6">
                                <div class="notification">
                                    <div class="sideber_img"> <img async alt='image'  class="dynamic_field" data-fieldname="image1" data-objecttype="image" data-dummy-value="Directorate" src="/webomagic/getFile?fid=1878" alt="dummy image" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_7"> </img>
                                    </div>
                                    <div class="sideber_text">
                                        <h4 class="dynamic_field" data-fieldname="text" data-objecttype="text" data-dummy-value="Directorate" id="dynamic_8" style=";height:;width:;margin:;padding:;">Directorate</h4>
                                        <p class="dynamic_field" data-fieldname="text1" data-objecttype="text" data-dummy-value="Govt of West Bengal" id="dynamic_9" style=";height:;width:;margin:;padding:;"><span style="font-size: 8pt;">GOVT OF WEST BENGAL<br /></span><span style="font-size: 8pt;">OFFICE OF THE DIRECTOR GENERAL</span><br><span style="font-size: 8pt;">WEST BENGAL FIRE AND EMERGENCY SERVICES&#xa0;</span><br><span style="font-size: 8pt;">13-D MIRZA GHALIB&#xa0; STREET, KOLKATA - 700016</span></br></br></p>
                                    </div>
                                </div>
                                </img>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{$('.slick-slider').slick({
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      fade: true,           // Enable fade effect
      cssEase: 'linear',
      prevArrow: $('.custom-prev'), // Custom Previous Button
      nextArrow: $('.custom-next'),
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          }
        }
      ]
    });
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('background_image');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('text1');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('text');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('list');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('image1');</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_315 .news_marquee_section { padding: 0px 0px; margin: 26px 0px }
.widget_315 .inner_wrapers { background-color: rgb(255, 230, 182) }
.widget_315 .inner_wrapers ul { margin-bottom: 0px !important }
.widget_315 .marquee ul li { display: inline; list-style: bullets; margin: 0px 10px }
.widget_315 .marquee ul li a { text-decoration: none; color: var(--tertiary_color); font-family: var(--secondery_font); font-size: calc(var(--quinary_heading) * var(--multi)); font-style: normal; font-weight: var(--quaternary_fw); line-height: 1 }
.widget_315 .news_btns h4 { border-radius: 4px; background: var(--secondary_color); display: inline-flex; padding: 12px 20px; justify-content: center; align-items: center; gap: 8px; font-size: calc(var(--quinary_heading) * var(--multi)); color: var(--quaternary_color); margin-bottom: 0px }
.widget_315 div.news_btns { width: auto }
.widget_315 .marquee { width: 100%; padding-left: 30px; opacity: 0.7; -webkit-animation: unset !important; overflow-x: hidden }
.widget_315 .inner_wrapers.d-flex.align-items-center.gap-4 { overflow: hidden }
@media only screen and (max-width: 375px) and (min-width: 346px) {
}
@media only screen and (max-width: 544px) and (min-width: 375px) {
}
@media only screen and (max-width: 555px) and (min-width: 376px) {
}
@media only screen and (max-width: 768px) and (min-width: 544px) {
}
@media only screen and (max-width: 1422px) and (min-width: 999px) {
}
@media only screen and (max-width: 1658px) and (min-width: 1000px) {
}
@media only screen and (max-width: 1200px) and (min-width: 993px) {
}
@media only screen and (max-width: 991px) and (min-width: 300px) {
}
@media only screen and (max-width: 400px) and (min-width: 300px) {
}
@media only screen and (max-width: 826px) and (min-width: 572px) {
}
@media only screen and (max-width: 370px) and (min-width: 320px) {
}
@media only screen and (max-width: 900px) and (min-width: 370px) {
}
@media only screen and (max-width: 651px) and (min-width: 300px) {
.widget_315 .inner_wrapers.left_time { justify-content: center }
.widget_315 .left_logo > img { width: 100% }
.widget_315 .inner_wrapers.left_logo { height: 100%; align-items: center; display: flex }
.widget_315 .right_logo > img { width: 100% }
.widget_315 .menu > ul { display: none }
.widget_315 .humber_ger_btn { display: block }
}
@media only screen and (max-width: 1024px) and (min-width: 826px) {
}
@media only screen and (max-width: 11200px) and (min-width: 1600px) {
}
@media only screen and (max-width: 999px) and (min-width: 400px) {
}
@media only screen and (max-width: 999px) and (min-width: 551px) {
}
@media only screen and (max-width: 1422px) and (min-width: 1300px) {
}
@media only screen and (max-width: 1524px) and (min-width: 1422px) {
}
@media only screen and (max-width: 1657) and (min-width: 1524px) {
}
@media only screen and (max-width: 11200px) and (min-width: 1400px) {
}
@media only screen and (max-width: 1000px) and (min-width: 700px) {
}
@media only screen and (max-width: 999px) and (min-width: 300px) {
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
}
</style>



                        <section dragable="true" id="widget_4" class="widget widget_315" style="sectionHidden:false;padding:0;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;">
    <div class="news_marquee_section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="inner_wrapers d-flex align-items-center gap-4">
                        <div class="news_btns">
                            <h4 class="dynamic_field" data-fieldname="fire_txt" data-objecttype="text" data-dummy-value="ANNOUNCEMENTS" id="dynamic_10" style=";color:blue;font-size:10px;font-family:Poppins;height:;width:;margin:;padding:;"><span style="color: rgb(236, 240, 241);">&#xa0;ANNOUNCEMENTS</span></h4> </div>
                        <marquee class="marquee" onmouseover="this.stop();" onmouseout="this.start();">
                            <ul aria-hidden="true" class="marquee__group dynamic_field dynamic_list" data-fieldname="fire_marquee_list" data-objecttype="list" data-dummy-value="News Feed" data-uniq="210030158" id="dynamic_11" style=";height:;width:;margin:;padding:;">
                                
                            <li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="/webomagic/getFile?fid=41439">EoI Clarification 07082025</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Renewal_Of_Fire_License">Renewal of Fire License</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Grant_of_Fire_License">Grant of Fire License</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Issuance_of_Revised_Fire_Safety_Recommendation">Issuance of Revised Fire Safety Recommendation</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Issuance_of_Fire_Safety_Recommendation">Issuance of Fire Safety Recommendation</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Issuance_of_Fire_Safety_Certificate">Issuance of Fire Safety Certificate</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="Renewal_of_Fire_Safety_Certificate">Renewal of Fire Safety Certificate</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="/webomagic/getFile?fid=41109">Engagement of Third Party Agencies in the Department of Fire &amp; Emergency Services. EOI NOTICE NO. 651/FES-15012/1/2025, DATED 11/07/2025</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="fire_marquee_list" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><a href="/webomagic/getFile?fid=41573"> Invitation for Scrutiny of documents in the process of Selection of Third Party Agency - for those who submitted both Technical Bid as well as Financial Bid.</a></li></ul>
                        </marquee>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{//$('.marquee-with-options').marquee();
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                        </th:block>-->
<!--                        <th:block th:if="${language == 'beng'}" th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->

                        
                        


                            


                                
                                    <div><script >console.log('fire_marquee_list');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('')</script></div>

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style></style>



                        