
<!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="screen" 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="screen" rel="stylesheet" th:href="@{/style.css}"  >-->
<!--    <link media="screen" rel="stylesheet" href="nav00.css">-->
<!--    <link media="screen"  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="screen" 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="screen"  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="screen" 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="screen" 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="screen" defer rel="stylesheet" th:href="@{fontawesome.min.css}">-->
    <link media="screen" defer rel="stylesheet" href="/webomagic/css/all.min.css" >
    <link media="screen" 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(http://wbfes.magicoweb.com:80/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 : #005fae;
--tertiary_bg : #222222;
--secondary_bg : #13548c;
--quinary_bg : #0d6efd;
--quinary_color : #0d6efd;
--secondary_color : #13548c;
--tertiary_color : #222222;
--quaternary_color : #ffffff;
--quaternary_bg : #ffffff;
--primary_color : #005fae;

    }

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

    }
</style>

    
        
        
        
            <link media="screen"  rel='stylesheet' href="https://cdn.jsdelivr.net/npm/slick-carousel/slick/slick.css"> </link>
        
    
        
        
        
            <link media="screen"  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="http://wbfes.magicoweb.com:80/webomagic/getCssOrJsFile?fid=1696"> </script>
        
        
        
    
        
            <script  src="http://wbfes.magicoweb.com:80/webomagic/getCssOrJsFile?fid=1695"> </script>
        
        
        
    
        
            <script  src="http://wbfes.magicoweb.com:80/webomagic/getCssOrJsFile?fid=1962"> </script>
        
        
        
    
        
            <script  src="http://wbfes.magicoweb.com:80/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="screen"  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 .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 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(19, 84, 140); 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% }
.widget_298 .login_button { width: auto }
.widget_298 .date > span { display: none }
.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) }
.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 }
}
</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-4 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>
                      </div>
                  </div>
                  <div class="col-lg-8 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="screen"  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 blue; ;border-bottom:2px solid blue; ;">  
    <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=1721" 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="screen"  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 #005fae; ;border-bottom: 2px solid #005fae; ;">
    <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_d75d03f70e605052491d8e02afa665b4"> <a class="nav-link" href="/">HOME </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_f21049e92503b9887f44e257f46a7889"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              ABOUT US          </a>
                            <ul class="dropdown-menu" id="sub_menu_f21049e92503b9887f44e257f46a7889"><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_60a58fc1863681d90bd794e8750f7c0b"> <a class="nav-link" href="orders_and_circulars?language=en">CIRCULAR / ORDERS </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_42664f2417470de26d521906b39c546f"> <a class="nav-link" href="act_and_rules?language=en">ACTS &amp; RULE </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_9215fb969572253dbbb7089e4e9eca8c"> <a class="nav-link" href="eservices?language=en">E-SERVICES </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_90e4235574008aae5f16aacf303f87ed"> <a class="nav-link" href="Guidelines?language=en">GUIDELINES </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_67d8318f3a68246c2d6713a3e089c91f"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              RTI          </a>
                            <ul class="dropdown-menu" id="sub_menu_67d8318f3a68246c2d6713a3e089c91f"><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_5b292a4aa696f7803259d563d52e9f0d"> <a class="nav-link" href="gallery?language=en">GALLERY </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_43618de4a283878f0ad414accf9f890d"> <a class="nav-link" href="WBRTPS?language=en">WBRTPS </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_49235c0a6e6f5a2a1abe7bf9d19ff518"> <a class="nav-link" href="tenders?language=en">TENDERS </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_e023820997615ee76996e1310de3a170"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              CITIZEN CORNER          </a>
                            <ul class="dropdown-menu" id="sub_menu_e023820997615ee76996e1310de3a170"><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="screen"  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="screen"  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="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="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="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="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="Issuance_of_Fire_Safety_Certificate">Issuance of Fire Safety Certificate</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="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style></style>



                        <section dragable="true" id="widget_5" class="widget layout widget_41" style="sectionHidden:false;padding:;margin:;background:#ffffff;backgroundImage:;sectionCustomCss:.card_notice_box {     border: 2px solid #005fae;     border-radius: 12px;     overflow: hidden; }  .notice_point {     padding: 10px 10px; };.card_notice_box {     border: 2px solid #005fae;     border-radius: 12px;     overflow: hidden; }  .notice_point {     padding: 10px 10px; };">
    <div class="container">
    <div class="row" style="min-height:200px; width:100%; margin: auto">
        <div class="dynamic_field layout_field col-xl-3 col-lg-3 co-12 desk-top" style="sectionHidden:false;padding:0;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;" data-fieldname="column_left" data-objecttype="layout" id="dynamic_13"> <div dragable="true" id="widget_7" class="widget widget_284" style="">
    <div class="side_ber">                
    <div class="card_notice_box mt-3">                    
    <div class="notice_header">                        
    	<h4 class="dynamic_field" data-fieldname="heading" data-dummy-value="heading" data-objecttype="text" style=";height:;width:;margin:;padding:;" id="a4e516483ae0bc207d6207c53e3a2e5fd">E-Services</h4>                    
    </div>                    
    
    <div class="notice_point">                        
        <div class="dynamic_field dynamic_list" data-fieldname="list" data-objecttype="list" data-uniq="371432947" style=";height:;width:;margin:;padding:;;height:;width:;margin:;padding:;" id="aa56eeee4a51ba5dc254fe0c89e561667">                            
            
                
                                    
        <div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #d19d00;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Issuance_of_Fire_Safety_Recommendation	" class="tab-items"><i class="fa-solid fa-certificate"></i> Issuance of Fire Safety Recommendation </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #f06292;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Issuance_of_Revised_Fire_Safety_Recommendation	" class="tab-items"><i class="fa-solid fa-certificate"></i> Issuance of Revised Fire Safety Recommendation (RFSR)	 </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #03a9f4;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Issuance_of_Fire_Safety_Certificate" class="tab-items"><i class="fa-solid fa-certificate"></i> Issuance of Fire Safety Certificate </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #009688;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Renewal_of_Fire_Safety_Certificate	" class="tab-items"><i class="fa-regular fa-images"></i> Renewal of Fire Safety Certificate (RFSC)	 </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #e65100;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Grant_of_Fire_License" class="tab-items"><i class="fa-regular fa-address-card"></i> Grant of Fire License (GFL)	 </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #673ab7;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Renewal_Of_Fire_License" class="tab-items"><i class="fa-solid fa-rotate"></i> Renewal of Fire License (RFL)	 </a>
                </div><div data-fieldname="list" data-objecttype="list_item" class="item repeatable dynamic_field dynamic_list_items" style="background-color: #13be0d;" id="aa56eeee4a51ba5dc254fe0c89e561667">
                    <a href="Self_Certification_of_Fire_Safety" class="tab-items"><i class="fa-solid fa-shield"></i> Self Certification of Fire Safety </a>
                </div></div>                    
    </div>
                    
    </div>        
    
    
</div>
</div></div>
        <div class="dynamic_field layout_field col-xl-6 col-lg-6 co-12 desk-top" style="sectionHidden:false;padding:0REM 1REM;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;" data-fieldname="column_mid" data-objecttype="layout" id="dynamic_14"> <div dragable="true" id="widget_8" class="widget widget_111" style="">
                        
                        
                        
                        
                        <div class="main_category_areas mt-3 ">
			                <div class="main_category dynamic_field dynamic_list" data-uniq="9170" data-fieldname="category_tiles" data-objecttype="list" style=";height:;width:;margin:;padding:;;height:;width:;margin:;padding:;" id="aee13ad546e07a30b80505e64637dcaff">
					         
					                                                                       
					          
			                 <a href="webomagic/getFile?fid=1524" style="background:#ffc107" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1284" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">Advice For Noc</h4>
					                       </div>
					                    </div>
					                </div>
					             </a><a href="fire_faq" style="background:#ef4a94" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1290" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">FAQs</h4>
					                       </div>
					                    </div>
					                </div>
					             </a><a href="Guidelines" style="background:#6bd6d6" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1286" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">Dos and donts</h4>
					                       </div>
					                    </div>
					                </div>
					             </a><a href="EODB" style="background:#e65100" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1705" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">EODB</h4>
					                       </div>
					                    </div>
					                </div>
					             </a><a href="gallery" style="background:#1ab05d" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1288" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">Gallery</h4>
					                       </div>
					                    </div>
					                </div>
					             </a><a href="edashboard" style="background:#aa88ff" class="category_box repeatable dynamic_field dynamic_list_items" data-fieldname="category_tiles" data-objecttype="list_item" id="aee13ad546e07a30b80505e64637dcaff">
					                <div class="category-box">
					                    <div class="category-box">
					                      <div class="cat_icon">
					                         <img async alt='image'  class="" src="/webomagic/getFile?fid=1289" alt="" srcset="">
					                       </img></div>
					                       <div class="cat_txt">
					                         <h4 class="">E-services Dashboard</h4>
					                       </div>
					                    </div>
					                </div>
					             </a></div>  
                        </div>
                        
                        
                        
                        
                        
                        <!--next-areas------------->
            <div class="we-save-areas">
                <div class="we-save-heading">
                    <h4 class="dynamic_field" data-fieldname="heading3" data-dummy-value="heading3" data-objecttype="text" style=";height:;width:;margin:;padding:;" id="a92348f90829fe1d47c2522b44e752e36">We Serve to Save</h4>
                </div>

                <div class="we_save_content dynamic_field" data-fieldname="text3" data-dummy-value="text3" data-objecttype="text" style=";height:;width:;margin:;padding:;" id="ae402a0da7e8aa676aaf6ff43bf1f4f9a"><div>
<div style="line-height: 2;"><span style="font-size: 10pt;">FIRE BRIGRADE is maintained for the purpose of extinguishing fire and protecting lives and property in case of fire and for rescue purposes in connection with any emergency like building collapse, road traffic accidents, human and animal rescue from a well etc. It is also an emergency support function during any disaster. The role of fire services also includes effective fire prevention, creating awareness on fire safety, and enforcing the inbuilt fire protection arrangement for various types of occupancies in line with National Building Code Part IV&#xa0; .&#xa0; &#xa0;&#xa0;</span></div>
</div></div>
            </div>
            <!--youtubevideo------->
            <div class="youtube_videos d-none">
                <div class="inner_youtube_videos">
                    <iframe class="dynamic_field0" width="100%" height="315" src="https://www.youtube.com/embed/Jmg5noJd0nI?si=Zs3mLjO74Mw_S3kg" data-fieldname="video_url" data-objecttype="image" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
                </div>
            </div>
                        
                    </div>
</div>
        <div class="dynamic_field layout_field col-xl-3 col-lg-3 co-12 desk-top" style="sectionHidden:false;padding:0;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;" data-fieldname="column_right" data-objecttype="layout" id="dynamic_15"><div dragable="true" id="widget_9" class="widget widget_104" style="">
    <div class="side_ber">

        <div class="card_notice_box mt-3">
            <div class="notice_header">
                <h4 class="dynamic_field" data-fieldname="heading" data-objecttype="text" data-dummy-value="heading" style=";height:;width:;margin:;padding:;" id="a359431a80a893b9f6147a0e0c302576e">Notification</h4>
            </div>
            <div class="notice_point">
                <ul class="dynamic_field dynamic_list" data-fieldname="list" data-objecttype="list" data-uniq="371432947" style="padding-left:0px;height:;width:;margin:;padding:;;height:;width:;margin:;padding:;" id="a248d0a6248a67cadd555cb750521db03">
                    
                <li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3980"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>1788-FES dtd 13.01.2025</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3983"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>Notice for FSC</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3982"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>1511-FES Dt 02-12-2024</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3985"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>EWaste Notification_0001</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3986"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>1221 - FES - 11012(99)/1/2023</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3987"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>No. 1784-FES dtd 13.01.2025</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3988"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>14/FES-99/5/2025-ADLS(FES)</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3989"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>1735/FES-99/162/2024</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3990"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>2378/FES-99/54/2022</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3992"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>15/FES-99/6/2020-SECTION (FES)</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3994"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>14/FES-99/5/2025-ADLS(FES)</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3995"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>I521/FES/O/1C-1/MISC-8/2023</a></li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="list" data-objecttype="list_item" id="a248d0a6248a67cadd555cb750521db03"><a href="/webomagic/getFile?fid=3996"><span class="bullet_icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
  <path d="M6.65942 17.3052L11.6594 12.3052L6.65942 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M13.6594 17.3052L18.6594 12.3052L13.6594 7.30518" stroke="#005FAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
               </span>2265/FES-99/5/2025</a></li></ul>
            </div>
        </div>
    </div>

    <div class="card_notice_box mt-3">
        <div class="dro_search0">
            <div class="notice_header">
                <h4>Map</h4>
            </div>

            <a href="/Maps" class="search_label0">
                <img async alt='image'  src="/webomagic/getFile?fid=1538" class="map_image2 dynamic_field" data-fieldname="map_image2" data-dummy-value="label" data-objecttype="image" alt="dummy image" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="a324556bb300bab7d5d544a363fb30823">
                </img>
            </a>
        </div>
    </div>


    <div class="card_notice_box mt-3">
        <div class="for_helpdesinner">
            <div class="notice_header">
                <h4 class="dynamic_field" data-fieldname="helpdesk_heading" data-objecttype="text" data-dummy-value="Helpdesk" style=";height:;width:;margin:;padding:;" id="ab8ac53e0a5266e3b48197d3896b251af">Contact for fire license</h4>
            </div>

            <h4 class="py-3 px-4 d-block">
              Email: <a class="dynamic_field" data-fieldname="helpdesk_email" data-objecttype="text" data-dummy-value="placeholder@gmail.com" style=";height:;width:;margin:;padding:;" id="aa28d4f7f849ed90227e42a5e3e300bf">utpalbhadra2009@gmail.com</a>
              </h4>

            <h4 class="py-3 px-4 d-block">
              Phone: <a class="dynamic_field" data-fieldname="helpdesk_phone" data-objecttype="text" data-dummy-value="033-1234-5678" style=";height:;width:;margin:;padding:;" id="aa94e16600bfdf0746b34a4e8ffaabdbb">033-2359-4331</a>
              </h4>
        </div>
    </div>
    
    <div class="card_notice_box mt-3">
        <div class="for_helpdesinner">
            <div class="notice_header">
                <h4 class="dynamic_field" data-fieldname="helpdesk_heading_2" data-objecttype="text" data-dummy-value="Helpdesk" style=";height:;width:;margin:;padding:;" id="a2544b1d7791f6b8aac1de1bbfd7e9f01">Contact for FSR/FSC</h4>
            </div>

            <h4 class="py-3 px-4 d-block">
              Email: <a class="dynamic_field" data-fieldname="helpdesk_email_2" data-objecttype="text" data-dummy-value="placeholder@gmail.com" style=";height:;width:;margin:;padding:;" id="ac242bc4100a38048478041870d9526bb">director.wbfes@gmail.com</a>
              </h4>

            <h4 class="py-3 px-4 d-block">
              Phone: <a class="dynamic_field" data-fieldname="helpdesk_phone_2" data-objecttype="text" data-dummy-value="033-1234-5678" style=";height:;width:;margin:;padding:;" id="a83e1d75a378050ef9762131652fca421">033-2252-8103, 033-2252-1165 (Ext. – 258)</a>
              </h4>
        </div>
    </div>


</div></div>
    </div>
    </div>
</section>
                        <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('column_right');</script></div>

                                

                                



                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${field.layoutData.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script  th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->
<!--                                    </th:block>-->
                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->



                                    <style>.widget_104 .notice_point > ul { margin-bottom: 0 }
.widget_104 .notice_header > h4 { background: var(--light-blue); color: var(--theme-primary-bg); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; padding: 12px 20px }
.widget_104 .card_notice_box { background: var(--bg-gray) }
.widget_104 .notice_point > ul > li { color: var(--light-blue); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 8px }
.widget_104 .notice_point > ul > li.big { color: var(--clr-primary); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; list-style: none }
.widget_104 .notice_point > ul > li.small { color: var(--clr-primary); font-family: var(--theme_text_font); font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; list-style: none }
.widget_104 .main_category { display: grid; grid-template-columns: repeat(3, 2fr) }
.widget_104 .category_box { border: 1px solid rgb(206, 206, 206); background: rgb(250, 250, 250); text-align: center; padding: 12px 20px }
.widget_104 .cat_txt > h4 { color: rgb(0, 0, 0); font-family: var(--theme_text_font); text-align: center; font-size: calc(16px * var(--multi)); font-style: normal; font-weight: 500; line-height: 100% }
.widget_104 .cat_icon { margin-bottom: 20px }
.widget_104 .dro_search { background: rgb(0, 95, 174); padding: 12px 20px; margin-top: 30px }
.widget_104 .search_label > h4 { color: var(--theme-primary-bg); font-family: var(--theme_text_font); font-style: normal; font-weight: 600; line-height: normal }
.widget_104 .search_areas > select { border-radius: 6px; background: var(--theme-primary-bg); width: 100%; padding: 8px 20px; outline: none }
.widget_104 .search_areas { display: flex }
.widget_104 .search_areas > button { border-radius: 6px; background: rgb(19, 19, 19); color: var(--theme-primary-bg); font-family: var(--theme_text_font); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; border: none; outline: none; padding: 8px 12px; margin-left: 5px }
.widget_104 .card_notice_box { border: 2px solid rgb(0, 95, 174); border-radius: 12px; overflow: hidden }
.widget_104 .notice_point > ul > li > a { border-bottom: 1px dashed rgb(0, 95, 174); display: block; color: rgb(0, 95, 174); font-size: calc(15px * var(--multi)); padding: 10px 15px }
.widget_104 .notice_point > ul > li { list-style: none; margin-bottom: 0 !important }
.widget_104 .notice_point { padding: 10px 10px }
.widget_104 .notice_point > ul { padding-left: 0px !important; margin-bottom: 0px !important }
.widget_104 .notice_header ~ h4 { margin-bottom: -10px; font-size: 13px !important }
.widget_104 .for_helpdesinner { padding-bottom: 14px }
</style>

                                    
                                        
                                    


                                    
                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                    
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${columnContent.customWidget.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script   th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->

<!--

    </th:block>-->

<!--                                    <th:block th:if="${field.layoutData.widgetFieldObject.fields!=null}">-->


<!--                                    </th:block>-->
                                

                            

                        


                            


                                
                                    <div><script >console.log('column_mid');</script></div>

                                

                                



                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${field.layoutData.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script  th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->
<!--                                    </th:block>-->
                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->



                                    <style>.widget_111 .main_category { display: grid; grid-template-columns: repeat(3, 2fr); gap: 18px }
.widget_111 .cat_icon img { width: 100%; max-width: 36px }
.widget_111 .category_box { border: 1px solid rgb(206, 206, 206); background: rgb(250, 250, 250); text-align: center; padding: 12px 20px; border-radius: 5px }
.widget_111 .cat_txt > h4 { color: white !important; font-family: var(--theme_text_font); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100% }
.widget_111 .cat_icon { margin-bottom: 20px }
.widget_111 .we-save-heading > h4 { color: rgb(255, 255, 255); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; margin-bottom: 0px }
.widget_111 .we_save_content > p { color: rgb(51, 51, 51); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 160% }
.widget_111 .we-save-heading { border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 14px; margin-bottom: 20px }
.widget_111 .we-save-areas { margin-top: 45px }
.widget_111 .card_notice_box { padding-bottom: 20px }
.widget_111 .inner_youtube_videos { border-radius: 24px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0.47) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat; overflow: hidden }
.widget_111 .we-save-areas { margin-top: 45px; margin-bottom: 52px }
.widget_111 .we-save-areas { border: 2px solid rgb(0, 95, 174); border-radius: 12px; overflow: hidden }
.widget_111 .we-save-heading { background: var(--light-blue); color: var(--theme-primary-bg); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; padding: 12px 20px; border-bottom: 0px !important }
.widget_111 .we_save_content { padding: 0px 10px 10px 10px }
.widget_111 .we-save-areas { margin-top: 20px !important }
.widget_111 .category_box { padding: 30px 10px }
.widget_111 .main_category_areas { margin-left: 15px; margin-right: 15px }
.widget_111 .we-save-areas { margin-left: 15px; margin-right: 15px }
.widget_111 .category_box { border-radius: 12px !important }
@media only screen and (max-width: 400px) and (min-width: 300px) {
.widget_111 .main_category { display: grid; grid-template-columns: repeat(2, 2fr) }
}
</style>

                                    
                                        
                                    


                                    
                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                    
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${columnContent.customWidget.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script   th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->

<!--

    </th:block>-->

<!--                                    <th:block th:if="${field.layoutData.widgetFieldObject.fields!=null}">-->


<!--                                    </th:block>-->
                                

                            

                        


                            


                                
                                    <div><script >console.log('column_left');</script></div>

                                

                                



                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${field.layoutData.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script  th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->
<!--                                    </th:block>-->
                                    <!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE-->



                                    <style>.widget_284 .notice_point > ul { margin-bottom: 0 }
.widget_284 .notice_header > h4 { background: var(--light-blue); color: var(--theme-primary-bg); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 600; line-height: 100%; padding: 12px 20px }
.widget_284 .card_notice_box { background: var(--bg-gray) }
.widget_284 .notice_point > ul > li { color: var(--light-blue); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 8px }
.widget_284 .notice_point > ul > li.big { color: var(--clr-primary); font-family: var(--theme_text_font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; list-style: none }
.widget_284 .notice_point > ul > li.small { color: var(--clr-primary); font-family: var(--theme_text_font); font-size: 12px; font-style: normal; font-weight: 500; line-height: 140%; list-style: none }
.widget_284 .main_category { display: grid; grid-template-columns: repeat(3, 2fr) }
.widget_284 .category_box { border: 1px solid rgb(206, 206, 206); background: rgb(250, 250, 250); text-align: center; padding: 12px 20px }
.widget_284 .cat_txt > h4 { color: rgb(0, 0, 0); font-family: var(--theme_text_font); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100% }
.widget_284 .cat_icon { margin-bottom: 20px }
.widget_284 .container { width: 320px; background-color: rgb(224, 224, 224); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 15px 20px 10px 20px; overflow: auto }
.widget_284 .item { color: rgb(255, 255, 255); font-size: calc(16px * var(--multi)); border-radius: 5px; cursor: pointer; margin-bottom: 14px }
.widget_284 .item:last-child { margin-bottom: 0 }
.widget_284 .item a { text-decoration: none !important; color: rgb(255, 255, 255); display: flex; align-items: center; padding: 10px }
.widget_284 .item i { margin-right: 10px; font-size: 20px }
.widget_284 .card_notice_box { border: 2px solid rgb(0, 95, 174); border-radius: 12px; overflow: hidden }
.widget_284 .notice_point { padding: 10px 10px }
</style>

                                    
                                        
                                    


                                    
                                        
                                            <div></div>

                                        
                                            <div></div>

                                        
                                    
<!--                                    <th:block th:if="${field.layoutData.customWidgetLibraryList!=null}">-->

<!--                                        <th:block th:each="library2: ${columnContent.customWidget.customWidgetLibraryList}" >-->
<!--                                            <th:block th:if="${library2.resourceType=='js'}">-->
<!--                                                <script   th:src="${library2.link}"> </script>-->
<!--                                            </th:block>-->
<!--                                            <th:block th:if="${library2.resourceType=='css'}">-->
<!--                                                <link media="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                                            </th:block>-->
<!--                                        </th:block>-->

<!--

    </th:block>-->

<!--                                    <th:block th:if="${field.layoutData.widgetFieldObject.fields!=null}">-->


<!--                                    </th:block>-->
                                

                            

                        

                        

                    
<!--    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="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_306 .minister_img > img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 20px }
.widget_306 .minister_img { text-align: center }
.widget_306 .minister_header { text-align: center }
.widget_306 .minister_body { text-align: center }
.widget_306 .minister_wrapers { border-radius: 20px; text-align: center; border: 1px solid var(--quaternary_color); background: var(--secondary_bg); padding: 40px 15px; display: flex; flex-direction: column; align-items: center; border: 2px solid var(--quaternary_color); transition: all 0.5s; height: 100%; justify-content: flex-start }
.widget_306 .minister_header h4 { font-size: calc(var(--secondary_text) * var(--multi)); color: var(--quaternary_color) }
.widget_306 .minister_body p { font-size: calc(var(--quinary_heading) * var(--multi)); color: var(--quaternary_color); margin-bottom: 4px }
.widget_306 .minister_wrapers.head_minister { position: relative; top: -70px }
.widget_306 .minister_section { padding-top: 50px; padding-bottom: 50px }
.widget_306 .mobile_top { display: none }
.widget_306 .desk_top { display: block }
.widget_306 .wrapr_row.row { flex-wrap: wrap; flex-direction: row; align-content: stretch; justify-content: space-between }
@media only screen and (max-width: 765px) and (min-width: 300px) {
.widget_306 .inner_wrapers.left_time { justify-content: center }
.widget_306 .left_logo > img { width: 100% }
.widget_306 .inner_wrapers.left_logo { height: 100%; align-items: center; display: flex }
.widget_306 .right_logo > img { width: 100% }
.widget_306 .menu > ul { display: none }
.widget_306 .humber_ger_btn { display: block }
.widget_306 .minister_wrapers.head_minister { position: relative; top: 0px }
.widget_306 .minister_section { padding-top: 50px }
.widget_306 .mobile_top { display: block }
.widget_306 .desk_top { display: none }
}
.widget_306 .minister_wrapers a { color: var(--quaternary_color); text-decoration: underline !important }
.widget_306 .pr_4 .minister_img img, .pr_5 .minister_img img { display: none }
@media only screen and (max-width: 900px) and (min-width: 300px) {
.widget_306 .minister_wrapers.head_minister { top: 0px }
}
</style>



                        <section dragable="true" id="widget_8" class="widget widget_306" style="sectionHidden:false;padding:0;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;">
  <div class="minister_section ">
  <div class="temp dynamic_field d-none" data-fieldname="list" data-objecttype="text" data-dummy-value="sjla" id="dynamic_16" style=";height:;width:;margin:;padding:;">sjla</div>
  <div class="container">
      <div class="row wrapr_row">
          <div class="col-lg-4 col-md-6 col-12 mb-3 mobile_top pr_1">
              <div class="minister_wrapers head_minister">
                  <div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=1592" alt=""> </img>
                  </div>
                  <div class="minister_header">
                      <h4>Shri Sujit Bose</h4> </div>
                  <div class="minister_body">
                      <p class="designation">Minister of State (Independent Charge)</p>
                      <p class="contact">Contact Number: <a>033-2337-3728</a></p>
                      <p class="email">Email: <a href="mailto:mosicfiredepartment@gmail.com">mosicfiredepartment@gmail.com</a></p>
                      <p class="address"> Newtown Fire Station Building (2nd &amp; 3rd Floor) CF-7, Street Number 175, Action Area 1C, New Town, West Bengal - 700156 </p>
                  </div>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12 mb-3 pr_2">
              <div class="minister_wrapers ">
                  <div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=1599" alt=""> </img>
                  </div>
                  <div class="minister_header">
                      <h4>Shri Khalil Ahmed, IAS</h4> </div>
                  <div class="minister_body">
                      <p class="designation">Principal Secretary</p>
                      <p class="contact">Contact Number: <a>033-2358-1130</a></p>
                      <p class="email">Email: <a href="mailto:mosicfiredepartment@gmail.com">firedepartment@rediffmail.com</a></p>
                      <p class="address"> Newtown Fire Station Building (2nd &amp; 3rd Floor) CF-7, Street Number 175, Action Area 1C, New Town, West Bengal - 700156 </p>
                  </div>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12 mb-3 desk_top pr_1">
              <div class="minister_wrapers head_minister">
                  <div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=1592" alt=""> </img>
                  </div>
                  <div class="minister_header">
                      <h4>Shri Sujit Bose</h4> </div>
                  <div class="minister_body">
                      <p class="designation">Minister of State (Independent Charge)</p>
                      <p class="contact">Contact Number: <a>033-2337-3728</a></p>
                      <p class="email">Email: <a href="mailto:mosicfiredepartment@gmail.com">mosicfiredepartment@gmail.com</a></p>
                      <p class="address"> Newtown Fire Station Building (2nd &amp; 3rd Floor) CF-7, Street Number 175, Action Area 1C, New Town, West Bengal - 700156 </p>
                  </div>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12 mb-3 pr_3">
              <div class="minister_wrapers  ">
                  <div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=3977" alt=""> </img>
                  </div>
                  <div class="minister_header">
                      <h4>Ranvir Kumar, IPS</h4> </div>
                  <div class="minister_body">
                      <p class="designation">Director General, West Bengal Fire &amp; Emergency Services</p>
                      <p class="contact">Contact Number: <a>2252 7172</a></p>
                      <p class="email">Email: <a href="mailto:dg.wbfes@gmail.com">dg.wbfes@gmail.com</a></p>
                      <p class="address"> 13D, Mirza Ghalib Street, Kolkata - 700016 </p>
                  </div>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12 mb-3 ">
              <div class="minister_wrapers  ">
                  <div class="pr_3_4">
                    <!--div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=1499" alt=""> </img></div-->
                    <div class="minister_header">
                      <h4>Shri Utpal Bhadra, IAS.</h4> 
                    </div>
                    <div class="minister_body">
                        <p class="designation">Senior Special Secretary</p>
                        <p class="contact">Contact Number: <a>033-2359-4331</a></p>
                        <p class="email">Email: <a href="mailto:utpalbhadra2009@gmail.com">utpalbhadra2009@gmail.com</a></p>
                        <p class="address"> </p>
                    </div>
                  </div>
                  <br /><br />
                 <div class="pr_4">
                    <div class="minister_header">
                        <h4>Shri Sudip Mukherjee, Additional Secretary</h4> 
                    </div>
                    <div class="minister_body">
                        <p class="designation">Nodal Officer (Department)</p>
                        <p class="contact">Contact Number: <a>033-2359-4331</a></p>
                        <p class="email">Email: <a href="mailto:js.fes.wb@gmail.com">js.fes.wb@gmail.com</a></p>
                        <p class="address"> </p>
                    </div>
                  </div>
              </div>
          </div>
          <div class="col-lg-4 col-md-6 col-12 mb-3 ">
              <div class="minister_wrapers  ">
                <div class="pr_4_5">
                    <!--div class="minister_img"> <img async alt='image'  src="/webomagic/getFile?fid=1499" alt=""> </img></div-->
                  <div class="minister_header">
                    <h4>Shri Niladri Chakraborty, IPS</h4> 
                  </div>
                  <div class="minister_body">
                      <p class="designation">Additional Director General, West Bengal Fire &amp; Emergency Services</p>
                      <p class="contact">Contact Number: <a>033-2252-8103, 033-2252-1165 (Ext. – 210)</a></p>
                      <p class="email">Email: <a href="mailto:adg.fes-wb@bangla.gov.in">adg.fes-wb@bangla.gov.in</a></p>
                      <!--p class="address"> 13 D,Mirza Ghalib Street,Kolkata-700016  </p-->
                  </div>
                </div>  
                
                <br /> <br />
                <div class="pr_5">
                  <div class="minister_header">
                    <h4>Shri Abhijit Pandey, Director</h4> 
                  </div>
                  <div class="minister_body">
                      <p class="designation">Nodal Officer (Directorate)</p>
                      <p class="contact">Contact Number: <a>033-2252-8103, 2252 1165 (Ext. – 258)</a></p>
                      <p class="email">Email: <a href="mailto:director.wbfes@gmail.com">director.wbfes@gmail.com</a></p>
                      <p class="address">  </p>
                  </div>
                </div>
                  
              </div>
          </div>
      </div>
  </div>
</div>
</section>
                        <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('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="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_312 .footer_image_wraper img { width: 100% }
.widget_312 .section_banner img { width: 100% }
.widget_312 .footer_image_wraper > img { width: 200px }
.widget_312 .footer_image_wraper { display: flex; align-items: center; justify-content: center; height: 100% }
.widget_312 .footer_image_wraper.width-100 { height: 100% }
.widget_312 .footer_image_wraper.width-100 > img { width: 100% !important }
.widget_312 .footer_image_wraper { border-radius: 20px; border: 2px solid var(--secondary_color); background: var(--quaternary_color); box-shadow: 0px 9px 32px 0px rgba(0, 95, 174, 0.33); padding: 30px 0px }
.widget_312 .full_footer_header > h2 { color: var(--quaternary_color); font-family: Inter; font-size: 25px; font-style: normal; font-weight: 600; line-height: 100% }
.widget_312 .full_footer_header > p { color: var(--quaternary_color); font-family: Inter; font-size: var(--quaternary_heading); font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 0 }
.widget_312 .top_footer_section { padding-top: 60px; padding-bottom: 50px }
.widget_312 .section_banner { position: relative }
.widget_312 .bottom_footer_section { }
.widget_312 .section_banner img { width: 100%; min-height: 80px }
@media only screen and (max-width: 651px) and (min-width: 300px) {
.widget_312 .footer_image_wraper > img { width: 160px }
.widget_312 .bottom_footer_section { position: static }
.widget_312 .top_footer_section { padding-top: 60px; padding-bottom: 50px }
.widget_312 .top_footer_section { margin-bottom: 45px }
}
</style>



                        <section dragable="true" id="widget_9" class="widget widget_312" style="sectionHidden:false;padding:0;margin:0;background:#92a8bf;backgroundImage:;sectionCustomCss:    padding: 10px 2rem;     margin: ;     background: url(/webomagic/getFile?fid=1633&amp;view=true);     background-image: ;     padding-bottom: 70px;     background-size: cover;;    padding: 10px 2rem;     margin: ;     background: url(/webomagic/getFile?fid=1633&amp;view=true);     background-image: ;     padding-bottom: 70px;     background-size: cover;;">
    <div class="section_banner ">
        <div class="top_footer_section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="full_footer_header">
                            <h2 class="dynamic_field" data-fieldname="heading_one" data-objecttype="text" data-dummy-value="Related Links" id="dynamic_17" style=";height:;width:;margin:;padding:;">Related Links</h2>
                            <p class="dynamic_field" data-fieldname="sub_heading" data-objecttype="text" data-dummy-value="Authority department or Agency with their website Link" id="dynamic_18" style=";height:;width:;margin:;padding:;">Authority department or Agency with their website Link</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom_footer_section">
            <div class="container">
                <div class="row dynamic_field dynamic_list" data-fieldname="banner_image_list" data-objecttype="list" data-dummy-value="Related Links" data-uniq="270490081" id="dynamic_19" style=";height:;width:;margin:;padding:;">
                    
                <div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://bsk.wb.gov.in/">
                                <img async alt='image'  src="/webomagic/getFile?fid=1635" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div><div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://silpasathi.wb.gov.in/">
                                <img async alt='image'  src="/webomagic/getFile?fid=1636" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div><div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://www.wb.gov.in/">
                                <img async alt='image'  src="/webomagic/getFile?fid=1637" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div><div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://eOffice.wb.gov.in">
                                <img async alt='image'  src="/webomagic/getFile?fid=2215" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div><div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://finance.wb.gov.in/">
                                <img async alt='image'  src="/webomagic/getFile?fid=2216" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div><div class="col-lg-4 mb-4 repeatable dynamic_field dynamic_list_items" data-fieldname="banner_image_list" data-objecttype="list_item" id="dynamic_20" style=";height:;width:;margin:;padding:;">
                        <div class="footer_image_wraper "> 
                            <a href="https://wbhealthscheme.gov.in/">
                                <img async alt='image'  src="/webomagic/getFile?fid=2259" alt="new" class="img-fluid"> </img>
                            </a>
                        </div>
                    </div></div>
            </div>
        </div>
    </div>
</section>
                        <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('sub_heading');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('heading_one');</script></div>

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('banner_image_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="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_289 .footer_above { display: flex; justify-content: space-between }
.widget_289 .footer_above { background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); padding: 28px 30px 5px; font-size: 14px }
.widget_289 .footer_above .address { margin-bottom: 10px; display: flex; flex-direction: column; align-items: baseline; justify-content: center }
.widget_289 .footer_above .social-links { display: flex; gap: 10px; margin: 10px 0; flex-wrap: wrap; justify-content: end }
.widget_289 .footer_above .social-links a { display: inline-block; width: 30px; height: 30px; background-color: rgb(255, 255, 255); border-radius: 50%; text-align: center; line-height: 30px; color: rgb(34, 34, 34); text-decoration: none; font-size: 16px }
.widget_289 .footer_above .social-links a:hover { background-color: rgb(0, 115, 230); color: rgb(255, 255, 255) }
.widget_289 .footer_above .legal { font-size: 12px; margin-top: 10px }
.widget_289 .footer_above .feedback-btn { display: inline-block; background-color: rgb(76, 175, 80); color: rgb(255, 255, 255); padding: 5px 10px; text-decoration: none; border-radius: 3px; margin: 10px 0 }
.widget_289 .footer_above .feedback-btn:hover { background-color: rgb(69, 160, 73) }
.widget_289 .social_links_heading { width: 100%; text-align: right; margin: 0 }
.widget_289 .social-links img { width: 100% }
.widget_289 .footer_above .address { margin: 0 auto; align-items: center; justify-content: center }
</style>



                        <section dragable="true" id="widget_10" class="widget widget_289" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="footer_above">
        <div class="dynamic_field d-none" data-fieldname="dds" data-objecttype="text" data-dummy-value="vdsvds" id="dynamic_21" style=";height:;width:;margin:;padding:;display:none !important;">vdsvds</div>
        <div class="address"> 
        <strong> Fire and Emergency Services Department </strong> 
        <strong>Newtown Fire Station Building (2nd & 3rd Floor)</strong> 
        <span>CF-7, Street Number 175, Action Area 1C, New Town, West Bengal - 700156</span> </div>
        <!--div class="social-links">
            <h3 class="social_links_heading">Social Links</h3>
            <a href="facebook" title="Facebook"><img async alt='image'  src="https://www.wburbanservices.gov.in/images/facebook.png" /></a>
            <a href="settings.linkdin" title="LinkedIn"><img async alt='image'  src="https://www.wburbanservices.gov.in/images/linkedin.png" /></a>
            <a href="twitter" title="Twitter"><img async alt='image'  src="/webomagic/getFile?fid=1350" /></a>
        </div-->
    </div>
</section>
                        <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('dds');</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="screen"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_290 .footer_bellow { text-align: center; background: rgb(34, 34, 34); color: white; padding: 20px }
.widget_290 .visitor_count { color: white !important; margin-bottom: 10px }
.widget_290 .visitor_count strong { }
.widget_290 .disclaimer { }
.widget_290 .footer_link { display: flex; justify-content: space-between; border-top: 1px solid white; margin-top: 20px; padding-top: 15px }
.widget_290 .footer_link a { color: white }
.widget_290 .left_link { }
.widget_290 .center_link { }
</style>



                        <section dragable="true" id="widget_11" class="widget widget_290" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="footer_bellow">
        <div class="dynamic_field" data-fieldname="dds" data-objecttype="text" data-dummy-value="vdsvds" id="dynamic_22" style=";height:;width:;margin:;padding:;display:none !important;">vdsvds</div>
        <p class="visitor_count"> Visitor Counter: <strong id="vc"></strong> | Launch Date:
        <strong> 20/01/2025 </strong> | Last Update on: 
        <strong> 30/01/2025 </strong> </p>
        <div class="disclaimer"> <strong>Legal Disclaimer:</strong> 
        All efforts have been made to make the information as accurate as possible. Fire and Emergency Services Department, Govt. of West Bengal will not be responsible for any loss/damage to any person caused by inaccuracy in the information available on this Website. Any discrepancy found may be brought to the notice  Fire and Emergency Services Department Govt. of West Bengal forthwith for necessary rectification.
         </div>
        <div class="footer_link">
            <div class="left_link"> <a href="">Home</a> | <a href="/Our_History?language=en">History</a> | <a href="Copyright_Policy">Copyright Policy</a> | <a href="term_of_use">Terms of Use</a> | <a href="sitemap">Sitemap</a>                </div>
            <div class="center_link"> © Copyright @ Fire and Emergency Services Department | Powered by WTL </div>
        </div>
    </div>
    
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{let url=document.location.origin+"/webomagic/visitorCount"
  $.ajax({
    url: url,
    type: "GET",
    data: null,
    processData: false,
    contentType: false,
    success: function (response) {
      // console.log("Success:", response);
      $("#vc").html(response.data);

    },
    error: function (xhr, status, error) {
      console.error("Error:", status, error);
      // Handle the error
      errorCb(xhr, status, error);
    }
  });
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('dds');</script></div>

                                

                                

                            

                        

                        

                    

                </div>


            </div>
        </div>

    </div>
</div>
<div id="custom_widget_js" ></div>
<!-- website display -->
<!--
<script
        src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
        crossorigin="anonymous" defer
></script>
<link media="screen"
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
        crossorigin="anonymous" defer
/>-->
<!--<script th:src="@{/view_web_page.js}" defer></script>-->

<script>
<!--    $(window).on("load", function(){-->
<!--        $(".loader_cont").hide();-->
<!--    })-->
</script>
</body>

</html>
