
<!DOCTYPE html>
<html>



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

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

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

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

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

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

    <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');
@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');
@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');
@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');


    :root{
        --primary_radius : 15px;
--secondary_heading : 32px;
--secondary_font_local : secondary font local;
--secondary_bg : #FFFFFF;
--secondary_fw : 800;
--quinary_bg : #FFFFFF;
--secondary_text : 18px;
--secondary_radius : 25px;
--tertiary_font : Poppins;
--quinary_heading : 14px;
--quinary_font : Poppins;
--primary_font : Tinos;
--quaternary_heading : 16px;
--tertiary_color : #FFFFFF;
--quaternary_text : 12px;
--quaternary_color : #FFFFFF;
--quinary_fw : 300;
--quinary_font_local : quinary font local;
--primary_color : #F8F8F8;
--multi : 1;
--tertiary_heading : 20px;
--quaternary_font_local : quaternary font local;
--primary_font_local : primary font local;
--tertiary_bg : #FFFFFF;
--secondery_font : Poppins;
--quaternary_fw : 600;
--primary_heading : 55px;
--quinary_radius : 25px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--quinary_text : 10px;
--primary_bg : #e82626;
--tertiary_radius : 25px;
--quaternary_radius : 50px;
--tertiary_font_local : tertiary_font_local;
--quinary_color : #FFFFFF;
--secondary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_fw : 900;
--quaternary_font : Poppins;

    }

    body.light , body .light{
        --primary_bg : #18bf39;
--tertiary_bg : #5c6a75;
--secondary_bg : #000222;
--quinary_bg : #ffffff;
--quinary_color : #000000;
--secondary_color : #2f9bf9;
--tertiary_color : #6c757d;
--quaternary_color : #ffffff;
--quaternary_bg : #00ffbf;
--primary_color : #0b0c0f;

    }

    body.dark,body .dark{
        --primary_bg : #18bf39;
--tertiary_bg : #5c6a75;
--secondary_bg : #000222;
--quinary_bg : #ffffff;
--quinary_color : #000000;
--secondary_color : #2f9bf9;
--tertiary_color : #6c757d;
--quaternary_color : #ffffff;
--quaternary_bg : #00ffbf;
--primary_color : #0b0c0f;

    }
</style>

    
        
            <script  src="https://cdn.jsdelivr.net/npm/google-translate@3.0.0/lib/main.min.js"> </script>
        
        
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=1209"> </link>
        
    
        
            <script  src="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=1212"> </script>
        
        
        
    
        
            <script  src="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=1210"> </script>
        
        
        
    
        
            <script  src="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=1211"> </script>
        
        
        
    
        
            <script  src="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=1213"> </script>
        
        
        
    
        
            <script  src="https://wbiwd.magicoweb.com:443/webomagic/getCssOrJsFile?fid=3465"> </script>
        
        
        
    

</head>

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


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






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

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

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_331 * { padding: 0px }
.widget_331 * { margin: 0; padding: 0; box-sizing: border-box; text-decoration: none }
.widget_331 .top-bar { background: rgb(211, 205, 205); padding: 8px 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap }
.widget_331 .top-bar .left { display: flex; justify-content: space-between; align-items: center; gap: 50px }
.widget_331 .left_in { display: flex; justify-content: space-between; align-items: center }
.widget_331 .mode button { margin: 2px; padding: 5px 10px; border: none; cursor: pointer }
.widget_331 .mode button { background: rgb(238, 238, 238) }
.widget_331 .mode .light-toggle { background: rgb(255, 255, 255); height: 15px; border-radius: 2px; border: 1px solid rgb(12, 11, 11) }
.widget_331 .mode .dark-toggle { background: rgb(34, 34, 34); height: 15px; border-radius: 2px; border: 1px solid rgb(255, 252, 252) }
.widget_331 .top-bar .right button { margin-left: 10px; padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px }
.widget_331 .left_in i { gap: 10px }
.widget_331 .left_in a { color: rgb(5, 5, 5); margin-right: 20px }
.widget_331 .button_A button { background-color: rgb(211, 205, 205); border: 1px solid black; padding: 2px }
.widget_331 .button_A { margin-right: 20px }
.widget_331 .middle i { color: blue; gap: 10px }
.widget_331 .middle a { color: rgb(5, 5, 5); margin-right: 10px }
.widget_331 .btn-login { background: rgb(40, 167, 69); color: rgb(255, 255, 255) }
.widget_331 .btn-flood { background: rgb(26, 163, 74); color: rgb(255, 255, 255) }
.widget_331 .logo-bar { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; flex-wrap: wrap }
.widget_331 .logo-left { display: flex; justify-content: space-between; align-items: center }
.widget_331 .logo-left img { height: 50px; margin-right: 15px }
.widget_331 .logo-text { font-size: 20px; color: rgb(0, 85, 127) }
.widget_331 .logo-right { display: flex; justify-content: space-between; align-items: center; text-align: right }
.widget_331 nav { background: rgb(0, 74, 153) }
.widget_331 .nav-container { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 20px }
.widget_331 .nav-menu { display: flex; gap: 20px; list-style: none }
.widget_331 .nav-menu li { position: relative }
.widget_331 .nav-menu a { color: rgb(255, 255, 255); text-decoration: none; padding: 8px; display: block }
.widget_331 .dropdown-content { display: none; position: absolute; background-color: rgb(0, 51, 102); min-width: 150px; top: 35px; z-index: 1 }
.widget_331 .nav-menu li:hover .dropdown-content { display: block }
.widget_331 .toggle-btn { display: none; flex-direction: column; cursor: pointer }
.widget_331 .toggle-btn span { height: 3px; width: 25px; background: rgb(255, 255, 255); margin: 4px 0 }
.widget_331 .container { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 20px; gap: 20px }
.widget_331 .main-content { flex: 1 1 75%; display: flex; flex-direction: column; gap: 20px }
.widget_331 .carousel { position: relative; max-width: 100%; overflow: hidden; border-radius: 10px }
.widget_331 .slides { display: flex; transition: transform 0.5s ease-in-out }
.widget_331 .slides img { width: 100%; flex-shrink: 0 }
.widget_331 .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; z-index: 1 }
.widget_331 .prev { left: 10px }
.widget_331 .next { right: 10px }
.widget_331 .inner-content { display: flex; gap: 20px; flex-wrap: wrap }
.widget_331 .left-buttons { flex: 1 1 30%; display: flex; flex-direction: column; align-items: center; gap: 10px }
.widget_331 .left-buttons button { width: 100%; padding: 12px; font-size: 16px; border: none; border-radius: 6px; color: white; cursor: pointer }
.widget_331 .btn-pink { background: rgb(214, 51, 132) }
.widget_331 .btn-blue { background: rgb(13, 110, 253) }
.widget_331 .btn-green { background: rgb(25, 135, 84) }
.widget_331 .btn-yellow { background: rgb(255, 193, 7) }
.widget_331 .btn-orange { background: rgb(253, 126, 20) }
.widget_331 .btn-teal { background: rgb(32, 201, 151) }
.widget_331 .main-box { flex: 1 1 65%; background: rgb(255, 255, 255); padding: 15px; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) }
.widget_331 .button-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px }
.widget_331 .button-grid .btn { padding: 8px; border-radius: 5px; border: none; width: 150px; height: 50px; color: white }
.widget_331 .button-grid .red { background-color: rgb(68, 115, 197) }
.widget_331 .button-grid .green { background-color: rgb(115, 113, 113) }
.widget_331 .button-grid .blue { background-color: rgb(59, 132, 1) }
.widget_331 .button-grid .yellow { background-color: rgb(91, 156, 213) }
.widget_331 .button-grid .purple { background-color: rgb(79, 16, 0) }
.widget_331 .button-grid .teal { background-color: rgb(237, 125, 49) }
.widget_331 .button-grid .wb { background-color: rgb(68, 84, 107) }
.widget_331 .button-grid .eobd { background-color: rgb(4, 133, 165) }
.widget_331 .nextPartButton { margin: 0 auto }
.widget_331 .bigBtn button { width: 100%; height: 100px; border-radius: 8px; border: 2px solid black; margin-bottom: 16px }
.widget_331 .bigBtn.eServices { background-color: rgb(170, 136, 255) }
.widget_331 .bigBtn.irrigation { background-color: rgb(239, 74, 148) }
.widget_331 .bigBtn.grievances { background-color: rgb(107, 214, 214) }
.widget_331 .bigBtn.citizen { background-color: rgb(98, 165, 0) }
.widget_331 .bigBtn.whats { background-color: rgb(0, 95, 174) }
.widget_331 .bigBtn.eTendering { background-color: rgb(115, 113, 113) }
.widget_331 .e-services-box { width: 100%; max-width: 600px; margin: 20px auto; padding: 10px; border-radius: 6px; border: 1px solid rgb(204, 204, 204); overflow: hidden; background: rgb(255, 255, 255) }
.widget_331 .section-title { background: rgb(0, 85, 165); color: rgb(255, 255, 255); margin: 0; padding: 10px 15px; font-size: 16px; border-radius: 4px 4px 0 0 }
.widget_331 .carousel-wrapper { position: relative; display: flex; align-items: center; padding: 10px 0; overflow: hidden }
.widget_331 .carousel { display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth; padding: 10px 0 }
.widget_331 .e-card { flex: 0 0 auto; width: 150px; height: 100px; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(253, 246, 246); font-weight: bold; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease }
.widget_331 .e-card a { color: rgb(255, 255, 255) }
.widget_331 .e-card .icon { font-size: 32px; margin-bottom: 8px }
.widget_331 .purple { background-color: rgb(194, 153, 242); color: rgb(34, 34, 34) }
.widget_331 .pink { background-color: rgb(236, 64, 122) }
.widget_331 .teal { background-color: rgb(77, 208, 225); color: rgb(17, 17, 17) }
.widget_331 .carousel-btn { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 50%; width: 32px; height: 32px; font-size: 18px; cursor: pointer; z-index: 1; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: background 0.3s ease }
.widget_331 .carousel-btn:hover { background: rgb(240, 240, 240) }
.widget_331 .carousel-btn.left { margin-right: 10px }
.widget_331 .carousel-btn.right { margin-left: 10px }
.widget_331 .carousel::-webkit-scrollbar { display: none }
.widget_331 .carousel { -ms-overflow-style: none; scrollbar-width: none }
.widget_331 .graph, .graph2 { width: 100%; margin: 40px 0 }
.widget_331 .graph img, .graph2 img { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) }
.widget_331 .aside-right { flex: 1 1 20%; display: flex; flex-direction: column; align-items: center; gap: 20px }
.widget_331 .person-card { background: rgb(255, 255, 255); padding: 10px; border-radius: 6px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) }
.widget_331 .person-card img { width: 215px; max-height: 160px; object-fit: cover; border-radius: 6px }
.widget_331 .info-button { color: white; width: 215px; height: 63px; padding: 10px; border-radius: 6px; text-align: start; font-weight: bold }
.widget_331 .eve-btn { background-color: rgb(4, 133, 165) }
.widget_331 .irr-btn { background-color: rgb(1, 156, 226) }
.widget_331 .flo-btn { background-color: rgb(237, 125, 49) }
.widget_331 .new-btn { background-color: rgb(0, 152, 0) }
.widget_331 .gallery-section { width: 100%; max-width: 1440px; margin: 0 auto; background: rgb(255, 255, 255); padding: 20px; border-radius: 8px; border: 1px solid rgb(204, 204, 204) }
.widget_331 .gallery-title { background: rgb(0, 86, 179); color: rgb(255, 255, 255); padding: 10px; font-size: 18px; border-radius: 6px 6px 0 0; margin-bottom: 15px }
.widget_331 .gallery-slider-wrapper { position: relative; display: flex; align-items: center; overflow: hidden }
.widget_331 .gallery-slider { display: flex; gap: 15px; overflow-x: auto; scroll-behavior: smooth; padding: 10px 0; scrollbar-width: none }
.widget_331 .gallery-slider::-webkit-scrollbar { display: none }
.widget_331 .gallery-card { flex: 0 0 calc(20% - 10px); background: rgb(249, 249, 249); border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; text-align: center }
.widget_331 .gallery-card img { width: 100%; height: 120px; object-fit: cover }
.widget_331 .gallery-text { padding: 10px }
.widget_331 .gallery-text h4 { font-size: 14px; color: rgb(0, 86, 179); margin: 0 }
.widget_331 .gallery-text p { font-size: 12px; color: rgb(85, 85, 85); margin: 5px 0 0 }
.widget_331 .gallery-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgb(255, 255, 255); color: rgb(8, 8, 8); border: none; font-size: 20px; padding: 6px; border-radius: 50%; cursor: pointer; z-index: 1 }
.widget_331 .gallery-btn.left { left: 10px }
.widget_331 .gallery-btn.right { right: 10px }
.widget_331 .quick-links-section { width: 100%; max-width: 1440px; margin: 0 auto; background: rgb(255, 255, 255); padding: 20px; border-radius: 8px; border: 1px solid rgb(204, 204, 204); margin-top: 20px }
.widget_331 .quick-links-title { background: rgb(0, 86, 179); color: rgb(255, 255, 255); padding: 10px; font-size: 18px; border-radius: 6px 6px 0 0; margin-bottom: 15px }
.widget_331 .quick-links-wrapper { display: flex; align-items: center; position: relative; overflow: hidden }
.widget_331 .quick-links-slider { display: flex; gap: 25px; overflow-x: auto; scroll-behavior: smooth; padding: 10px 0; scrollbar-width: none }
.widget_331 .quick-links-slider::-webkit-scrollbar { display: none }
.widget_331 .quick-link-logo { flex: 0 0 auto; text-align: center; width: 120px }
.widget_331 .quick-link-logo img { max-width: 150px; height: auto; margin-bottom: 8px }
.widget_331 .quick-link-logo p { font-size: 13px; color: rgb(0, 0, 0); line-height: 1.2 }
.widget_331 .quick-btn { position: absolute; top: 50%; transform: translateY(-50%); background: white; color: rgb(37, 37, 37); border: none; font-size: 18px; padding: 6px 10px; border-radius: 50%; cursor: pointer; z-index: 2 }
.widget_331 .quick-btn.left { left: 10px }
.widget_331 .quick-btn.right { right: 10px }
.widget_331 .footer { background: rgb(0, 51, 102); color: rgb(255, 255, 255); padding: 30px 20px; margin-top: 20px }
.widget_331 .footer-container { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px }
.widget_331 .footer-column { flex: 1; min-width: 220px; margin-bottom: 20px }
.widget_331 .footer-column h3, .footer-column h4 { margin-bottom: 10px; color: rgb(255, 255, 255) }
.widget_331 .footer-column p, .footer-column ul, .footer-column a { color: rgb(204, 204, 204); font-size: 14px; line-height: 1.9 }
.widget_331 .footer-column ul { list-style: none; padding: 0 }
.widget_331 .footer-column ul li a { text-decoration: none; color: rgb(204, 204, 204); margin-bottom: 5px }
.widget_331 .footer-column ul li a:hover { color: rgb(255, 255, 255) }
.widget_331 .social-icons a { color: rgb(204, 204, 204); margin-right: 8px; text-decoration: none; font-size: 14px }
.widget_331 .social-icons a:hover { color: rgb(255, 255, 255) }
.widget_331 .footer-column input { padding: 8px; width: 70%; border: none; border-radius: 4px; margin-top: 10px }
.widget_331 .footer-column p { gap: 10px }
.widget_331 .footer-column button { padding: 8px 12px; background: red; border: none; color: white; cursor: pointer; margin-top: 5px }
.widget_331 .footer-bottom { text-align: center; margin-top: 30px; font-size: 13px; color: rgb(204, 204, 204) }
.widget_331 .footer-bottom a { color: rgb(204, 204, 204); text-decoration: none; margin: 0 5px }
.widget_331 .footer-bottom a:hover { color: rgb(255, 255, 255) }
.widget_331 .middle i { color: blue; gap: 10px }
.widget_331 .middle a { color: rgb(5, 5, 5); margin-right: 10px }
.widget_331 .inner_wrapers ul { left: 0; list-style: none; padding-left: 0 }
.widget_331 .btn-login { background: rgb(40, 167, 69); color: rgb(255, 255, 255) }
.widget_331 .btn-flood { background: rgb(26, 163, 74); color: rgb(255, 255, 255) }
.widget_331 .btn-assets { background: rgb(111, 66, 193); color: rgb(255, 255, 255) }
.widget_331 .inner_wrapers ul { margin-bottom: 0; gap: 13px }
.widget_331 .increment_decrement { display: flex }
.widget_331 .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_331 #current_clockbox { color: var(--quaternary_color); font-size: calc(var(--quaternary_text) * var(--multi)) }
.widget_331 .inner_wrapers.left_time { height: 100%; display: flex; align-items: center }
.widget_331 .top_header { background-color: var(--secondary_bg); padding: 8px 0px }
.widget_331 .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_331 .bottom_header { padding: 20px 0px; background-color: var(--primary_bg) }
.widget_331 .left_logo > img { width: 90% }
.widget_331 .left_logo { text-align: left }
.widget_331 .right_logo > img { width: 70px }
.widget_331 .right_logo { text-align: right }
.widget_331 .reader a { font-size: calc(var(--quaternary_text) * var(--multi)); text-decoration: none; color: blue; line-height: 1; margin-left: 6px }
.widget_331 .top_header { width: 100% }
.widget_331 .header { height: unset }
.widget_331 .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_331 .color-option { width: 13px; height: 14px; margin: 0 5px; border: 2px solid black; border-radius: 4px; cursor: pointer }
.widget_331 .color_white { color: white }
.widget_331 .language { position: relative }
.widget_331 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_331 .language:hover > ul > li { display: block }
.widget_331 ul.lang_drop_down > ul > li { display: none }
.widget_331 ul.lang_drop_down > li { display: none }
.widget_331 ul.lang_drop_down > li > a { color: rgb(34, 34, 34) !important; padding: 7px 0px; display: block }
.widget_331 .language:hover > a { color: rgb(253, 235, 44) }
.widget_331 .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_331 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_331 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_331 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_331 .date { display: flex; align-items: center; gap: 16px }
.widget_331 html body .color-white { background-color: white !important }
.widget_331 html body .color-pink { background-color: magenta !important }
.widget_331 html body .color-blue { background-color: blue !important }
.widget_331 html body .color-yellow { background-color: yellow !important }
.widget_331 .mob_language { display: none }
.widget_331 .nav-right { align-items: center; display: flex; justify-content: flex-end; gap: 10px; width: 100% }
.widget_331 .nav-right button { padding: 3px 10px !important; border: none; border-radius: 5px }
.widget_331 .f-text2 { font-family: Poppins; font-size: 14px; font-style: bold; font-weight: 600 }
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_331 section.widget { padding: 0px !important; margin: auto !important }
.widget_331 .user_name_header { display: none !important }
.widget_331 .justify-content-small-center { justify-content: center !important; margin-top: 10px }
.widget_331 .f-text2 { font-family: Poppins; font-size: 7px; font-style: bold !important; font-weight: 300 }
.widget_331 .mob_language > a { font-size: calc(8px * var(--multi)) !important }
.widget_331 .mob_language { display: block }
.widget_331 .right_ctc li { width: auto !important }
.widget_331 .login_button { width: 100%; display: flex; justify-content: flex-end }
.widget_331 .login_button_outer { display: flex; justify-content: flex-end; margin-right: 7% }
.widget_331 .login_button { width: auto }
.widget_331 .date > span { display: none }
.widget_331 a.fire_tag { font-size: 10px !important; padding: 3px 5px !important }
.widget_331 .user_name_header { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; max-width: 100px; margin-left: 8px; transform: translateY(2px) }
.widget_331 .reader, .reader.language, .increment_decrement, .inner_wrapers left_time { display: flex !important }
.widget_331 .inner_wrapers ul { margin-bottom: 0; gap: 0px }
.widget_331 .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_331 .accessibility_menu_color_change { display: flex; padding: 10px 4px; margin-right: 0px }
.widget_331 .login_button { border-radius: 2px; padding: 4px }
.widget_331 li.d-flex.reader.align-items-center.color_white.language > select { display: none }
.widget_331 li.d-flex.reader.align-items-center > a { display: none !important }
.widget_331 .widget_298 .inner_wrapers.left_time { justify-content: end }
.widget_331 .mob_language > a { margin-left: 0px !important; font-size: 12px !important }
.widget_331 .mob_language { display: flex; align-items: center; gap: 5px !important; padding: 0px 5px }
.widget_331 .increment_decrement.p-2.d-none0 { padding-right: 0px !important }
.widget_331 .color-option { padding: 5px 2px !important; margin: 0px 2px !important }
}
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_331 section.widget { padding: 0px !important; margin: auto !important }
}
</style>



                        <section dragable="true" id="widget_0" class="widget widget_331" style="sectionHidden:false;padding:0;margin:0;background:#d3cdcd;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 py-1">
              <div class="row w-100">
                <div class="col-lg-7 col-md-9 col-12  ">
                    <div class="inner_wrapers right_ctc">
                        <ul class="d-flex align-items-center justify-content-start">
                            <li class="d-flex reader  align-items-center f-text2" style="color:blue;"> <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="blue" /></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 f-text2">A+</button>
                                    <div class="get_val zoom_normal f-text2" id="alphabet">A</div>
                                    <button class="buttonDec zoom_out f-text2">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>
                                <div class="mx-3 middle d-flex justify-content-center f-text2">
                                    <a class="d-flex gap-3"><i class="fa-solid fa-phone"></i> +91 33 2321 6388</a>
                                    <!--<a class="d-flex gap-3"><i class="fa-solid fa-location-dot"></i> Location</a>
                                    <a class="d-flex gap-3"><i class="fa-solid fa-location-dot"></i> Help</a>-->
                                </div>
                            </li>
                            
                        </ul>
                    </div>
                </div>

                  <div class="col-lg-5 col-md-3 col-12 m-0">
                      <div class="inner_wrapers left_time flex-row-reverse justify-content-small-center">
                          <div class="date_section">
                              <!--<div class="date"> 
                                  <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>
                                    <div class="dynamic_field" data-fieldname="text" data-objecttype="text" data-dummy-value="abc">[[text]]</div>
                                    <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>
                                  </a>
                              </div> -->
                              <div class="right nav-right">
                                <a href="/admin_cms/"><button class="btn-login f-text2 p-3" style="height:30px"><i class="fa-solid fa-user"></i></button></a>
                                <button class="btn-flood f-text2 p-3" style="height:30px"><i class="fa-solid fa-calendar-days"></i></button>
                                
                            </div>
                          </div>
                      </div>
                  </div>
                  
              </div>
          </div>
      </div>
  </div>
</section>

<style>
@media only screen and (max-width: 768px) and (min-width: 300px) {
.inner_wrapers.left_time{
    justify-content: end;
}
.color-option {
    padding: 5px 2px !important;
    margin: 0px 2px !important;
}
}
</style>



<script >
  
    let url = window.location.href;
const dropdown = $('.lang_dd');

// Check if URL contains "?language=" and get the selected language
let selectedLang = url.includes("?language=") ? url.split("?language=")[1] : null;

// If no language is selected or the parameter is empty, set default to "English"
if (!selectedLang || selectedLang === "") {
    selectedLang = "en"; // Default language
}

// Set the dropdown value based on the selected language
$('#dropdown').val(`?language=${selectedLang}`);

function openLink() {
    const ddValue = dropdown.val();
    
    if (ddValue) {
        let language = ddValue.replace("?language=","")
        localStorage.setItem("website_language",language)
        window.location.href = ddValue; // Navigate to the selected language URL
    }
}
</script>

                        <script  defer>
 $(document).ready(function () {
  (()=>{let ls = localStorage.getItem("_wom_user") || '';
let userName = 'LOGIN';

if(ls) {
    let parsedLs = JSON.parse(ls);
    userName = parsedLs.name;
}

let substring = userName.length > 17 ? userName.substring(0, 17) + ".." : userName;
$(".user_name_header").html(substring);
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


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

                        
                        


                            


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

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_330 .main-ID-heading { height: auto }
.widget_330 .btn-assets { background: rgb(111, 66, 193); color: rgb(255, 255, 255); height: 60px; border-radius: 5px }
.widget_330 .f-text2 { font-family: Poppins; font-size: 14px; font-style: bold; font-weight: 600 }
.widget_330 .main_big_logo > a { line-height: auto; display: block }
.widget_330 .main_big_logo > a > img { width: 100% }
.widget_330 .right_logo { text-align: right }
.widget_330 .right_logo > a { line-height: auto; display: block }
.widget_330 .right_logo > a > img { width: 90px }
@media only screen and (max-width: 800px) and (min-width: 300px) {
.widget_330 .f-text2 { font-family: Poppins; font-size: 7px; font-style: bold; font-weight: 300 }
.widget_330 .logo_cont { }
.widget_330 .insignia_cont .right_logo a img { width: 100% }
.widget_330 .main_big_logo { height: 100%; display: flex; align-items: center }
}
</style>



                        <div dragable="true" class="widget widget_330" id="widget_1" style="sectionHidden:false;padding:0;margin:0px;background:#ffffff;backgroundImage:;sectionCustomCss:;">  
    <div class="main-ID-heading">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4 col-9 mb-0 logo_cont d-flex justify-content-start">
                    <div class="main_big_logo d-flex align-items-center">
                        <a href="/">
                            <img async alt='image'  style="min-height:50px;max-height:500px;min-height:50px;min-width:50px;;height:80%;width:80%;margin:;padding:;" class="dynamic_field" data-dummy-value="text" data-fieldname="image_url1" data-objecttype="image" src="/webomagic/getFile?fid=3940" alt="dummy image" srcset="" id="dynamic_1">
                        </img></a>
                        <div class="dynamic_field d-flex justify-content-center align-items-center" data-fieldname="text" data-objecttype="text" data-dummy-value="IRRIGATION &amp; WATERWAYS DEPARTMENT
GOVERNMENT OF WEST BENGAL" id="dynamic_2" style=";height:;width:;margin:;padding:;display:none !important;"><div>সেচ ও জলপথ দপ্তর<br>পশ্চিমবঙ্গ সরকার</br></div></div>
                    </div>
                </div>
                
                
                <div class="col-xl-4 col-lg-4 col-md-4 col-9 mb-0 logo_cont d-flex justify-content-start">
                    <div class="main_big_logo d-flex align-items-center">
                        <a href="/">
                            <img async alt='image'  style="min-height:50px;max-height:500px;min-height:50px;min-width:50px;;font-size:20px;font-family:;height:;width:;" class="dynamic_field" data-dummy-value="text" data-fieldname="image_url_mid" data-objecttype="image" src="/webomagic/getFile?fid=3940" alt="dummy image" srcset="" id="dynamic_3">
                        </img></a>
                        
                    </div>
                </div>
                
                
                <div class="col-xl-4 col-lg-4 col-md-6 col-3 insignia_cont d-flex justify-content-end">
                    <div class="right_logo d-flex align-items-center p-2 ">
                        <a class="d-none" href="#">
                            <img async alt='image'  style="min-height:50px;max-height:500px;min-height:50px;min-width:50px;;height:100%;width:100%;margin:;padding:;" class="dynamic_field pt-3" data-dummy-value="text" src="/webomagic/getFile?fid=3473" data-fieldname="image_url2" data-objecttype="image" alt="dummy image" srcset="" id="dynamic_4">
                        </img></a>
                        <button class="btn-assets f-text2 p-2">Submit Declaration of<br> Assets ( WBES &amp; WBSES )</br></button>
                        <div class="dynamic_field d-flex justify-content-center align-items-center" data-fieldname="text2" data-objecttype="text" data-dummy-value="Mamata Bandopadhyay&lt;p>
Hon'ble Chief Minister" id="dynamic_5" style=";height:;width:;margin:;padding:;display:none !important;"><div><strong>Mamata Bandopadhyay</strong></div>
<div>&#xa0;</div>
<div>&#xa0;</div>
<div>Hon'ble Chief Minister</div></div>
                    </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('')</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        

                        

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



                        <section dragable="true" id="widget_2" class="widget widget_339" style="sectionHidden:false;padding:0;margin:0;background:#004a99;backgroundImage:;sectionCustomCss:;">
    <div class="dynamic_field" data-fieldname="menu" data-objecttype="menu" data-uniq="722" id="dynamic_6" 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_5882d0ee96724ce5ad0ce0a4a16e558c"> <a class="nav-link" href="home?language=en">Home </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_e9515222a02a8d839a7e078e843a0d12"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              About Us          </a>
                            <ul class="dropdown-menu" id="sub_menu_e9515222a02a8d839a7e078e843a0d12"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="https://wbiwd.magicoweb.com/About">History</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="State_Features?language=en">State Features</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Irrigation_Section?language=en">Irrigation Sector</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Flood_Management_Section?language=en">Flood Management Sector</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Organization Chart</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">User Address Details</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="PR__amp__S_Cell?language=en">PRS Cell</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="RRI?language=en">R.R.I</a> </li></ul>
                        </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_922a3e5431be3c8c3f4fede3960f26a1"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              Downloads          </a>
                            <ul class="dropdown-menu" id="sub_menu_922a3e5431be3c8c3f4fede3960f26a1"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Acts__amp__Rules?language=en">Acts &amp; Rules</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Annual Report</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Annual Flood Report</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Budget</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="http://182.72.180.206:8080/unisolARC/">e-Library</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="#"> Format / Forms</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Guidelines?language=en">Guidelines</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Irrigation_Code?language=en">Irrigation Code</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="#">Manuals</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Recruitment_Rules?language=en">Recruitment Rules</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="#">Standard Operating Procedure</a> </li></ul>
                        </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_59bf741412aa4b9a277e1b1097e3c403"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              Tender          </a>
                            <ul class="dropdown-menu" id="sub_menu_59bf741412aa4b9a277e1b1097e3c403"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Archive Tender Notice</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="debarred_contractors_list?language=en">Debarred Contractor</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="https://wbtenders.gov.in/">e-Tender Portal</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="e_tenders_corner?language=en">e-Tenders Corner</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="etenders_and_notices?language=en">e-Tenders &amp; Notices</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="WBMIFMP?language=en">WBMIFMP</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="e_rfp_guideline?language=en">e-RFP Guidelines</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="2911_Latest_Approve_Format?language=en"> 2911 Latest Approved Format</a> </li></ul>
                        </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_6d96371ba5f6d6e7111e91f9a5715020"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              Approval/Order          </a>
                            <ul class="dropdown-menu" id="sub_menu_6d96371ba5f6d6e7111e91f9a5715020"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Administrative_Approval?language=en">Administrative Approval</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Department_Circulars?language=en">Department Circulars</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Department_Orders?language=en">Department Orders</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Directorate_Circulars?language=en"> Directorate Circulars</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Directorate_Orders?language=en">Directorate Orders</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="noti_fications?language=en">Notifications</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="ROD?language=en">Minutes / ROD</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="wbrtps?language=en">WBRTPS</a> </li></ul>
                        </li><li class="nav-item active1 singleMenuItem" id="menu_item_7416ac5d4c9964500dc5f0555aa164f5"> <a class="nav-link" href="eservice?language=en">E-Services </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_5a5794c906adb8f2c5538ef3d536d49f"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              Contact Us          </a>
                            <ul class="dropdown-menu" id="sub_menu_5a5794c906adb8f2c5538ef3d536d49f"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="central_flood_control_room?language=en">Central Flood Control Room</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="e_tender_help_desk?language=en">e-Tendering Help Desk</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="flood_control_room_jalpaiguri?language=en"> Flood Control Room Jalpaiguri</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Office_Address?language=en"> Office Addresses</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Official Landline Numbers</a> </li></ul>
                        </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_7b80e15ae564ab5156e264971c420e38"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">              RTI          </a>
                            <ul class="dropdown-menu" id="sub_menu_7b80e15ae564ab5156e264971c420e38"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Acts?language=en">Act</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="PARTICULARS_OF_SPIO_OR_SAPIO?language=en">Particular of SPIO / SAPIO</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Proactive Disclouser for Department</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="coming_soon?language=en">Proactive Disclosure of Directorate</a> </li></ul>
                        </li><li class="nav-item active1 singleMenuItem" id="menu_item_40dc730c3344b70c6b2615145253b097"> <a class="nav-link" href="WBHS_2008?language=en">WBHS 2008 </a> </li><li class="nav-item active1 singleMenuItem" id="menu_item_9fd1bd2ac45130db2dcb9b5009cf4e34"> <a class="nav-link" href="History?language=en">Test </a> </li></ul>
                </div>
            </div>
        </div>
    </div>
</section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{let url = window.location.href;
 $(".nav-item").each(function () {
    let href = $(this).find("a").attr("href").split("?")[0]||''; // Remove query string
    
    if(href && href != "/") {
      let fileName = href.split("/").pop().split(".")[0]; // Extracts the part before any extension
      let currentFileName = url.split("/").pop().split("?")[0].split(".")[0]; // Handle current URL similarly
      if (fileName === currentFileName) {
          $(this).addClass("active_menu");
      }
    }
    
});

$(".nestedSingleMenuItem").each(function () {
  let href = $(this).find("a").attr("href").split("?")[0]||'';
  
  if(href && href != "/") {
     // Remove query string
    let fileName = href.split("/").pop().split(".")[0]; // Extracts the part before any extension
    let currentFileName = url.split("/").pop().split("?")[0].split(".")[0]; // Handle current URL similarly
    if (fileName === currentFileName) {
        $(this).addClass("active_menu");
        $(this).parent().parent().addClass("active_menu"); // Add class to parent elements
    }
  }
});
let varVallstStr;let varVallst;let jsObjectToBeChanged; let selectedElement; let onChangeFunc;
})()
})</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


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

                        
                        


                            


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

                                

                                

                            

                        

                        

                    
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
<!--                        <th:block th:each="library: ${columnContent.customWidget.customWidgetLibraryList}" > -->
<!--                            <th:block th:if="${library.resourceType=='js'}">-->
<!--                                <script  th:src="${library.link}"> </script>-->
<!--                            </th:block>-->
<!--                            <th:block th:if="${library.resourceType=='css'}">-->
<!--                                <link media="all"  defer rel='stylesheet' th:href="${library.link}"> </link>-->
<!--                            </th:block> -->
<!--                        </th:block>-->
<!--    TODO : UNCOMMENT CODE IF LIBRARY IS NOT AVAILABLE -->
                        <style>.widget_276 .footer { background: rgb(0, 51, 102); color: rgb(255, 255, 255); padding: 30px 20px; margin-top: 20px }
.widget_276 .footer-container { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px }
.widget_276 .footer-column { flex: 1; min-width: 220px; margin-bottom: 20px }
.widget_276 .footer-column h3, .footer-column h4 { margin-bottom: 10px; color: rgb(255, 255, 255) }
.widget_276 .footer-column p, .footer-column ul, .footer-column a { color: rgb(204, 204, 204); font-size: 14px; line-height: 1.9 }
.widget_276 .footer-column ul { list-style: none; padding: 0 }
.widget_276 .footer-column ul li a { text-decoration: none; color: rgb(204, 204, 204); margin-bottom: 5px }
.widget_276 .footer-column ul li a:hover { color: rgb(255, 255, 255) }
.widget_276 .social-icons a { color: rgb(204, 204, 204); margin-right: 8px; text-decoration: none; font-size: 14px }
.widget_276 .social-icons a:hover { color: rgb(255, 255, 255) }
.widget_276 .footer-column input { padding: 8px; width: 70%; border: none; border-radius: 4px; margin-top: 10px }
.widget_276 .footer-column p { gap: 10px }
.widget_276 .footer-column button { padding: 8px 12px; background: red; border: none; color: white; cursor: pointer; margin-top: 5px }
.widget_276 .footer-bottom { text-align: center; margin-top: 30px; font-size: 13px; color: rgb(204, 204, 204) }
.widget_276 .footer-bottom a { color: rgb(204, 204, 204); text-decoration: none; margin: 0 5px }
.widget_276 .footer-bottom a:hover { color: rgb(255, 255, 255) }
</style>



                            <section dragable="true" id="widget_3" class="widget widget_276" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-column">
                <h3>Contact Information</h3>
                <hr />
                <p><i class="fa-solid fa-location-dot"></i> Irrigation &amp; Waterways Department,<br>Jalasampad Bhavan,
                    Salt Lake, Kolkata-700091</br></p>
                <p><i class="fa-solid fa-phone"></i> <span></span>+91 33 2321 6388</p>
                <p><i class="fa-solid fa-envelope"></i> <span></span>iwdwb@gmail.com</p>
            </div>

            <div class="footer-column">
                <h3>Important Links</h3>
                <hr />
                <ul>
                    <li><a href="https://wbiwd.magicoweb.com/Acts?language=en">RTI</a></li>
                    <li><a href="https://wbiwd.magicoweb.com/e_tenders_corner?language=en">Tenders</a></li>
                    <li><a href="#">Recruitment</a></li>
                    <li><a href="#">Citizen Corner</a></li>
                    <li><a href="#">Flood Report</a></li>
                     <li><a href="https://edistrict.wb.gov.in/portal/home" target="_blank">Water Allocation</a></li>
                </ul>
            </div>

            <div class="footer-column">
                <h3>Connect With Us</h3>
                <hr />
                <div class="social-icons">
                    <a href="#"><i class="fa-brands fa-facebook fa-2x"></i></a> 
                    <a href="#"><i class="fa-brands fa-twitter fa-2x"></i></a> 
                    <a href="#"><i class="fa-brands fa-instagram fa-2x"></i></a> 
                    <a href="#"><i class="fa-brands fa-youtube fa-2x"></i></a>
                </div>
                <!--<h4>Newsletter</h4>
                <hr />
                <input type="email" placeholder="Your email">
                <button>Subscribe</button>
            </input>--></div>
        </div>
        <hr />
        <div class="footer-bottom">
           <div class="col-lg-12">
            <div class="dynamic_field copy_right_text" data-fieldname="footer_bootom_text" data-objecttype="text" data-dummy-value="Powered by Webel Technology Ltd © Copyright 2025 Department of Irrigation &amp; Waterways" id="dynamic_7" style=";height:;width:;margin:;padding:;"><div>Powered by Webel Technology Ltd © Copyright 2025 Department of Irrigation &amp; Waterways</div></div>
          </div>
            <!--<p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="#">Sitemap</a></p>-->
        </div>
        <script  type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        <div id="google_translate_element"></div>
        <script >
            function googleTranslateElementInit() {
                    new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
            }
            googleTranslateElementInit();
        </script>
    </footer></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{googleTranslateElementInit=()=> {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
googleTranslateElementInit();
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('footer_bootom_text');</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="all"
        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>
