
<!DOCTYPE html>
<html>



<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Waterbodies Lease Management</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="Waterbodies Lease Management">
    <meta name="keywords" content="Waterbodies Lease Management">

    <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=306" >

    <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=Inter:wght@100..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=Seaweed+Script&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&amp;display=swap');


    :root{
        --primary_radius : 80px;
--secondary_heading : 47px;
--secondary_font_local : secondary font local;
--secondary_bg : #FFFFFF;
--secondary_fw : 700;
--quinary_bg : #FFFFFF;
--secondary_text : 18px;
--secondary_radius : 50px;
--tertiary_font : seeweed;
--quinary_heading : 21px;
--quinary_font : Noto sans;
--primary_font : Inter;
--quaternary_heading : 29px;
--tertiary_color : #FFFFFF;
--quaternary_text : 12px;
--quaternary_color : #FFFFFF;
--quinary_fw : 500;
--quinary_font_local : quinary font local;
--primary_color : #F8F8F8;
--multi : 1;
--tertiary_heading : 38px;
--quaternary_font_local : quaternary font local;
--primary_font_local : primary font local;
--tertiary_bg : #FFFFFF;
--secondery_font : Poppins;
--quaternary_fw : 700;
--primary_heading : 56px;
--quinary_radius : 20px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--quinary_text : 10px;
--primary_bg : #F8F8F8;
--tertiary_radius : 30px;
--quaternary_radius : 30px;
--tertiary_font_local : tertiary_font_local;
--quinary_color : #FFFFFF;
--secondary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_fw : 900;
--quaternary_font : Noto sans;

    }

    body.light , body .light{
        --primary_bg : #ffffff;
--tertiary_bg : #0a20a6;
--secondary_bg : #3a60bb;
--quinary_bg : #3a60bb;
--quinary_color : #d03030;
--secondary_color : #3a60bd;
--tertiary_color : #000000;
--quaternary_color : #FFFFFF;
--quaternary_bg : #fdfdfd;
--primary_color : #f8f8f8;

    }

    body.dark,body .dark{
        --primary_bg : #ffffff;
--tertiary_bg : #0a20a6;
--secondary_bg : #3a60bb;
--quinary_bg : #3a60bb;
--quinary_color : #d03030;
--secondary_color : #3a60bd;
--tertiary_color : #000000;
--quaternary_color : #FFFFFF;
--quaternary_bg : #fdfdfd;
--primary_color : #f8f8f8;

    }
</style>

    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css"> </link>
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css"> </link>
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> </link>
        
    
        
            <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
        
        
        
    
        
            <script  src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"> </script>
        
        
        
    
        
            <script  src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"> </script>
        
        
        
    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css"> </link>
        
    
        
            <script  src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"> </script>
        
        
        
    
        
            <script  src="https://fishleasenew.magicoweb.com:443/webomagic/getCssOrJsFile?fid=2618"> </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_326 .logo_section { display: block; align-items: center; gap: 10px }
.widget_326 .logo_text h5 { color: var(--secondary_color); font-family: "Helvetica"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 1; text-transform: capitalize; margin-bottom: 0 }
.widget_326 .logo_text h4 { color: var(--secondary_color); font-family: "Helvetica"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 0px }
.widget_326 .text_img { height: 100%; display: flex; align-items: center; justify-content: center }
.widget_326 span.zoom_normal { cursor: pointer }
.widget_326 .right_side_section { display: flex; align-items: end; justify-content: end; height: 100% }
.widget_326 .header { background: rgb(255, 255, 255) !important }
.widget_326 .language a { color: rgb(0, 59, 73); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; text-decoration: none }
.widget_326 .font_size button { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.25); background: rgb(255, 255, 255); display: flex; width: 30px; height: 30px; padding: 6.598px 6px 6.402px 7px; justify-content: center; align-items: center; flex-shrink: 0; color: rgb(0, 59, 73); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal }
.widget_326 .font_size { display: flex; align-items: center }
.widget_326 .font_size span { margin: 0px 10px }
.widget_326 .language { margin-left: 20px }
.widget_326 .language a { color: rgb(0, 59, 73); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; text-decoration: none }
.widget_326 .font_size button { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.25); background: rgb(255, 255, 255); display: flex; width: 30px; height: 30px; padding: 6.598px 6px 6.402px 7px; justify-content: center; align-items: center; flex-shrink: 0; color: rgb(0, 59, 73); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal }
.widget_326 .font_size { display: flex; align-items: center; height: 100% }
.widget_326 .font_size span { margin: 0px 10px }
.widget_326 .language { margin-left: 20px }
.widget_326 .language { display: flex; align-items: center; height: 100% }
.widget_326 .menu_button > button { line-height: 60px; display: flex; padding: 8px 10px; justify-content: center; align-items: center; gap: 8px; height: 50px; border-radius: 4px; background: var(--tertiary_color); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--quaternary_color); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; border: none }
.widget_326 button.student_login { border-radius: 4px; background: var(--quaternary_color); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--tertiary_color); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; margin-left: 10px }
.widget_326 .text_img img { width: 100%; margin: auto }
.widget_326 .wrapss.height-100 { height: 100%; display: flex; align-items: center; padding-left: 10px }
.widget_326 a .student_login { height: 44px; line-height: 44px; text-decoration: none; border-radius: 4px; background: rgb(255, 255, 255); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--tertiary_color); font-family: var(--primary_font) !important; font-size: 16px !important; font-style: normal; padding: 0 10px; font-weight: 500; margin-left: 10px }
.widget_326 a { text-decoration: none }
.widget_326 a .admin_login { text-decoration: none; display: flex; padding: 8px 10px; justify-content: center; align-items: center; gap: 8px; height: 44px; border-radius: 4px; background: rgb(10, 32, 166); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255) !important; font-family: var(--primary_font) !important; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 1; border: none }
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_326 .menu_bar { display: none }
.widget_326 .mobile_menus.active { display: block }
.widget_326 .wrapss { display: flex }
.widget_326 .wrapss { line-height: 70px !important; height: 70px; align-items: center; justify-content: end }
.widget_326 .text_img img { width: 80%; margin: auto }
.widget_326 .logo_text h4 { font-size: 17px }
.widget_326 .logo_section { align-items: center; height: 100% }
.widget_326 a.humberger { color: rgb(255, 255, 255); font-size: 24px; margin-left: 20px }
.widget_326 a.humberger { display: flex !important }
.widget_326 .right_side_section { justify-content: center }
.widget_326 .text_img { height: auto }
.widget_326 .logo_section { justify-content: center }
.widget_326 .header { padding-bottom: 20px }
.widget_326 .content_section { padding-top: 65px }
.widget_326 .right_side_section { justify-content: center }
.widget_326 .slider_img { height: 450px; background-repeat: no-repeat; background-size: cover }
.widget_326 .text_img { height: auto }
.widget_326 .logo_section { justify-content: center }
.widget_326 .header { padding-bottom: 20px }
.widget_326 .branding_text h2 { text-align: center; margin-bottom: 30px }
.widget_326 .shap_card_boxs { padding: 30px 20px }
.widget_326 .branding_section { bottom: -140px }
.widget_326 .all_brands ul { display: grid; grid-template-columns: repeat(2, 2fr); row-gap: 1rem }
.widget_326 .content_section h4 { font-size: calc(28px * var(--multi)) }
.widget_326 .content_section h2 { font-size: 30px; font-size: calc(30px * var(--multi)) }
.widget_326 .content_section p { font-size: calc(14px * var(--multi)) }
.widget_326 .content_section { padding-top: 50px }
}
</style>



                        <section dragable="true" id="widget_0" class="widget widget_326" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="main_header">
        <div class="header">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-12">
                        <div class="logo_section">
                            <div class="logo">
                                <a href="/"><img async alt='image'  class="dynamic_field" data-fieldname="logo_image" data-objecttype="image" src="/webomagic/getFile?fid=51952" alt="dummy image" srcset="" style="min-width:50px;min-height:50px;min-width:50px;;height:100%;width:100%;margin:;padding:;height:10% important; width:10% important;" data-dummy-value="dummy" id="dynamic_0" /></a>
                            </div>
                            <div class="logo_text d-none">
                                <h5 class="dynamic_field" data-objecttype="text" data-fieldname="logo_text_1" data-dummy-value="International Centre of Excellence For" id="dynamic_1" style=";height:;width:;margin:;padding:;">International Centre of Excellence For</h5>
                                <h4 class="dynamic_field" data-fieldname="logo_text_2" data-objecttype="text" data-dummy-value="Data science, Ai &amp; Futuristic technologies" id="dynamic_2" style=";height:;width:;margin:;padding:;">Data science, Ai &amp; Futuristic technologies</h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-12">
                        <div class="text_img">
                            <img async alt='image'  class="dynamic_field" data-fieldname="second_logo_image" data-objecttype="image" src="/webomagic/getFile?fid=2604" alt="dummy image" srcset="" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" data-dummy-value="dummy" id="dynamic_3">
                        </img></div>
                    </div>
                    <div class="col-lg-5 col-12">
                        <div class="right_side_section">
                            <div class="font_size">
                                <button class="minus_font zoom_in">A+</button>
                                <span class="zoom_normal">A</span>
                                <button class="minus_font zoom_out">A-</button>
                            </div>
                            

                            <div class="wrapss height-100">
                                <div class="menu_button d-flex gap-1">
                                    <a href="/admin_cms/login.html"><div class="btn menu_btn admin_login dynamic_field " data-fieldname="admin_login" data-objecttype="button" data-dummy-value="Admin Login" id="dynamic_4" style=";height:;width:;margin:;padding:;"><div>Login</div></div></a>
                                   
                                </div> 
                                <div class="menu_button d-flex gap-1 mx-2">
                                    <a href="/Register"><div class="btn menu_btn admin_login dynamic_field " data-fieldname="lease_register" data-objecttype="button" data-dummy-value="Lease Register" id="dynamic_5" style=";color:blue;font-size:10px;font-family:Poppins;height:;width:;margin:;padding:;"><div>Bidder's Registration</div></div></a>
                                   
                                </div> 
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </section>
                        <script  defer>
 $(document).ready(function () {
  (()=>{$('.slider').slick({
            dragable: true,
            autoplay: true,
            autoplaySpeed: 7000,
            arrows: false,
            dots: false,
            fade: true,
            speed: 500,
            infinite: true,
            cssEase: 'ease-in-out',
            touchThreshold: 100
        });

        let obj=()=>{
            $('.humberger').click(function() {
                $('.mobile_menus').toggleClass('active');
            });
            $('.close_btns').click(function() {
                $('.mobile_menus').removeClass('active');
            });
        };
   
        obj();

        let accessibilityButtons=()=> {

            let currentSize = parseFloat(localStorage.getItem("accessibility_size")) || 1.0;
            const incrementValue = 0.1;

            $("body").get(0).style.setProperty("--multi", currentSize);


            $(".zoom_in").click(function() {

                currentSize = Math.round((currentSize + incrementValue) * 10) / 10;

                $("body").get(0).style.setProperty("--multi", currentSize);
                localStorage.setItem("accessibility_size", currentSize);
            });

            $(".zoom_out").click(function() {

                if (currentSize == 1) return;

                currentSize = Math.round((currentSize - incrementValue) * 10) / 10;

                $("body").get(0).style.setProperty("--multi", currentSize);
                localStorage.setItem("accessibility_size", currentSize);
            });

            $(".zoom_normal").click(function() {
                currentSize = 1;
                $("body").get(0).style.setProperty("--multi", currentSize);
                localStorage.setItem("accessibility_size", currentSize);
            });
        }

        accessibilityButtons();
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>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('admin_login');</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_273 @import url(./theme_style.css);
.widget_273 @import url(./theme_style.css);
.widget_273 .menu_bar ul { list-style: none; padding-left: 0; margin-bottom: 0 }
.widget_273 ul { padding-left: 0px; margin-bottom: 0px }
.widget_273 .menu_bar ul li { display: inline-block; margin: 0px 12px }
.widget_273 .menu_bar ul li a { color: var(--primary_bg); font-family: var(--secondery_font); font-size: var(--quinary_heading); font-style: normal; font-weight: 400; line-height: normal; text-decoration: none }
.widget_273 .menu_section { background: var(--quinary_bg) }
.widget_273 .menu_section { height: 70px }
.widget_273 .menu_bar > ul > li > a { line-height: 70px }
.widget_273 .menu_button > button { line-height: 60px; display: flex; padding: 8px 10px; justify-content: center; align-items: center; gap: 8px; height: 50px; border-radius: 4px; background: var(--tertiary_bg); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--quaternary_color); font-family: var(--secondery_font); font-size: var(--tertiary_text); font-style: normal; font-weight: 500; line-height: 1; border: none }
.widget_273 button.student_login { border-radius: 4px; background: var(--primary_bg); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--tertiary_color); font-family: var(--secondery_font); font-size: var(--tertiary_text); font-style: normal; font-weight: 500; line-height: 1; margin-left: 10px }
.widget_273 .menu_button { display: flex; justify-content: end; height: 100%; align-items: center }
.widget_273 .menu_bar > ul > li > a span { margin-left: 10px }
.widget_273 .menu_bar > ul > li:hover span { transform: rotate(180deg); position: absolute }
.widget_273 .menu_bar > ul > li > a { position: relative; transition: 0.5s; padding: 0px 10px }
.widget_273 .menu_bar > ul > li > a span { transition: 0.3s; position: absolute; right: -22px }
.widget_273 .wrapss { height: 70px }
.widget_273 .menu_bar > ul > li { position: relative }
.widget_273 ul.drop_down { position: absolute; z-index: 9; width: 227px; display: none; padding: 0 }
.widget_273 .menu_bar > ul > li:hover > ul.drop_down { display: block }
.widget_273 ul.drop_down > li { display: block }
.widget_273 ul.drop_down > li > a { padding: 10px 20px; display: block; background: var(--primary_bg); color: var(--tertiary_color); border-bottom: 1px solid rgb(241, 241, 241) }
.widget_273 li.nestedMenuItem > ul.submenu { display: none }
.widget_273 a.btn.custom_btn { border-radius: 8px; background: var(--quinary_color); color: var(--quaternary_color); font-family: var(--primary_font); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 10px 10px }
.widget_273 img.slider_img { width: 100% !important }
.widget_273 .slider_img { height: 680px; background-repeat: no-repeat; background-size: cover }
.widget_273 .content_section h4 { color: var(--quaternary_bg); font-family: "Seaweed Script"; font-size: calc(35px * var(--multi)); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0 }
.widget_273 .content_section h2 { color: var(--quaternary_color); font-family: var(--primary_font); font-size: 50px; font-size: calc(35px * var(--multi)); font-style: normal; font-weight: 800; line-height: 1 }
.widget_273 .content_section p { color: var(--quaternary_color); font-family: var(--primary_font); font-size: calc(18px * var(--multi)); font-style: normal; font-weight: 500; line-height: normal }
.widget_273 .content_section { padding-top: 150px }
.widget_273 .all_brands ul { display: grid; grid-template-columns: repeat(4, 2fr); margin: 0rem 0; row-gap: 0rem; align-items: center }
.widget_273 .all_brands ul li { display: inline-block; list-style: none; text-align: center }
.widget_273 .shap_card_boxs { border-radius: 24px; background: var(--secondary_bg); box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.18); padding: 40px 50px }
.widget_273 .branding_text h2 { color: rgb(14, 134, 247); font-family: var(--primary_font); font-size: 25px; font-size: calc(25px * var(--multi)); font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 0 }
.widget_273 .banner_slider { position: relative }
.widget_273 .branding_section { position: absolute; left: 0; right: 0; bottom: -72px }
.widget_273 .inner_mobile_menus ul > li > ul.drop_down { width: 100%; right: 0; padding-left: 0; position: static }
.widget_273 .inner_mobile_menus ul > li > ul.drop_down > li > a { color: rgb(0, 0, 0); text-decoration: none; font-size: 22px }
.widget_273 a.humberger { display: none }
.widget_273 .inner_mobile_menus ul li:hover ul { display: block }
.widget_273 .mobile_menus { padding: 30px 0px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgb(255, 255, 255); z-index: 9 }
.widget_273 a.close_btns { position: absolute; right: 24px; font-size: 32px; color: rgb(0, 0, 0) }
.widget_273 .inner_mobile_menus { padding: 0px 15px }
.widget_273 .inner_mobile_menus > ul { list-style: none; padding-left: 0; padding-bottom: 0; margin-bottom: 0 }
.widget_273 .inner_mobile_menus > ul > li { margin-bottom: 21px }
.widget_273 .inner_mobile_menus > ul > li > a { text-decoration: none; color: rgb(0, 0, 0); font-size: 26px }
.widget_273 .mobile_menus { display: none }
.widget_273 .menu_bar ul.nav-item-container { display: flex; justify-content: space-between }
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_273 .menu_bar { display: none }
.widget_273 .mobile_menus.active { display: block }
.widget_273 .wrapss { display: flex }
.widget_273 .wrapss { line-height: 70px !important; height: 70px; align-items: center; justify-content: end }
.widget_273 .text_img img { width: 80%; margin: auto }
.widget_273 .logo_text h4 { font-size: 17px }
.widget_273 .logo_section { align-items: center; height: 100% }
.widget_273 a.humberger { color: rgb(255, 255, 255); font-size: 24px; margin-left: 20px }
.widget_273 a.humberger { display: flex !important }
.widget_273 .right_side_section { justify-content: center }
.widget_273 .text_img { height: auto }
.widget_273 .logo_section { justify-content: center }
.widget_273 .header { padding-bottom: 20px }
.widget_273 .content_section { padding-top: 65px }
.widget_273 .right_side_section { justify-content: center }
.widget_273 .slider_img { height: 450px; background-repeat: no-repeat; background-size: cover }
.widget_273 .text_img { height: auto }
.widget_273 .logo_section { justify-content: center }
.widget_273 .header { padding-bottom: 20px }
.widget_273 .branding_text h2 { text-align: center; margin-bottom: 30px }
.widget_273 .shap_card_boxs { padding: 30px 20px }
.widget_273 .branding_section { bottom: -140px }
.widget_273 .all_brands ul { display: grid; grid-template-columns: repeat(2, 2fr); row-gap: 1rem }
.widget_273 .content_section h4 { font-size: calc(28px * var(--multi)) }
.widget_273 .content_section h2 { font-size: 30px; font-size: calc(30px * var(--multi)) }
.widget_273 .content_section p { font-size: calc(14px * var(--multi)) }
.widget_273 .content_section { padding-top: 50px }
}
</style>



                        <section dragable="true" id="widget_1" class="widget widget_273" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="mobile_menus">
        <a href="javascript:void(0)" class="close_btns"> <i class="fa-solid fa-xmark"></i> </a>
        <div class="inner_mobile_menus site_menus dynamic_field" data-fieldname="menu2" data-objecttype="menu" data-uniq="72020567" id="dynamic_6" style=";font-size:20px;font-family:;height:;width:;">
            <ul data-uniq="7226546531" data-objecttype="menu_container" class="nav-item-container"><li class="singleMenuItem"><a href="/">HOME</a></li><li class="singleMenuItem"><a href="About_Us?language=en">ABOUT US</a></li><li class="singleMenuItem"><a href="CIRCULAR__NOTIFICATIONS?language=en">CIRCULAR / NOTIFICATIONS</a></li><li class="singleMenuItem"><a href="Gallery?language=en">GALLERY</a></li><li class="singleMenuItem"><a href="Contact_Us?language=en">CONTACT US</a></li></ul>
        </div>
    </div>
    <!-- mobile_menu_end -->
    <div class="main_header">
        <!--menu-bar------------->
        <div class="menu_section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="menu_bar site_menus dynamic_field" data-fieldname="menu" data-objecttype="menu" data-uniq="7202056" id="dynamic_7" style=";font-size:20px;font-family:;height:;width:;">
                            <ul data-uniq="7226546532" data-objecttype="menu_container" class="nav-item-container"><li class="singleMenuItem"><a href="/">HOME</a></li><li class="singleMenuItem"><a href="About_Us?language=en">ABOUT US</a></li><li class="singleMenuItem"><a href="CIRCULAR__NOTIFICATIONS?language=en">CIRCULAR / NOTIFICATIONS</a></li><li class="singleMenuItem"><a href="Gallery?language=en">GALLERY</a></li><li class="singleMenuItem"><a href="Contact_Us?language=en">CONTACT US</a></li></ul>
                            <a href="" class="humberger"> <i class="fa-solid fa-bars"></i> </a>
                        </div>
                    </div>
                    
                    <div class="wrapss">                           
                            <a href="javascript:void(0)" class="humberger"> <i class="fa-solid fa-bars"></i> </a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{$('.humberger').click(function() {
                $('.mobile_menus').addClass('active');
            });
            $('.close_btns').click(function() {
                $('.mobile_menus').removeClass('active');
            });
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>

                                

                                

                            

                        


                            


                                
                                    <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_272 ul { padding-left: 0px !important }
.widget_272 a.btn.custom_btn { border-radius: 8px; background: var(--quinary_color); color: var(--quaternary_color); font-family: var(--primary_font); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 10px 10px }
.widget_272 img.slider_img { width: 100% !important }
.widget_272 .slider_img { height: 680px; background-repeat: no-repeat; background-size: cover }
.widget_272 .content_section h4 { color: var(--quinary_color); font-family: "Seaweed Script"; font-size: calc(35px * var(--multi)); font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0 }
.widget_272 .content_section h2 { color: var(--quaternary_color); font-family: var(--primary_font); font-size: 50px; font-size: calc(35px * var(--multi)); font-style: normal; font-weight: 800; line-height: 1 }
.widget_272 .content_section p { color: var(--quaternary_color); font-family: var(--primary_font); font-size: calc(18px * var(--multi)); font-style: normal; font-weight: 500; line-height: normal }
.widget_272 .content_section { padding-top: 150px }
.widget_272 .all_brands ul { display: grid; grid-template-columns: repeat(4, 2fr); margin: 0rem 0; row-gap: 0rem; align-items: center }
.widget_272 .all_brands ul li { display: inline-block; list-style: none; text-align: center }
.widget_272 .shap_card_boxs { border-radius: 24px; background: var(--primary_bg); box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.18); padding: 40px 50px }
.widget_272 .branding_text h2 { color: rgb(14, 134, 247); font-family: var(--primary_font); font-size: 25px; font-size: calc(25px * var(--multi)); font-style: normal; font-weight: 700; line-height: 1; margin-bottom: 0 }
.widget_272 .banner_slider { position: relative }
.widget_272 .branding_section { position: absolute; left: 0; right: 0; bottom: -72px }
.widget_272 .inner_mobile_menus ul > li > ul.drop_down { width: 100%; right: 0; padding-left: 0; position: static }
.widget_272 .inner_mobile_menus ul > li > ul.drop_down > li > a { color: rgb(0, 0, 0); text-decoration: none; font-size: 22px }
.widget_272 a.humberger { display: none }
.widget_272 .inner_mobile_menus ul li:hover ul { display: block }
.widget_272 .mobile_menus { padding: 30px 0px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgb(255, 255, 255); z-index: 9 }
.widget_272 a.close_btns { position: absolute; right: 24px; font-size: 32px; color: rgb(0, 0, 0) }
.widget_272 .inner_mobile_menus { padding: 0px 15px }
.widget_272 .inner_mobile_menus > ul { list-style: none; padding-left: 0; padding-bottom: 0; margin-bottom: 0 }
.widget_272 .inner_mobile_menus > ul > li { margin-bottom: 21px }
.widget_272 .inner_mobile_menus > ul > li > a { text-decoration: none; color: rgb(0, 0, 0); font-size: 26px }
.widget_272 .mobile_menus { display: none }
@media only screen and (max-width: 768px) and (min-width: 300px) {
.widget_272 .menu_bar { display: none }
.widget_272 .mobile_menus.active { display: block }
.widget_272 .wrapss { display: flex }
.widget_272 .wrapss { line-height: 70px !important; height: 70px; align-items: center; justify-content: end }
.widget_272 .text_img img { width: 80%; margin: auto }
.widget_272 .logo_text h4 { font-size: 17px }
.widget_272 .logo_section { align-items: center; height: 100% }
.widget_272 a.humberger { color: rgb(255, 255, 255); font-size: 24px; margin-left: 20px }
.widget_272 a.humberger { display: flex !important }
.widget_272 .right_side_section { justify-content: center }
.widget_272 .text_img { height: auto }
.widget_272 .logo_section { justify-content: center }
.widget_272 .header { padding-bottom: 20px }
.widget_272 .content_section { padding-top: 65px }
.widget_272 .right_side_section { justify-content: center }
.widget_272 .slider_img { height: 450px; background-repeat: no-repeat; background-size: cover }
.widget_272 .text_img { height: auto }
.widget_272 .logo_section { justify-content: center }
.widget_272 .header { padding-bottom: 20px }
.widget_272 .branding_text h2 { text-align: center; margin-bottom: 30px }
.widget_272 .shap_card_boxs { padding: 30px 20px }
.widget_272 .branding_section { bottom: -140px }
.widget_272 .all_brands ul { display: grid; grid-template-columns: repeat(2, 2fr); row-gap: 1rem }
.widget_272 .content_section h4 { font-size: calc(28px * var(--multi)) }
.widget_272 .content_section h2 { font-size: 30px; font-size: calc(30px * var(--multi)) }
.widget_272 .content_section p { font-size: calc(14px * var(--multi)) }
.widget_272 .content_section { padding-top: 50px }
}
</style>



                            <section dragable="true" id="widget_2" class="widget widget_272" style="sectionHidden:false;padding:0;margin:0 0 2rem 0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="banner_slider">
        <div class="slideshow">
            <div class="slider dynamic_field dynamic_list" data-objecttype="list" data-fieldname="sliders" data-uniq="584451199" id="dynamic_8" style=";height:;width:;margin:;padding:;">
                
            <div class="item repeatable dynamic_field dynamic_list_items" data-fieldname="sliders" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;">
                    <div class="slider_img" style="background-image:url(/webomagic/getFile?fid=50153)">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="content_section">
                                        <h4 class="">Seamless Lease Management Hub</h4>
                                        <h2 class=""></h2>
                                        <p class=""></p>
                                        <a href="" class="btn custom_btn"></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">

                                </div>
                            </div>
                        </div>
                    </div>
                </div><div class="item repeatable dynamic_field dynamic_list_items" data-fieldname="sliders" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;">
                    <div class="slider_img" style="background-image:url(/webomagic/getFile?fid=50154)">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="content_section">
                                        <h4 class="">Smart Rental Tracking &amp; Updates</h4>
                                        <h2 class=""></h2>
                                        <p class=""></p>
                                        <a href="" class="btn custom_btn"></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">

                                </div>
                            </div>
                        </div>
                    </div>
                </div><div class="item repeatable dynamic_field dynamic_list_items" data-fieldname="sliders" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;">
                    <div class="slider_img" style="background-image:url(/webomagic/getFile?fid=50157)">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="content_section">
                                        <h4 class="">Effortless Contract Tracking</h4>
                                        <h2 class=""></h2>
                                        <p class=""></p>
                                        <a href="" class="btn custom_btn"></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">

                                </div>
                            </div>
                        </div>
                    </div>
                </div><div class="item repeatable dynamic_field dynamic_list_items" data-fieldname="sliders" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;">
                    <div class="slider_img" style="background-image:url(/webomagic/getFile?fid=50158)">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="content_section">
                                        <h4 class="">Smart Rental Agreement</h4>
                                        <h2 class=""></h2>
                                        <p class=""></p>
                                        <a href="" class="btn custom_btn"></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">

                                </div>
                            </div>
                        </div>
                    </div>
                </div></div>
        </div>
        <!--branding_section------------------>
        <div class="branding_section">
            <div class="container">
                <div class="shap_card_boxs">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="branding_text">
                                <h2 class="dynamic_field" data-objecttype="text" data-fieldname="course_text" data-dummy-value="Over 300&lt;br>courses in one place" id="dynamic_10" style=";height:;width:;margin:;padding:;display:none !important;">Water</h2>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="all_brands">
                                <ul class="dynamic_field dynamic_list" data-fieldname="images_slider" data-objecttype="list" data-uniq="1781799323" id="dynamic_11" style=";height:;width:;margin:;padding:;">
                                    

                                <li class="repeatable dynamic_field dynamic_list_items" data-fieldname="images_slider" data-objecttype="list_item" id="dynamic_12" style=";height:;width:;margin:;padding:;"><img async alt='image'  src="/webomagic/getFile?fid=2598" alt="" /></li></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{$('.slider').slick({
            dragable: true,
            autoplay: true,
            autoplaySpeed: 7000,
            arrows: false,
            dots: false,
            fade: true,
            speed: 500,
            infinite: true,
            cssEase: 'ease-in-out',
            touchThreshold: 100
        });
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('images_slider');</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('course_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_1 .hero-heading { color: var(--secondary_color); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: var(--secondery_font); font-size: var(--primary_heading); font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -0.0625rem }
.widget_1 .main_paragraph { padding: 1rem 0 1rem 0; color: var(--secondary_color); font-family: var(--secondery_font); font-size: var(--quinary_heading); font-style: normal; font-weight: 400; line-height: 160% }
.widget_1 .btn-custom { text-decoration: none; display: flex; padding: 8px 10px; justify-content: center; align-items: center; gap: 8px; height: 44px; border-radius: 4px; background: rgb(10, 32, 166); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255) !important; font-family: var(--secondery_font); font-size: 16px !important; font-style: normal; font-weight: 500; line-height: 1; border: none }
.widget_1 .btn-ct-white { height: 44px; line-height: 44px; text-decoration: none; border-radius: 4px; background: rgb(255, 255, 255); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); color: var(--tertiary_color); font-family: var(--secondery_font); font-size: 16px !important; font-style: normal; padding: 0 10px; font-weight: 500; margin-left: 10px }
</style>



                        <section dragable="true" id="widget_3" class="widget section hero-section bg-light-clr gap-2 widget_1" style="sectionHidden:false;padding:0;margin:0rem;background:#ffffff;backgroundImage:;sectionCustomCss:;">
<div class="container">
    <div class="row">
        <div class="left-section col-md-6 d-flex flex-column justify-content-center align-items-start gap-5">
            <h2 class="hero-heading dynamic_field" data-fieldname="main_heading" data-dummy-value="main_heading" data-objecttype="text" id="dynamic_13" style=";height:;width:;margin:;padding:;"><span style="font-size: 12pt;">About us</span></h2>
            <div class="dynamic_field" data-fieldname="main_paragraph" data-objecttype="text" data-dummy-value="main_paragraph" id="dynamic_14" style=";height:;width:;margin:;padding:;"><div>Mandate of the Fisheries department is to increase fish production by optimum utilization of all water bodies, to create infrastructure for post harvest management, to develop an enabling eco-system for adoption of scientific pisciculture, to strive for socio- economic uplift of the fishermen at large and to ensure availability of fish at affordable cost to the masses.</div>
<div>With that end in view, endeavour is being made by the Fisheries Department to Increase fish production through various means like bringing more water bodies under scientific pisciculture, ensuring access of nutritionally balanced fish feed and high quality fish seed/fingerlings to the fish farmers, dissemination of scientific knowledge about improved techniques of pisciculture, imparting hands-on training to farmers etc</div>
<div>&#xa0;</div></div>
            <div class="d-flex gap-3">
                <a data-href="button_url1" href="[[button_url1]]" class="dynamic_field btn btn-custom" data-objecttype="button" data-fieldname="button_text1" data-dummy-value="text1" id="dynamic_15" style=";height:;width:;margin:;padding:;display:none !important;">text1</a>
                <a data-href="button_url2" href="[[button_url2]]" class="dynamic_field btn btn-ct-white" data-objecttype="button" data-fieldname="button_text2" data-dummy-value="text2" id="dynamic_16" style=";height:;width:;margin:;padding:;display:none !important;">text2</a>
            </div>
        </div>
        <div class="right-section about_image col-md-6 d-flex flex-column justify-content-center align-items-center">
            <img async alt='image'  data-fieldname="image_url" data-objecttype="image" class="dynamic_field" src="/webomagic/getFile?fid=2606" style="width: 100%;max-width: 100%;min-height:50px;min-width:50px;;height:;width:200px;margin:;padding:;" alt="dummy image" data-dummy-value="test-image" id="dynamic_17">
        </img></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('main_heading');</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('main_paragraph');</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_328 .circular_page_container .container { max-width: 100%; margin: 0 auto }
.widget_328 #water_bodies_table_wrapper { overflow: auto }
.widget_328 .circular_page_container .title { font-size: 24px; margin-bottom: 20px; border-bottom: 2px solid rgb(51, 51, 51); display: inline-block; padding-bottom: 5px }
.widget_328 .circular_page_container .form-section { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; background-color: rgb(255, 255, 255); padding: 15px; border: 1px solid rgb(204, 204, 204); border-radius: 5px }
.widget_328 .circular_page_container .form-row { display: flex; flex-wrap: wrap; gap: 20px; align-items: center }
.widget_328 .circular_page_container .form-row label { font-weight: bold }
.widget_328 .order_from_to_th { min-width: 181px }
.widget_328 .date_th { min-width: 100px }
.widget_328 .no_data_found { text-align: center !important }
.widget_328 .circular_page_container .form-row input, .circular_page_container .form-row select { flex: 1; padding: 6px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; background-color: transparent }
.widget_328 .circular_page_container .submit-btn { width: 100px; padding: 8px; background-color: var(--primary_bg); color: white; border: none; border-radius: 4px; cursor: pointer; margin-top: 10px; align-self: flex-end }
.widget_328 .circular_page_container .submit-btn:hover { background-color: var(--primary_bg) }
.widget_328 .circular_page_container table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px }
.widget_328 .circular_page_container table th, .circular_page_container table td { border: 1px solid rgb(204, 204, 204); padding: 10px; text-align: left }
.widget_328 .circular_page_container thead { background-color: var(--primary_bg); color: white }
.widget_328 .circular_page_container tbody tr:nth-child(odd) { background-color: rgb(242, 242, 242) }
.widget_328 .circular_page_container tbody tr:hover { background-color: rgb(233, 236, 239) }
.widget_328 .circular_page_container .download-btn { color: white; background-color: var(--primary_bg); border: none; border-radius: 4px; cursor: pointer }
.widget_328 .circular_page_container .download-btn:hover { background-color: var(--primary_bg) }
.widget_328 .circular_page_container .new { color: red; font-weight: bold; margin-left: 5px }
.widget_328 table.dataTable tbody td { color: var(--tertiary_color) }
.widget_328 #circular_table td { color: var(--tertiary_color) }
</style>



                         <section dragable="true" id="widget_4" class="widget widget_328" style="sectionHidden:false;padding:1rem;margin:0;background:#ffffff;backgroundImage:;sectionCustomCss:;">
        <div class="container">
        <div class="circular_page_container">
            <div class="dynamic_field d-none" data-fieldname="list" data-objecttype="text" data-dummy-value="dsklvdslk" id="dynamic_18" style=";height:;width:;margin:;padding:;"><div>dsklvdslk</div></div>
            <div class="container">
                <h2 class="title">Ready to lease</h2>
                <!-- Form Section -->
                <form class="form-section">
                    <div class="form-row">
                        
                        <label for="district" class="">District :</label>
                        <select name="district" id="district" class="">
                            <option value="">Select District</option>
                            <!-- <option value="Category1">Categoty 1</option>
                            <option value="Category2">Categoty 2</option>
                            <option value="Category3">Categoty 3</option> -->
                        </select>
                        
                    </div>
                   
                </form>
                <!-- Table Section -->
                <table id="water_bodies_table" class="display" width="100%">
                    <thead>
                        <tr>
                            <th>Sl.</th>
                            <th>Auction Code</th>
                            <th>District</th>
                            
                            <th>GP name</th>
                            <th>Local name</th>
                            <th>Water source</th>
                            <th>Use for</th>
                            <th>Volume</th>
                            <th>Effective area(decimal)</th>
                            <th>Effective area(acer)</th>
                            <th>Productivity(KG)</th>
                            <th>Payment Link</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </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="all"  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 section hero-section widget_42" style="sectionHidden:false;padding:0;margin:20px 0;background:#ffffff;backgroundImage:;sectionCustomCss:;">
        <div class="dynamic_field" data-fieldname="text" data-objecttype="text" id="dynamic_19" style=";height:;width:;margin:;padding:;">
        	<div style="text-align: center;"><a class="custom_link" href="https://eauction.gov.in/eauction/" target="_blank" rel="noopener"><button class="btn btn-primary align-center">Apply For Lease&#xa0;</button></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('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></style>



                        <section dragable="true" id="widget_6" class="widget section hero-section widget_42" style="sectionHidden:false;padding:1rem;margin:0;background:#398adb;backgroundImage:;sectionCustomCss:;">
        <div class="dynamic_field" data-fieldname="text" data-objecttype="text" id="dynamic_20" style=";height:;width:;margin:;padding:;">
        	<div style="text-align: center;"><span style="color: rgb(236, 240, 241);"><strong>Website contents managed by Fisheries Department, Government of West Bengal.&#xa0;</strong></span>
<div><span style="color: rgb(236, 240, 241);"><strong>© 2025 GOVERNMENT OF WEST BENGAL All rights reserved.&#xa0;</strong></span></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('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>
