
<!DOCTYPE html>
<html>



<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Welcome to Tarakeshwar Shraboni Mela</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=312
        var page_id=1361
        var language="en"
        var onChangeFunctionMapForDynamicFields=[]
    </script>

<!--    <script  th:src="@{/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="Welcome to Tarakeshwar Shraboni Mela">
    <meta name="keywords" content="Welcome to Tarakeshwar Shraboni Mela">

    <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" th:href="@{/plugins/grayscale/css/gray.min.css}" />-->
<!--    <script th:src="@{/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  th:src="@{/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=312" >

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


    <div id="scripts">
<!--        <script th:src="@{/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');


    :root{
        --primary_radius : 80px;
--secondary_heading : 20px;
--secondary_font_local : secondary font local;
--secondary_bg : #FFFFFF;
--secondary_fw : 700;
--quinary_bg : #FFFFFF;
--secondary_text : 18px;
--secondary_radius : 50px;
--tertiary_font : ;
--quinary_heading : 20px;
--quinary_font : ;
--primary_font : Inter;
--quaternary_heading : 29px;
--tertiary_color : #FFFFFF;
--quaternary_text : 12px;
--quaternary_color : #FFFFFF;
--quinary_fw : 700;
--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 : ;

    }

    body.light , body .light{
        --primary_bg : #ffffff;
--tertiary_bg : #FFFFFF;
--secondary_bg : #FFFFFF;
--quinary_bg : #FFFFFF;
--quinary_color : #FFFFFF;
--secondary_color : #e5e1e1;
--tertiary_color : #FFFFFF;
--quaternary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_color : #F8F8F8;

    }

    body.dark,body .dark{
        --primary_bg : #ffffff;
--tertiary_bg : #FFFFFF;
--secondary_bg : #FFFFFF;
--quinary_bg : #FFFFFF;
--quinary_color : #FFFFFF;
--secondary_color : #e5e1e1;
--tertiary_color : #FFFFFF;
--quaternary_color : #FFFFFF;
--quaternary_bg : #FFFFFF;
--primary_color : #F8F8F8;

    }


    @media only screen and (max-width: 767px) and (min-width: 300px) {

            :root{
                --tertiary_heading : 38px;
--secondary_heading : 47px;
--secondary_fw : 700;
--quaternary_fw : 700;
--primary_heading : 56px;
--secondary_text : 18px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--quinary_text : 10px;
--quinary_heading : 20px;
--quaternary_heading : 29px;
--quaternary_text : 12px;
--quinary_fw : 700;
--primary_fw : 900;


            }

    }

    @media only screen and (max-width: 1200px) and (min-width: 767px) {

    :root{
            --tertiary_heading : 38px;
--secondary_heading : 47px;
--secondary_fw : 700;
--quaternary_fw : 700;
--primary_heading : 56px;
--secondary_text : 18px;
--tertiary_text : 15px;
--tertiary_fw : 700;
--primary_text : 20px;
--quinary_text : 10px;
--quinary_heading : 20px;
--quaternary_heading : 29px;
--quaternary_text : 12px;
--quinary_fw : 700;
--primary_fw : 900;


          }

    }
</style>

    
        
        
        
            <link media="all"  rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> </link>
        
    
        
            <script  src="https://chandannagar.magicoweb.com:443/webomagic/getCssOrJsFile?fid=47321"> </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_342 #top-bar { background: linear-gradient(to right, rgb(254, 166, 95), rgb(255, 236, 222)); color: white; padding: 0.2rem 0.5rem; display: flex; align-items: center; justify-content: space-between; font-size: 1rem }
.widget_342 .top-bar-section button { font-size: calc(14px * var(--multi)) }
.widget_342 .Zoom-section button { font-size: calc(14px * var(--multi)) }
.widget_342 .apply-btn button { font-size: calc(14px * var(--multi)) }
.widget_342 .top-bar-section { display: flex; flex-direction: row !important; align-items: center; gap: 1rem }
.widget_342 .top-bar-last-section { width: 60%; display: flex; justify-content: space-between; align-items: center }
.widget_342 .direction-btn { position: relative; background-color: rgb(225, 255, 0) !important; color: rgb(0, 33, 71); padding: 7px 10px !important; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; overflow: hidden; transition: background-color 0.3s }
.widget_342 .direction-btn:after { content: ""; position: absolute; left: 50%; top: 50%; width: 300%; height: 300%; background: rgb(144, 238, 144); opacity: 0; transform: translate(-50%, -50%); transition: all 0.6s ease-out; border-radius: 50% }
.widget_342 .direction-btn:active:after { width: 0; height: 0; opacity: 1; transition: 0s }
.widget_342 .lang-toggle { border: 1px solid rgb(255, 255, 255); padding: 5px; border-radius: 5px }
.widget_342 .lang-toggle select { padding: 5px; font-size: calc(0.9rem * var(--multi)); border: none; border-radius: 4px }
.widget_342 .Zoom-section { display: flex; align-items: center }
.widget_342 .Zoom-section button { background-color: rgb(221, 221, 221); border: none; padding: 5px 8px; margin-left: 5px; font-size: calc(0.9rem * var(--multi)); border-radius: 3px; cursor: pointer }
.widget_342 .lang-toggle a { text-decoration: none; color: white }
.widget_342 .lang-toggle a:hover { color: rgb(0, 115, 230); text-decoration: none }
.widget_342 .apply-btn button { position: relative; background-color: rgb(245, 124, 0); color: white; border: none; margin: 0 5px; padding: 8px 12px; border-radius: 4px; cursor: pointer; overflow: hidden; transition: background-color 0.3s ease }
.widget_342 .apply-btn button::after { content: ""; position: absolute; left: 50%; top: 50%; width: 300%; height: 300%; background: rgba(255, 255, 255, 0.4); opacity: 0; transform: translate(-50%, -50%); transition: all 0.6s ease-out; border-radius: 50% }
.widget_342 .apply-btn button:active::after { width: 0; height: 0; opacity: 1; transition: 0s }
.widget_342 .main-text { text-decoration: none; color: inherit }
.widget_342 .main-text:hover { text-decoration: none }
.widget_342 .main-text h3 { color: rgb(247, 230, 230) }
.widget_342 .menu { background-color: rgb(0, 64, 128); padding: 5px 20px; display: flex; justify-content: space-between; align-items: center; position: relative }
.widget_342 .logo-text { display: flex; align-items: center; gap: 10px }
.widget_342 .overlap-logo { width: 40px; height: auto }
.widget_342 .toggle-btn { display: none; background: none; border: none; color: rgb(255, 255, 255); font-size: calc(24px * var(--multi)); cursor: pointer }
.widget_342 #menu-list { list-style: none; display: flex; gap: 10px; margin: 0; padding: 0 }
.widget_342 #menu-list li { position: relative }
.widget_342 #menu-list a { text-decoration: none; color: white; padding: 8px; display: block }
.widget_342 .submenu { display: none; position: absolute; top: 100%; left: 0; background: rgb(0, 33, 71); padding: 0; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); list-style: none; z-index: 999; min-width: 200px }
.widget_342 .has-submenu.open > .submenu { display: block }
.widget_342 .submenu li a { color: rgb(0, 98, 204); padding: 10px 15px; white-space: nowrap; transition: color 0.3s, background-color 0.3s }
.widget_342 .submenu li a:hover { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204) }
.widget_342 .submenu .submenu { top: 0; left: 100% }
.widget_342 .has-submenu.open > .submenu .has-submenu.open > .submenu { display: block }
.widget_342 .login-btn { display: none }
@media all and (max-width: 1120px) {
.widget_342 #menu-list { gap: 15px }
.widget_342 .toggle-btn { display: block }
.widget_342 .menu { flex-direction: column; align-items: stretch; position: relative }
.widget_342 .main-text h3 { font-size: calc(14px * var(--multi)); margin-bottom: 0px }
.widget_342 .toggle-btn { display: block; align-self: flex-end; z-index: 10; margin-top: -40px }
.widget_342 #menu-list { display: none; flex-direction: column; background-color: rgb(0, 64, 128); width: 100%; padding: 10px 0; border-radius: 6px; z-index: 1 }
.widget_342 #menu-list.active { display: flex }
.widget_342 .has-submenu > a { position: relative; padding-right: 30px }
.widget_342 .submenu { display: none; position: static; background-color: rgb(0, 51, 102); box-shadow: none; padding-left: 15px }
.widget_342 .has-submenu.open > .submenu { display: block }
.widget_342 .submenu li a { padding: 10px 20px; color: rgb(0, 191, 255) }
.widget_342 .submenu li a:hover { background-color: rgb(0, 89, 179); color: rgb(255, 255, 255) }
.widget_342 .submenu .submenu { padding-left: 20px; background-color: rgb(0, 34, 68) }
.widget_342 .submenu { display: none !important }
.widget_342 .has-submenu.open > .submenu { display: block !important }
.widget_342 .has-submenu.open > .submenu .has-submenu.open > .submenu { display: block !important }
}
@media all and (max-width: 900px) {
.widget_342 #menu-list { gap: 10px }
.widget_342 .overlap-logo { width: 35px }
}
@media all and (max-width: 768px) {
.widget_342 .login-btn { display: block }
.widget_342 .social-bar a { width: 30px; height: 40px }
.widget_342 .social-bar a i { padding-left: 3px; width: 30px }
.widget_342 #top-bar { flex-direction: column; gap: 10px }
.widget_342 .main-text h3 { font-size: calc(14px * var(--multi)) }
.widget_342 .carousel-images img { height: 60vh }
.widget_342 .overlay-img { position: absolute; top: 0px; left: 0px }
.widget_342 .center-overlay-img { top: 30%; width: 300px; height: 300px }
.widget_342 .Zoom-section, .apply-btn { gap: 0.5rem; align-items: center }
.widget_342 .Zoom-section p { text-align: center }
.widget_342 .apply-btn .official-login-btn { display: none }
.widget_342 .top-bar-section { width: 100%; justify-content: space-between }
.widget_342 .top-bar-last-section { width: 100%; display: flex; justify-content: space-between }
.widget_342 .top-bar-last-section .apply-btn { display: flex; gap: 0rem }
.widget_342 #top-bar { font-size: calc(1rem * var(--multi)); padding: 0 0 0 0.1rem }
.widget_342 .Zoom-section .text-size { font-size: calc(0.7rem * var(--multi)) }
.widget_342 .menu ul { flex-direction: column }
.widget_342 .intro-heading { font-size: calc(1.4rem * var(--multi)) }
.widget_342 .Pilgrimage-access { justify-content: sat }
.widget_342 .footer-content { flex-direction: column }
.widget_342 .carousel-images img { height: 85vh }
.widget_342 .section-text, .section-image { flex: 1 1 50% }
.widget_342 .section { align-items: center }
.widget_342 .container_about { flex-direction: column; padding: 40px 20px; gap: 30px }
.widget_342 .section-text, .section-image { width: 100%; text-align: center }
.widget_342 .section-image { text-align: center }
.widget_342 .section-text h1 { font-size: calc(30px * var(--multi)) }
.widget_342 .section-text h2 { font-size: calc(20px * var(--multi)) }
.widget_342 .table-section h2 { }
.widget_342 .contact-header h2 { font-size: calc(2rem * var(--multi)) }
.widget_342 .contact-form-section, .info-section, .social-section { padding: 1rem }
.widget_342 .social-links { flex-direction: column }
.widget_342 .contact-header p { font-size: 0.9rem }
.widget_342 .top-bar-section { width: 100%; justify-content: space-between; padding: 0 8px 0 8px !important }
.widget_342 #top-bar { font-size: 1rem !important; padding: 8px 0 8px 0 !important }
}
@media all and (max-width: 600px) {
.widget_342 .section { padding: 30px 15px }
.widget_342 .section-text h1 { font-size: calc(26px * var(--multi)) }
.widget_342 .section-text h2 { font-size: calc(18px * var(--multi)) }
.widget_342 .section-text p { font-size: calc(15px * var(--multi)) }
.widget_342 .section-image img { width: 100% }
.widget_342 #map .mobileMap { display: block }
.widget_342 #map .desktopMap { display: none }
.widget_342 .table-section h2 { }
}
@media all and (max-width: 415px) {
.widget_342 .overlay-img { bottom: 0px; right: 0px; width: 80px }
}
@media print {
.widget_342 body * { visibility: hidden }
.widget_342 #print-section, #print-section * { visibility: visible }
.widget_342 #print-section { position: absolute; top: 0; left: 0; width: 100% }
.widget_342 .no-print { display: none }
}
@media print {
.widget_342 body * { visibility: hidden }
.widget_342 #nocSection, #nocSection * { visibility: visible }
.widget_342 #nocSection { position: absolute; left: 0; top: 0; width: 100% }
}
</style>



                            <section dragable="true" id="widget_0" class="widget widget_342" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div id="top-bar">
  <div class="top-bar-section">
    <a href="https://www.google.com/maps/dir/?api=1&amp;destination=Tarakeswar,+West+Bengal" target="_blank">
      <button type="button" class="direction-btn">
        <i class="fa-solid fa-location-crosshairs"></i> Get Direction
      </button>
    </a>

    <div class="lang-toggle"></div>
  </div>
  <div class="top-bar-last-section">
    <div class="Zoom-section">
      <div class="dynamic_field_wrapper"><div class="text-size dynamic_field" data-fieldname="textSize" data-objecttype="text" data-dummy-value="Text Size" id="dynamic_0" style=";height:;width:;margin:;padding:;">Text Size</div></div>
      <div class="aButton">
         <button class="zoom_in">A+</button>
         <button class="zoom_normal">A</button>
         <button class="zoom_out">A-</button>
         
      </div>
    </div>
    <div class="apply-btn">
      <button type="button" class="apply-btn" onclick="window.location.href='/Bhandara_Application'">Apply</button>
      <button type="button" class="track-btn" onclick="window.location.href='/Bhandara_Application_Track'">Track</button>
      <button type="button" class="official-login-btn" onclick="window.location.href='/admin_cms'">Official Login</button>
      <button type="button" class="login-btn" onclick="window.location.href='/admin_cms'">Login</button>
    </div>
  </div>
</div></section>

                        <script  defer>
 $(document).ready(function () {
  (()=>{$(function () {
  
  var allLangs = [
    { code: 'en', label: 'English' },
    { code: 'beng', label: 'Bengali' },
    { code: 'hindi', label: 'Hindi' }
  ];

  var params = new URLSearchParams(window.location.search);
  var current = params.get('language');
  var codes = allLangs.map(function (l) { return l.code; });
  if ($.inArray(current, codes) === -1) {
    current = 'en';
  }

  var others = $.grep(allLangs, function (l) {
    return l.code !== current;
  });

  var $container = $('.lang-toggle');
  $container.empty();

  $.each(others, function (idx, langObj) {
    var updatedParams = new URLSearchParams(window.location.search);
    updatedParams.set('language', langObj.code);

    var newUrl = window.location.pathname + '?' + updatedParams.toString();

    var $a = $('<a>')
      .attr('href', newUrl)
      .text(langObj.label);

    $container.append($a);

    if (idx < others.length - 1) {
      $container.append(' / ');
    }
  });

 
  accessibilityButtons();
});


function 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 () {
    if (currentSize >= 1.5) return;
    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);
  });
}
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('textSize');</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_343 .active_menu > a { color: var(--primary_color) !important }
.widget_343 .navbar { padding: 0 }
.widget_343 .navbar.navbar-expand-lg.navbar-light { padding: 10px !important }
.widget_343 .singleMenuItem.active_menu { padding: 0px 10px; text-decoration: underline; color: white !important }
.widget_343 .singleMenuItem.active_menu a.nav-link { color: white !important }
.widget_343 .dropdown-menu { padding: 0; overflow: hidden }
.widget_343 .dropdown-item:focus, .dropdown-item:hover { color: unset; background: unset }
.widget_343 li.nestedSingleMenuItem { padding: 5px; position: relative }
.widget_343 li.nestedSingleMenuItem:hover { background-color: transparent }
.widget_343 li.nestedSingleMenuItem::before { content: ""; position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: var(--primary_bg); transition: all 0.5s }
.widget_343 .dropdown-item { position: relative; z-index: 2 }
.widget_343 .nestedSingleMenuItem:hover::before, li.nestedSingleMenuItem.active_menu::before { width: 100% }
.widget_343 .nestedSingleMenuItem:hover a.dropdown-item, li.nestedSingleMenuItem.active_menu > a.dropdown-item { color: rgb(0, 64, 128) !important }
.widget_343 .navbar-expand-lg .navbar-nav .nav-link { font-size: calc(15px * var(--multi)) !important }
.widget_343 .nav-link { color: white !important }
.widget_343 .multiMenuItem.active_menu { text-decoration: underline; color: white !important }
.widget_343 .singleMenuItem.active_menu { color: white !important }
.widget_343 .singleMenuItem.active_menu a.nav-link { color: white !important }
.widget_343 .logo-text { display: flex; align-items: center; gap: 10px }
.widget_343 .main-text h3 { color: white !important }
.widget_343 .main-text { text-decoration: none !important }
.widget_343 .navbar { background-color: rgb(255, 137, 66); padding: 0 1rem }
.widget_343 .dropdown-menu.show { background-color: rgb(255, 137, 66) !important; color: white !important }
.widget_343 .dropdown-menu.show:hover { color: rgb(0, 64, 128) !important }
.widget_343 .dropdown-item { color: var(--secondary_color) }
.widget_343 .ham_close { display: none }
.widget_343 .mobile_menu { display: none }
.widget_343 img#dynamic_1 { min-width: 40px !important }
@media all and (max-width: 999px) {
.widget_343 .navbar-collapse.collapse { position: fixed; display: none !important; opacity: 0 !important }
.widget_343 .ham_close { display: block; top: -8px; right: 20px; color: white; position: absolute; background: transparent; border: none; font-size: 40px }
.widget_343 .collapsing { height: auto !important; transition: none !important; display: none !important }
.widget_343 .collapse { display: none !important; opacity: 0 !important; transition: none !important }
.widget_343 .navbar-toggler { background-color: white }
.widget_343 .mobile_menu { width: 100%; height: auto; background: rgb(255, 137, 66) }
.widget_343 a.nav-link { padding-left: 20px }
}
</style>



                        <section dragable="true" id="widget_1" class="widget widget_343" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="d-flex justify-content-between navbar">
        <div class="logo-text d-flex"> <a href="/" class="logo-container">
                <div class="dynamic_field_wrapper"><img async alt='image'  class="dynamic_field" data-fieldname="logo_Image" data-objecttype="image" data-dummy-value="image logo" src="/webomagic/getFile?fid=56336" alt="dummy image" style="min-height:50px;min-width:50px;;height:40px;width:60px;margin:;padding:;" id="dynamic_1" /></div> </a>
            <a href="/" class="main-text">
                <div class="dynamic_field_wrapper"><h3 class="dynamic_field" data-fieldname="logo_Text" data-objecttype="text" data-dummy-value="brand name" id="dynamic_2" style=";height:;width:;margin:;padding:;">Tarakeswar<br>Shrabani Mela</br></h3></div>
            </a>
        </div>
        <div style="padding: 0.3rem 0;">
            <div class="dynamic_field" data-fieldname="menu" data-objecttype="menu" data-uniq="722" id="dynamic_3" style=";font-size:20px;font-family:;height:;width:;">
                <div class="navbar navbar-expand-lg navbar-light  d-flex justify-content-center align-items-center">
                    <div class="container-fluid1 " style="width:100%;font-size:1rem;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]]">
                            <button class="ham_close">x</button>
                            <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_1febd393b8453f7d09c102ae7b681b83"> <a class="nav-link" href="Home?language=en">Home </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_e4d5d55eac5ad3d8d264894530bd2bfa"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                        About Tarakeswar Shrabani Mela </a>
                                    <ul class="dropdown-menu" id="sub_menu_e4d5d55eac5ad3d8d264894530bd2bfa"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Introduction?language=en">Introduction</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Historical_Significance?language=en">Historical Significance</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Social_Significance?language=en">Social Significance</a> </li></ul>
                                </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_cc382299c25cbb0cff65d2b5503d96f0"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                        Pilgrim's Services </a>
                                    <ul class="dropdown-menu" id="sub_menu_cc382299c25cbb0cff65d2b5503d96f0"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Places_to_Rest_for_Jal_Jatris?language=en">Places to Rest for Jal Jatris</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Details_of_Bhandaras?language=en">Details of Camp / Bhandaras</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Toilet?language=en">Map for Toilet</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Drinking_Water?language=en">Map for Drinking Water</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Health_Facilities?language=en">Map for Health Facilities</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Fire_Police_Camp?language=en">Map for Fire &amp; Police Assistance Booth</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Transport_Facilities?language=en">Map for Transport Facilities</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Waste_Bins?language=en">Map for Waste Bins</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="How_to_Reach_?language=en">How to Reach?</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Other_Places_of_Attraction?language=en">Other Places of Attraction</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Weather_Updates?language=en">Weather Updates</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="CCTV_Surveillance?language=en">CCTV Surveillance</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Do_and_Dont?language=en">Do's and Don'ts</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="test?language=en">E Darshan</a> </li></ul>
                                </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_9638fca0f408cca26f91b1f98dd9e8e0"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                        Gallery </a>
                                    <ul class="dropdown-menu" id="sub_menu_9638fca0f408cca26f91b1f98dd9e8e0"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Photo_Gallery?language=en">Photo Gallery</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Video_Gallery?language=en">Video Gallery</a> </li></ul>
                                </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_5fb86baf55ed514e7bfdfe5cbfc687ca"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                                        Contacts </a>
                                    <ul class="dropdown-menu" id="sub_menu_5fb86baf55ed514e7bfdfe5cbfc687ca"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Contact_Us?language=en">Contact Us</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Emergency_Contact?language=en">Emergency Contacts</a> </li></ul>
                                </li><li class="nav-item active1 singleMenuItem" id="menu_item_b3a43e618e5284f11b370a5179c90c30"> <a class="nav-link" href="Information_Corner?language=en">Information Corner </a> </li></ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-fieldname="menu2" class="mobile_menu dynamic_field" data-objecttype="menu" data-uniq="7272" id="dynamic_4" style=";font-size:20px;font-family:;height:;width:;">
        <ul data-objecttype="menu_container" class="navbar-nav d-flex justify-content-around nav-item-container" style="width:100%" id="navbar-nav_[[widget_id]]" data-uniq="412364911"><li class="nav-item active1 singleMenuItem" id="menu_item_5c42c3eed898aa990cf42042b00f69b2"> <a class="nav-link" href="Home?language=en">Home </a> </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_70f5a4b32b7f3e622b30c0962b19cd07"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                    About Tarakeswar Shrabani Mela </a>
                <ul class="dropdown-menu" id="sub_menu_70f5a4b32b7f3e622b30c0962b19cd07"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Introduction?language=en">Introduction</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Historical_Significance?language=en">Historical Significance</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Social_Significance?language=en">Social Significance</a> </li></ul>
            </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_cd612c3f2b2e8cde6f8213370614814f"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                    Pilgrim's Services </a>
                <ul class="dropdown-menu" id="sub_menu_cd612c3f2b2e8cde6f8213370614814f"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Places_to_Rest_for_Jal_Jatris?language=en">Places to Rest for Jal Jatris</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Details_of_Bhandaras?language=en">Details of Camp / Bhandaras</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Toilet?language=en">Map for Toilet</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Drinking_Water?language=en">Map for Drinking Water</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Health_Facilities?language=en">Map for Health Facilities</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Fire_Police_Camp?language=en">Map for Fire &amp; Police Assistance Booth</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Transport_Facilities?language=en">Map for Transport Facilities</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Map_for_Waste_Bins?language=en">Map for Waste Bins</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="How_to_Reach_?language=en">How to Reach?</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Other_Places_of_Attraction?language=en">Other Places of Attraction</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Weather_Updates?language=en">Weather Updates</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="CCTV_Surveillance?language=en">CCTV Surveillance</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Do_and_Dont?language=en">Do's and Don'ts</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="test?language=en">E Darshan</a> </li></ul>
            </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_8ba71134fc3d366772be33fd92c1c60c"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                    Gallery </a>
                <ul class="dropdown-menu" id="sub_menu_8ba71134fc3d366772be33fd92c1c60c"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Photo_Gallery?language=en">Photo Gallery</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Video_Gallery?language=en">Video Gallery</a> </li></ul>
            </li><li class="nav-item dropdown active1 multiMenuItem" id="menu_item_c7f477c99e82e5479f6e4b7c84f37ce2"> <a class="nav-link dropdown-toggle" href="" data-bs-toggle="dropdown">
                    Contacts </a>
                <ul class="dropdown-menu" id="sub_menu_c7f477c99e82e5479f6e4b7c84f37ce2"><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Contact_Us?language=en">Contact Us</a> </li><li class="nestedSingleMenuItem"> <a class="dropdown-item" href="Emergency_Contact?language=en">Emergency Contacts</a> </li></ul>
            </li><li class="nav-item active1 singleMenuItem" id="menu_item_5ce7ea420cc0bb25ec8b29f42da8037b"> <a class="nav-link" href="Information_Corner?language=en">Information Corner </a> </li></ul>
    </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
    }
  }
});

$(".ham_close").click(function(){
  $(".navbar-toggler").trigger("click");
})
$(".navbar-toggler").click(function(){
  $(".mobile_menu").fadeToggle();
})
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>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('logo_Image');</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_387 .language-bar { position: fixed; top: 45%; left: 0; transform: translateY(-50%); z-index: 999 }
.widget_387 .language-bar a { display: flex; align-items: center; width: 40px; height: 50px; color: white; text-decoration: none; transition: all 0.3s ease; overflow: hidden; border-radius: 0 10px 10px 0; padding-left: 3px }
.widget_387 .language-bar a i { font-size: 20px; width: 20px; text-align: center }
.widget_387 .language-bar a .short-code { margin-left: 3px; font-size: 14px; white-space: nowrap }
.widget_387 .language-bar a .full-name { white-space: nowrap; padding-left: 5px; opacity: 0; transform: translateX(-20px); transition: opacity 0.3s ease, transform 0.3s ease; font-size: 14px }
.widget_387 .language-bar a:hover { width: 150px }
.widget_387 .language-bar a:hover .full-name { opacity: 1; transform: translateX(0) }
.widget_387 .english { background: rgb(255, 153, 51) }
.widget_387 .bengali { background: rgb(245, 124, 0) }
.widget_387 .hindi { background: rgb(210, 105, 30) }
</style>



                            <section dragable="true" id="widget_2" class="widget widget_387" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="dynamic_field_wrapper"><div class="dynamic_field d-none" data-fieldname="homeLangauge" data-objecttype="text" data-dummy-value="Langauge" id="dynamic_5" style=";height:;width:;margin:;padding:;">Langauge</div></div>
    <div class="language-bar">
  <a class="english" href="?language=en">
    <span class="short-code">EN</span>
    <span class="full-name">English</span>
  </a>
  <a class="bengali" href="?language=beng">
    <span class="short-code">বা</span>
    <span class="full-name">বাংলা</span>
  </a>
  <a class="hindi" href="?language=hindi">
    <span class="short-code">हि</span>
    <span class="full-name">हिन्दी</span>
  </a>
</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('homeLangauge');</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_355 .overlay-img { position: absolute; top: 50px; left: 50px; width: 100px; height: auto; z-index: 15; pointer-events: none }
.widget_355 .center-overlay-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: auto; z-index: 15; pointer-events: none }
.widget_355 .carousel { position: relative; max-width: 100%; max-height: 90vh; overflow: hidden; margin: 0 auto }
.widget_355 .carousel-images { display: flex; width: 100vw; transition: transform 0.5s ease-in-out }
.widget_355 .carousel-images img { width: 100vw; height: 100vh; object-fit: cover; flex-shrink: 0 }
.widget_355 .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2rem; color: white; background: rgba(0, 0, 0, 0.4); border: none; padding: 0.5rem; cursor: pointer; z-index: 10 }
.widget_355 .carousel-btn.prev { left: 10px }
.widget_355 .carousel-btn.next { right: 10px }
@media all and (max-width: 600px) {
.widget_355 .center-overlay-img { width: 300px !important }
}
</style>



                        <section dragable="true" id="widget_3" class="widget widget_355" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div class="carousel">
        <img async alt='image'  data-fieldname="logoImage" data-objecttype="image" data-dummy-value="Logo Image" src="/webomagic/getFile?fid=45710" alt="dummy image" class="overlay-img dynamic_field" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_6">
        <img async alt='image'  data-fieldname="siteTextImage" data-objecttype="image" data-dummy-value="Site Text Image" src="/webomagic/getFile?fid=43149" alt="dummy image" class="center-overlay-img dynamic_field" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_7">

        <div class="carousel-images dynamic_field dynamic_list" data-fieldname="homeCarousel" data-objecttype="list" data-dummy-value="Carousel Image" data-uniq="1728901900" id="dynamic_8" style=";height:;width:;margin:;padding:;">
            
        <img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47859" alt="Image 1" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47860" alt="Image 2" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47861" alt="Image 3" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47862" alt="Image 4" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47863" alt="Image 5" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47864" alt="Image 6" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /><img async alt='image'  class="repeatable dynamic_field dynamic_list_items" src="/webomagic/getFile?fid=47865" alt="Image 7" data-fieldname="homeCarousel" data-objecttype="list_item" id="dynamic_9" style=";height:;width:;margin:;padding:;" /></div>
        <button type="button" class="carousel-btn prev">❮</button>
        <button type="button" class="carousel-btn next">❯</button>
        </img></img>
    </div>
</section>
 

                        <script  defer>
 $(document).ready(function () {
  (()=>{// ===== Carousel =====
  const carousel = document.querySelector('.carousel-images');
  const images = document.querySelectorAll('.carousel-images img');
  const total = images.length;

  let index = 1;
  let allowTransition = true;

  if (carousel && total > 0) {
    const firstClone = images[0].cloneNode(true);
    const lastClone = images[total - 1].cloneNode(true);
    firstClone.setAttribute('data-clone', 'first');
    lastClone.setAttribute('data-clone', 'last');

    carousel.appendChild(firstClone);
    carousel.insertBefore(lastClone, images[0]);

    const allImages = document.querySelectorAll('.carousel-images img');
    const updatedTotal = allImages.length;

    carousel.style.transform = `translateX(-${index * 100}vw)`;

    function updateCarousel(animate = true) {
      carousel.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';
      carousel.style.transform = `translateX(-${index * 100}vw)`;
    }

    function checkLoop() {
      if (allImages[index].getAttribute('data-clone') === 'first') {
        index = 1;
        updateCarousel(false);
      }
      if (allImages[index].getAttribute('data-clone') === 'last') {
        index = total;
        updateCarousel(false);
      }
    }

    document.querySelector('.carousel-btn.next')?.addEventListener('click', () => {
      if (index >= updatedTotal - 1) return;
      index++;
      updateCarousel();
    });

    document.querySelector('.carousel-btn.prev')?.addEventListener('click', () => {
      if (index <= 0) return;
      index--;
      updateCarousel();
    });

    carousel.addEventListener('transitionend', checkLoop);

    setInterval(() => {
      if (index >= updatedTotal - 1) return;
      index++;
      updateCarousel();
    }, 5000);
  }
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('siteTextImage');</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('homeCarousel');</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_386 .intro-heading { text-align: center; margin: 15px 0; color: rgb(42, 48, 149); font-size: calc(40px * var(--multi)) }
.widget_386 .pilgrim-card-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; max-width: 1200px; margin: auto; padding: 0 20px }
.widget_386 .pilgrim-card { display: flex; flex-direction: row; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; background: rgb(255, 255, 255); height: 120px }
.widget_386 .pilgrim-card:hover { transform: translateY(-6px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) }
.widget_386 .pilgrim-card-left { background: rgb(255, 255, 255); padding: 20px; display: flex; align-items: center; justify-content: center; flex: 0 0 80px }
.widget_386 .pilgrim-card-icon { font-size: 36px; color: rgb(0, 180, 216) }
.widget_386 .pilgrim-card-right { flex: 1; padding: 20px; background: linear-gradient(135deg, rgb(255, 179, 0), rgb(255, 143, 0)); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center }
.widget_386 .pilgrim-card-title { font-size: calc(18px * var(--multi)); font-weight: 600; margin-bottom: 10px }
.widget_386 .pilgrim-card-desc { font-size: calc(14px * var(--multi)); line-height: 1.6; margin-bottom: 15px }
.widget_386 .pilgrim-card-button { background-color: transparent; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 8px 16px; border-radius: 25px; text-decoration: none; font-size: calc(14px * var(--multi)); transition: all 0.3s ease; align-self: flex-start }
.widget_386 .pilgrim-card-button:hover { background-color: rgb(255, 255, 255); color: rgb(0, 119, 182) }
.widget_386 .mid_content { text-align: center; font-weight: 400; font-size: 19px; padding-bottom: 10px }
</style>



                        
    <section dragable="true" id="widget_4" class="widget widget_386" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
    <div>
<div class="dynamic_field_wrapper"><h2 class="intro-heading dynamic_field" data-fieldname="introheading1" data-objecttype="text" data-dummy-value="intro heading" id="dynamic_10" style=";height:;width:;margin:;padding:;">Tarakeswar Shrabani Mela</h2></div>
<div class="dynamic_field_wrapper"><div class="mid_content dynamic_field" data-fieldname="mid_content" data-objecttype="text" data-dummy-value="The dates of Shrabani Mela this year are from 10th July 2025 to 18th August 2025." id="dynamic_11" style=";font-size:px;font-family:;height:;width:;margin:;padding:;"><div><strong>10th July 2025 to 18th August 2025.</strong></div></div></div>
<div class="pilgrim-card-container2">
    <div class="pilgrim-card-container dynamic_field dynamic_list" data-fieldname="mapCards1" data-objecttype="list" data-dummy-value="Map Cards" data-uniq="2083828649" id="dynamic_12" style=";height:;width:;margin:;padding:;">
        
    <div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-bed"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Places to Rest</div>
                <a href="Places_to_Rest_for_Jal_Jatris?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-bowl-food"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Camp/Bhandara</div>
                <a href="Details_of_Bhandaras?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-faucet-drip"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Drinking Water</div>
                <a href="Map_for_Drinking_Water?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-restroom"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Toilet</div>
                <a href="Map_for_Toilet?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-briefcase-medical"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Health Facilities</div>
                <a href="Map_for_Health_Facilities?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-building-shield"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Fire &amp; Police Assistance Booth</div>
                <a href="Map_for_Fire_Police_Camp?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-dumpster"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Waste Bin Locator</div>
                <a href="Map_for_Waste_Bins?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-bus"></i></div>
            </div>
            <div class="pilgrim-card-right">
                <div class="pilgrim-card-title">Transport Facilities</div>
                <a href="Map_for_Transport_Facilities?language=en" class="pilgrim-card-button">Click for Map</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-info"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Information Corner</div>
                <a href="Information_Corner?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-brands fa-battle-net"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">E-Darshan</div>
                <a href="test?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-list-ol"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Do's and Don'ts</div>
                <a href="Do_and_Dont?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-cloud"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Weather Updates</div>
                <a href="Weather_Updates?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-hands-praying"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Ganga Arti</div>
                <a href="Ganga_Aarti?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-book-open-reader"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Shrabani Sangrahalaya</div>
                <a href="Sangrahalaya?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-camera-retro"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">CCTV Surveillance System</div>
                <a href="CCTV_Surveillance?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-hospital"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">Emergency Contacts</div>
                <a href="Emergency_Contact?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards1" data-objecttype="list_item" id="dynamic_13" style=";height:;width:;margin:;padding:;">
            <div class="pilgrim-card-left">
                <div class="pilgrim-card-icon"><i class="fa-solid fa-route"></i></div>
            </div>
            <div class="pilgrim-card-right-teal">
                <div class="pilgrim-card-title">How to Reach</div>
                <a href="How_to_Reach_?language=en" class="pilgrim-card-button">Read More</a>
            </div>
        </div></div>
</div>
</div></section>

                        <script >console.log('js');</script>
<!--                        <th:block th:if="${language} and ${language}=='beng'">-->
<!--                            <th:block th:if="${columnContent.customWidget.replacedHtml.beng!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.beng}"></th:block>-->
<!--                            </th:block>-->
<!--                            <th:block th:unless="${columnContent.customWidget.replacedHtml.en!=null}">-->
<!--                                <th:block  th:style="${columnContent.customWidget.widgetFieldObject.style}" th:utext="${columnContent.customWidget.replacedHtml.en}"></th:block>-->
<!--                            </th:block>-->
<!--                        </th:block>-->


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

                        
                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('mapCards1');</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_361 .intro-heading { text-align: center; margin: 15px 0; color: rgb(42, 48, 149); font-size: calc(40px * var(--multi)) }
.widget_361 .pilgrim-card-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; max-width: 1200px; margin: auto; padding: 0 20px }
.widget_361 .pilgrim-card { display: flex; flex-direction: row; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; background: rgb(255, 255, 255); height: 120px }
.widget_361 .pilgrim-card:hover { transform: translateY(-6px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) }
.widget_361 .pilgrim-card-left { background: rgb(255, 255, 255); padding: 20px; display: flex; align-items: center; justify-content: center; flex: 0 0 80px }
.widget_361 .pilgrim-card-icon { font-size: 36px; color: rgb(0, 180, 216) }
.widget_361 .pilgrim-card-right { flex: 1; padding: 20px; background: linear-gradient(135deg, rgb(0, 180, 216), rgb(0, 119, 182)); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center }
.widget_361 .pilgrim-card-title { font-size: calc(18px * var(--multi)); font-weight: 600; margin-bottom: 10px }
.widget_361 .pilgrim-card-desc { font-size: calc(14px * var(--multi)); line-height: 1.6; margin-bottom: 15px }
.widget_361 .pilgrim-card-button { background-color: transparent; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); padding: 8px 16px; border-radius: 25px; text-decoration: none; font-size: calc(14px * var(--multi)); transition: all 0.3s ease; align-self: flex-start }
.widget_361 .pilgrim-card-button:hover { background-color: rgb(255, 255, 255); color: rgb(0, 119, 182) }
.widget_361 .pilgrim-card-link { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; padding: 20px 0 }
.widget_361 .see-more-btn { padding: 10px 24px; background: linear-gradient(135deg, rgb(0, 180, 216), rgb(0, 119, 182)); color: rgb(255, 255, 255); border-radius: 30px; text-decoration: none; font-weight: 600; border: 2px solid rgb(0, 119, 182); transition: all 0.3s ease }
.widget_361 .see-more-btn:hover { background-color: rgb(255, 255, 255); color: rgb(0, 119, 182) }
.widget_361 .mid_content { text-align: center; font-weight: 400 }
</style>



                        <div class="social-bar">
  <a class="facebook" href="https://www.facebook.com/people/Tarakeswar-Shrabani-Mela/pfbid0LK5jgqmTsnzRMJTqsrDGwSJ8AutdTDQcZ727HSkoy3LTd65B2zicBsKqbHPRBcpWl/">
    <i class="fab fa-facebook-f"></i><span>Facebook</span></a>
  <a class="instagram" href="https://www.instagram.com/tarakeswarshrabanimela/">
    <i class="fab fa-instagram"></i><span>Instagram</span></a>
  <a class="youtube" href="https://www.youtube.com/@TarakeswarShrabaniMela">
    <i class="fab fa-youtube"></i><span>YouTube</span></a>
</div>

<section dragable="true" id="widget_5" class="widget widget_361" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
  <h2 class="intro-heading dynamic_field" data-fieldname="introheading" data-objecttype="text" data-dummy-value="intro heading" id="dynamic_14" style=";height:;width:;margin:;padding:;">Tarakeswar Shrabani Mela</h2>
  
  <div class="pilgrim-card-container2">
    <div class="pilgrim-card-container dynamic_field dynamic_list" data-fieldname="mapCards" data-objecttype="list" data-dummy-value="Map Cards" data-uniq="2083828649" id="dynamic_15" style=";height:;width:;margin:;padding:;">
      
    <div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-bed"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Places to Rest</div>
          <a href="Places_to_Rest_for_Jal_Jatris?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-bowl-food"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Camp/Bhandara</div>
          <a href="Details_of_Bhandaras?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-faucet-drip"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Drinking Water</div>
          <a href="Map_for_Drinking_Water?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-restroom"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Toilet</div>
          <a href="Map_for_Toilet?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-briefcase-medical"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Health Facilities</div>
          <a href="Map_for_Health_Facilities?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-building-shield"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Fire &amp; Police Assistance Booth</div>
          <a href="Map_for_Fire_Police_Camp?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-dumpster"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Waste Bin Locator</div>
          <a href="Map_for_Waste_Bins?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-bus"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Transport Facilities</div>
          <a href="Map_for_Transport_Facilities?language=en" class="pilgrim-card-button">Click for Map</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-info"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Information Corner</div>
          <a href="Information_Corner?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-brands fa-battle-net"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">E-Darshan</div>
          <a href="test?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-list-ol"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Do's and Don'ts</div>
          <a href="Do_and_Dont?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-cloud"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Weather Updates</div>
          <a href="Weather_Updates?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-hands-praying"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Ganga Arti</div>
          <a href="Ganga_Aarti?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-book-open-reader"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Shrabani Sangrahalaya</div>
          <a href="Sangrahalaya?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-camera-retro"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">CCTV Surveillance System</div>
          <a href="CCTV_Surveillance?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-hospital"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">Emergency Contacts</div>
          <a href="Emergency_Contact?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div><div class="pilgrim-card repeatable dynamic_field dynamic_list_items" data-fieldname="mapCards" data-objecttype="list_item" id="dynamic_16" style=";height:;width:;margin:;padding:;">
        <div class="pilgrim-card-left">
          <div class="pilgrim-card-icon"><i class="fa-solid fa-route"></i></div>
        </div>
        <div class="pilgrim-card-right">
          <div class="pilgrim-card-title">How to Reach</div>
          <a href="How_to_Reach_?language=en" class="pilgrim-card-button">Read More</a>
        </div>
      </div></div>

    <div class="pilgrim-card-link dynamic_field mt-4" data-fieldname="informationCorner" data-objecttype="text" data-dummy-value="Information Corner" id="dynamic_17" style=";font-size:px;font-family:;height:;width:;margin:;padding:;"><div><a class="see-more-btn custom_link" style="border: 0px;" href="../Information_Corner?language=en">Information Corner</a></div></div>
  </div>

  
  <section class="section">
    <div class="container_about">
      <div class="section-text">
        <h2 class="dynamic_field" data-fieldname="tarakeswarText" data-objecttype="text" data-dummy-value="Tarakeswar Text" id="dynamic_18" style=";height:;width:;margin:;padding:;">Tarakeswar</h2>
        <h1 class="dynamic_field" data-fieldname="shrabaniMelaText" data-objecttype="text" data-dummy-value="Shrabani Mela Text" id="dynamic_19" style=";height:;width:;margin:;padding:;">Shrabani Mela</h1>
        
        <p class="dynamic_field" data-fieldname="homeText" data-objecttype="text" data-dummy-value="Home Text" id="dynamic_20" style=";height:;width:;margin:;padding:;">Every year, in the rainy month of Shraban (July–August), lakhs of people walk the path of devotion to Tarakeswar Temple in Hooghly district of West Bengal. They carry holy water from the Ganges, collected mainly at the Nimai Tirtha Ghat in Baidyabati, along with various other ghats, to offer to Lord Shiva at the Taraknath Temple. Known as the Shrabani Mela, this event draws countless devotees each year. People believe that offering Ganga water to Lord Shiva during this time brings peace, blessings, and good luck. Pilgrims, referred to as “Jal Jatris” walk around 40 kilometers barefoot. They come from places all across the country. It is a hard journey, but they do it with strong faith. Echoes of chants, prayers, and heartfelt devotion fill the town. Tarakeswar Shrabani Mela is more than a walk. It is a journey of love, belief, and hope.</p>

      </div>
      <div class="section-image">
        <img async alt='image'  class="dynamic_field" data-fieldname="melaImage" data-objecttype="image" data-dummy-value="Tarakeswar Shrabani Mela Image" src="/webomagic/getFile?fid=45978" alt="dummy image" style="min-height:50px;min-width:50px;;height:;width:;margin:;padding:;" id="dynamic_21">
        </img>
      </div>
    </div>
  </section>
  
  <div class="mythCard-container dynamic_field dynamic_list" data-fieldname="tarakeswarplaces" data-objecttype="list" data-dummy-value="Tarakeswar Places" data-uniq="1363010603" id="dynamic_22" style=";height:;width:;margin:;padding:;">

    

  <div class="mythCard repeatable dynamic_field dynamic_list_items" data-fieldname="tarakeswarplaces" data-objecttype="list_item" id="dynamic_23" style=";height:;width:;margin:;padding:;">
      <img async alt='image'  src="/webomagic/getFile?fid=46375" alt="dummy image" style="min-height:50px;min-width:50px;">
      <div class="mythCard-content">
        <h3>Temple of Baba Taraknath</h3>
        <p>The Tarakeswar Temple is one of the prime pilgrimage destinations for the people of Bengal. The structure of Atchala, which consists of Nat Mandir in the front area...</p>
      </div>
      <a href="Introduction?language=en#templeOfBabaTaraknath">Read More</a>
      </img>
    </div><div class="mythCard repeatable dynamic_field dynamic_list_items" data-fieldname="tarakeswarplaces" data-objecttype="list_item" id="dynamic_23" style=";height:;width:;margin:;padding:;">
      <img async alt='image'  src="/webomagic/getFile?fid=46376" alt="dummy image" style="min-height:50px;min-width:50px;">
      <div class="mythCard-content">
        <h3>Dudhpukur Pond</h3>
        <p>Dudhpukur Pond, which is associated with the temple, means Milk Pond. Pilgrims visiting Tarakeswar temple often take a dip in this pond for the fulfillment of their wishes....</p>
      </div>
      <a href="Introduction?language=en#dudhpukurPond">Read More</a>
      </img>
    </div><div class="mythCard repeatable dynamic_field dynamic_list_items" data-fieldname="tarakeswarplaces" data-objecttype="list_item" id="dynamic_23" style=";height:;width:;margin:;padding:;">
      <img async alt='image'  src="/webomagic/getFile?fid=47625" alt="dummy image" style="min-height:50px;min-width:50px;">
      <div class="mythCard-content">
        <h3>Gajan Celebration</h3>
        <p>Gajan celebration is performed by the devotees signifying marriages of the male forces of Siva, Nil or Dharmaraj with their respective consorts...</p>
      </div>
      <a href="Introduction?language=en#gajanCelebration">Read More</a>
      </img>
    </div><div class="mythCard repeatable dynamic_field dynamic_list_items" data-fieldname="tarakeswarplaces" data-objecttype="list_item" id="dynamic_23" style=";height:;width:;margin:;padding:;">
      <img async alt='image'  src="/webomagic/getFile?fid=46378" alt="dummy image" style="min-height:50px;min-width:50px;">
      <div class="mythCard-content">
        <h3>Buddha Temple, Deulpara</h3>
        <p>The Buddha Temple of Deulpara is another major attraction in Tarakeswar. This temple was consecrated in the year 1985 by Dalai Lama...</p>
      </div>
      <a href="Introduction?language=en#buddhaTemple">Read More</a>
      </img>
    </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('')</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('shrabaniMelaText');</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_344 footer { background-color: rgb(255, 137, 66); color: white; padding: 2rem 1rem }
.widget_344 .footer-content { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; max-width: 1200px; margin: auto }
.widget_344 .footer-section h4 { font-size: calc(1.1rem * var(--multi)); margin-bottom: 1rem; text-transform: uppercase }
.widget_344 .footer-section ul { list-style: none; padding: 0 }
.widget_344 .footer-section ul li { margin-bottom: 0.4rem }
.widget_344 .footer-section div { margin-bottom: 0.4rem }
.widget_344 .footer-section a { text-decoration: none; color: white }
.widget_344 .icons i { margin: 0 0.5rem; font-size: calc(1.2rem * var(--multi)); color: white }
.widget_344 footer hr { margin: 1rem 0; border-top: 1px solid rgb(85, 85, 85) }
.widget_344 footer .copyright { text-align: center; font-size: calc(0.85rem * var(--multi)) }
.widget_344 footer .visitor-counter { text-align: center }
@media all and (max-width: 768px) {
.widget_344 .footer-content { flex-direction: column }
}
</style>



                        <section dragable="true" id="widget_6" class="widget widget_344" style="sectionHidden:false;padding:0;margin:0;background:#f8f9fa;backgroundImage:;sectionCustomCss:;">
  <footer>
    <div class="footer-content">
      <div class="footer-section">
        <div class="dynamic_field_wrapper"><h4 class="dynamic_field" data-fieldname="brandText" data-objecttype="text" data-dummy-value="brand-text" id="dynamic_24" style=";height:;width:;margin:;padding:;">Tarakeswar Shrabani Mela</h4></div>
        <div class="dynamic_field_wrapper"><p class="dynamic_field" data-fieldname="developText" data-objecttype="text" data-dummy-value="develop-text" id="dynamic_25" style=";height:;width:;margin:;padding:;">Tarakeswar Development Authority &amp;<br>District Administration Hooghly,<br>Govt. of West Bengal</br></br></p></div>
      </div>
      <div class="footer-section">
        <h4>Quick Links</h4>
        <ul class="dynamic_field dynamic_list" data-fieldname="quickLinks" data-objecttype="list" data-dummy-value="Quick Links" data-uniq="1447139738" id="dynamic_26" style=";height:;width:;margin:;padding:;">
          
        <li class="repeatable dynamic_field dynamic_list_items" data-fieldname="quickLinks" data-objecttype="list_item" id="dynamic_27" style=";height:;width:;margin:;padding:;">
            <a href="?language=en">Home</a>
          </li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="quickLinks" data-objecttype="list_item" id="dynamic_27" style=";height:;width:;margin:;padding:;">
            <a href="Introduction?language=en">About Us</a>
          </li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="quickLinks" data-objecttype="list_item" id="dynamic_27" style=";height:;width:;margin:;padding:;">
            <a href="Contact_Us?language=en">Contact Us</a>
          </li><li class="repeatable dynamic_field dynamic_list_items" data-fieldname="quickLinks" data-objecttype="list_item" id="dynamic_27" style=";height:;width:;margin:;padding:;">
            <a href="Details_of_Bhandaras?language=en">Camp/Bhandara Map</a>
          </li></ul>
      </div>
      <div class="footer-section">
        <h4>Contact Us</h4>
        <div>
          <i class="fa-solid fa-phone"></i>
          <a href="tel:033 2683 0845">033 2683 0845</a>
        </div>
        <div>
          <i class="fa-solid fa-envelope"></i>
          <a href="mailto:tarakeswarshrabanimela@gmail.com">tarakeswarshrabanimela@gmail.com</a>
        </div>
        <div class="d-flex">
          <i class="fa-solid fa-location-dot mt-2"></i>
          <div class="dynamic_field_wrapper"><p class="ms-2 dynamic_field" data-fieldname="addressText" data-objecttype="text" data-dummy-value="Address Text" id="dynamic_28" style=";height:;width:;margin:;padding:;">The office of the Sub-Divisional Officer, Chandannagar &amp;<br>Executive Officer, Tarakeswar Development Authority,<br>Bhudeb Mukherjee Road, Chandan Nagar,<br>Hooghly, Pin- 712136</br></br></br></p></div>
        </div>
      </div>
      <div class="footer-section">
        <h4>Social Media Links</h4>
        <div class="icons">
          <a title="Facebook Page" href="https://www.facebook.com/people/Tarakeswar-Shrabani-Mela/pfbid0LK5jgqmTsnzRMJTqsrDGwSJ8AutdTDQcZ727HSkoy3LTd65B2zicBsKqbHPRBcpWl/"><i class="fa-brands fa-facebook"></i> </a>
          | <a title="Instagram" href="https://www.instagram.com/tarakeswarshrabanimela/"><i class="fa-brands fa-square-instagram"></i></a> |
          <a title="YouTube Channel" href="https://www.youtube.com/@TarakeswarShrabaniMela"><i class="fa-brands fa-youtube"></i></a>
        </div>
      </div>
    </div>
    <hr>
    <p class="copyright">© 2025 Tarakeswar Shrabani Mela. All rights reserved.</p>
    <p class="copyright">Powered by WTL</p>    
    <p class="visitor-counter"> Visitor Counter: <b><span id="visitor-count">3332</span></b> </p>
    </hr>
  </footer>
</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('quickLinks');</script></div>

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


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

                                

                                

                            

                        


                            


                                
                                    <div><script >console.log('addressText');</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>
