<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="DALOGLU" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="https://daloglu.com.tr//deppo/image/wfavicon.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Engineering Power That Manages the Load</title>
    <meta name="description" content="Engineering Power That Manages the Load" />
    <meta name="keywords" content="Engineering Power That Manages the Load,DALOGLU,daloglu,bulk material handling systems,container filling systems,container loading systems,ship loading systems,ship unloading systems,bulk ship loaders,bulk ship unloaders,conveyor systems,port loading equipment,terminal storage systems,dry bulk handling solutions,custom bulk handling systems,turnkey bulk material handling solutions" />
    <link rel="canonical" href="https://daloglu.com.tr/" />

    <meta property="og:title" content="Engineering Power That Manages the Load" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Engineering Power That Manages the Load" />
    <meta property="og:url" content="https://daloglu.com.tr//?lang=lang1/" />
    <meta property="og:image" content="https://daloglu.com.tr//https://daloglu.com.tr//deppo/image/wlogo.png" />
    <meta property="og:description" content="Engineering Power That Manages the Load" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://daloglu.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Engineering Power That Manages the Load" />
    <meta name="twitter:description" content="Engineering Power That Manages the Load" />
    <meta name="twitter:image" content="https://daloglu.com.tr//https://daloglu.com.tr//deppo/image/wlogo.png" />
    <meta name="twitter:domain" content="https://daloglu.com.tr//?lang=lang1/" />
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('https://cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://daloglu.com.tr//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://daloglu.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://daloglu.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='https://cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>





































<!--[if lt IE 9]>
    <script src="https://daloglu.com.tr//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://daloglu.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://daloglu.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="https://cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

<!-- favicons Icons -->
    <link rel="icon" type="image/ico" sizes="32x32" href="assets/images/icon/daloglu-mhr.ico">
    <link rel="manifest" href="assets/images/favicons/site.webmanifest">
    <meta name="description" content="">
    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css">
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css">
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css">
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css">
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css">
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css">
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/vendors/insur-icons/style.css">
    <link rel="stylesheet" href="assets/vendors/insur-two-icon/style.css">
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css">
    <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css">
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css">
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css">
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css">
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css">
    <link rel="stylesheet" href="assets/vendors/ion.rangeSlider/css/ion.rangeSlider.min.css">
    <link rel="stylesheet" href="assets/vendors/insur-three-icon/style.css">
    <!-- template styles -->
    <link rel="stylesheet" id="langLtr" href="assets/css/insur.css">
    <link rel="stylesheet" href="assets/css/color-2.css">
  </head>
  <body class="custom-cursor">
    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>

<div class="page-wrapper">
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi taraf?ndan art?k desteklenmeyen bir Internet Explorer s?r?m?n? kullan?yorsunuz. Baz? ?zellikler do?ru ?al??mayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir taray?c?ya</a> ge?in. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div><header class="main-header-four">
  <nav class="main-menu main-menu-four">
    <div class="main-menu-four__wrapper">
      <div class="main-menu-four__wrapper-inner">
        <div class="main-menu-four__left">
          <div class="main-menu-four__logo">
            <a href=".">
              <img src="assets/images/logo/logo.png" alt="" style="width: 97%; height: auto;">
            </a>
          </div>
        </div>
        <div class="main-menu-four__right">
          <div class="main-menu-four__top">
            <ul class="list-unstyled main-menu-four__top-address-list">
              <li>
                <i class="fa-regular fa-envelope"></i>
                <div class="text">
                  <p>
                    <a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a>
                  </p>
                </div>
              </li>
              <li>
                <i class="fa-regular fa-compass"></i>
                <div class="text">
                  <p>İstim Sanayi Sitesi No: 196 - Tuzla</p>
                </div>
              </li>
            </ul>
            <div class="main-menu-four__top-social-btn">
              <div class="main-menu-four__top-social">
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-facebook"></i></a>
                <a href="#"><i class="fab fa-pinterest-p"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
              </div>
			  <div class="main-menu-four__btn-box">
  <div class="thm-dil-dropdown">
    <button class="thm-dil" id="langBtn">
      <i class="fa-solid fa-earth-europe"></i> 
      <span id="selectedLangText">English</span>
      <i class="fa-solid fa-chevron-down"></i>
    </button>
    <ul class="lang-dropdown-menu" id="langDropdown">
      <li data-lang="lang1"><a href="?lang=lang1">English</a></li>
      <li data-lang="lang2"><a href="?lang=lang2">Türkçe</a></li>
      <li data-lang="lang3"><a href="?lang=lang3">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</a></li>
      <li data-lang="lang4"><a href="?lang=lang4">&#1575;&#1604;&#1593;&#1585;&#1576;&#1610;&#1577;</a></li>
    </ul>
  </div>
</div>

<style>
.thm-dil-dropdown {
  position: relative;
  display: inline-block;
}
.thm-dil {
  background: transparent;
  border: none;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #6b6b6b;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Arial', sans-serif;
  line-height: 1;
  height: auto;  
  min-height: 32px; 
}
.thm-dil:focus {
  outline: none;
}
.lang-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
  padding: 8px 0;
  margin: 4px 0 0;
  min-width: 120px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 1000;
}
.thm-dil-dropdown:hover .lang-dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.lang-dropdown-menu li {
  padding: 6px 16px;
  cursor: pointer;
}
.lang-dropdown-menu li:hover {
  background: #f5f5f5;
}
.lang-dropdown-menu li a {
  text-decoration: none;
  color: inherit;
  display: block;
}
/* Arapça için */
.lang-dropdown-menu li:last-child a {
  font-family: 'Segoe UI', 'Tahoma', 'Noto Sans Arabic', sans-serif;
  font-size: 15px;
}
</style>

<script>
(function() {
  const selectedLangSpan = document.getElementById('selectedLangText');
  const langItems = document.querySelectorAll('#langDropdown li');
  

  const langData = {};
  langItems.forEach(item => {
    const link = item.querySelector('a');
    const href = link.getAttribute('href');
    const langCode = href.split('=')[1];
    const langText = link.innerHTML;
    langData[langCode] = langText;
    item.setAttribute('data-lang', langCode);
    item.setAttribute('data-text', langText);
  });
  
  // Kayıtlı dili al
  let currentLang = localStorage.getItem('selectedLang');
  
  if (!currentLang || !langData[currentLang]) {
    const urlParams = new URLSearchParams(window.location.search);
    const urlLang = urlParams.get('lang');
    if (urlLang && langData[urlLang]) {
      currentLang = urlLang;
    } else {
      currentLang = 'lang1';
    }
  }
  
  if (langData[currentLang]) {
    selectedLangSpan.innerHTML = langData[currentLang];
  }
  
  langItems.forEach(item => {
    item.addEventListener('click', function(e) {
      e.preventDefault();
      const langCode = this.getAttribute('data-lang');
      const langText = this.getAttribute('data-text');
      const link = this.querySelector('a');
      
      if (link && link.getAttribute('href')) {
        // Buton metnini güncelle (backend'den gelen orijinal metin)
        selectedLangSpan.innerHTML = langText;
        localStorage.setItem('selectedLang', langCode);
        window.location.href = link.getAttribute('href');
      }
    });
  });
})();
</script>
              <div class="main-menu-four__btn-box">
                <a href="?i/iletisim" class="thm-btn-two main-menu-four__btn"><i class="fa-solid fa-phone-volume"></i> CONTACT</a>
              </div>
            </div>
          </div>
		  
          <div class="main-menu-four__bottom">
            <div class="main-menu-four__main-menu-box">
              <a href="#" class="mobile-nav__toggler">
                <i class="fa fa-bars"></i>
              </a>
              <ul class="main-menu__list">
                <!-- 1) Anasayfa ikonu (sabit) -->
                <li>
                  <a href="./"><i class="fa fa-home" aria-hidden="true"></i></a>
                </li>

                
      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          CORPORATE <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?h1003/About-Us">About Us</a>
          </li>

          <li>
            <a href="?r1022/References">References</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="#">
          SOLUTIONS <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1007/ship-loading-systems">Ship Loading Systems</a>
          </li>

          <li>
            <a href="?s1008/ship-unloading-systems">Ship Unloading Systems</a>
          </li>

          <li>
            <a href="?s1009/terminalstorage-systems">Terminal & Storage Systems</a>
          </li>

          <li>
            <a href="?s1010/conveyor-systems-russia">Conveyor Systems</a>
          </li>

          <li>
            <a href="?s1011/container-filling-systems">Container Filling Systems</a>
          </li>

          <li>
            <a href="?s1012/custom-engineering-solutions">Custom Engineering Solutions</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="?s1013/industries">
          INDUSTRIES <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1014/ports-and-terminals">Ports and Terminals</a>
          </li>

          <li>
            <a href="?s1015/mining">Mining</a>
          </li>

          <li>
            <a href="?s1016/cement">Cement</a>
          </li>

          <li>
            <a href="?s1017/grainagriculture">Grain & Agriculture</a>
          </li>

        </ul>
      </li>

      <!-- Dropdown menü -->
      <li class="dropdown">
        <a href="?s1018/engineering">
          ENGINEERING <i class="fa-solid fa-angle-down"></i>
        </a>
        <ul>

          <li>
            <a href="?s1019/engineering-approach">Engineering Approach</a>
          </li>

          <li>
            <a href="?s1020/rd">R&D</a>
          </li>

          <li>
            <a href="?s1021/process-design">Process Design</a>
          </li>

        </ul>
      </li>

                

                <!-- 3) Ürünler dropdown (kategoriler) -->
                <li class="dropdown">
                  <a href="#">PROJECTS <i class="fa-solid fa-angle-down"></i></a>
                  <ul>
                    
                    <li>
                      <a href="/?r1022/References">References</a>
                    </li>
                    
                    <li>
                      <a href="?x4/concept-studies">Concept Studies</a>
                    </li>
                    
                  </ul>
                </li>
              </ul>
            </div>
            <div class="main-menu-four__call-search-cart">
              <div class="main-menu-four__call">
                <div class="main-menu-four__call-icon">
                  <i class="fa fa-phone" aria-hidden="true"></i>
                </div>
                <div class="main-menu-four__call-content">
                  <p>Contact Line</p>
                  <a href="tel:+90 (544) 435 37 13">+90 (544) 435 37 13</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>
<div class="stricky-header stricked-menu main-menu main-menu-four">
  <div class="sticky-header__content"></div>
</div><!-- Loading Ekranı -->
<div id="loading-area">
  <div class="video-wrapper">
    <video id="intro-video" autoplay muted playsinline preload="auto">
      <source src="video/intro.mp4" type="video/mp4">
      Video yüklenemedi.
    </video>
  </div>
</div>

<style>
  #loading-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.6s ease;
  }

  .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }

  .video-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff;
    z-index: 2;
  }

  /* Sağ kenar için de ekleyelim (gerekirse) */
  .video-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #fff;
    z-index: 2;
  }

  video {
    width: 23%;
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: -30px;
    position: relative;
    z-index: 1;
    

    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    

    transform: scale(1.001);
    

    outline: none;
    box-shadow: inset 0 0 0 1px transparent;
    

    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    
    /* Anti-aliasing */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  @media (max-width: 600px) {
    video {
      width: 23%;
      min-width: 280px;
    }
  }
</style>

<script>
  const video = document.getElementById('intro-video');
  const loadingArea = document.getElementById('loading-area');
  const mainContent = document.getElementById('main-content');

  function videoBitti() {
    loadingArea.style.opacity = '0';

    setTimeout(() => {
      loadingArea.style.display = 'none';
      if (mainContent) {
        mainContent.style.display = 'block';
      }
    }, 600);
  }

  video.addEventListener('play', () => {
    setTimeout(() => {
      if (loadingArea.style.display !== 'none') {
        videoBitti();
      }
    }, 7000);
  });
</script>
<!--Main Slider Start-->
      <section class="main-slider-four clearfix">
        <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                "delay": 5000
                }}'>
          <div class="swiper-wrapper">
		  
            <div class="swiper-slide">
              <div class="main-slider-four__img">
                <img src="assets/images/shapes/slider-main.jpg" alt="">
              </div>
              <!-- /.image-layer -->
              <div class="main-slider-four__shape-1 float-bob-y">
                <img src="assets/images/shapes/slider-1.png" alt="">
              </div>
              <div class="main-slider-four__shape-2 float-bob-x">
                <img src="assets/images/update-10-02-2023/shapes/main-slider-four-shape-2.png" alt="">
              </div>
              <div class="main-slider-four__shadow"></div>
              <div class="container">
                <div class="row">
                  <div class="col-xl-12">
                    <div class="main-slider-four__content">
                      <p class="main-slider-four__sub-title">Engineering Power in Bulk Material Handling Systems</p>
                      <h2 class="main-slider-four__title">ENGINEERING THAT MANAGES THE LOAD<span>.</span>
                      </h2>
                      <div class="main-slider-four__btn-box">
                        <a href="#" class="thm-btn-two main-slider-four__btn">SOLUTIONS <i class="fa-solid fa-chevron-right"></i></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <!-- If we need navigation buttons -->
          <div class="main-slider-four__nav">
            <div class="swiper-button-prev" id="main-slider__swiper-button-next">
              <i class="fa-solid fa-chevron-left"></i>
            </div>
            <div class="swiper-button-next" id="main-slider__swiper-button-prev">
              <i class="fa-solid fa-chevron-right"></i>
            </div>
          </div>
        </div>
      </section>
      <!--Main Slider End-->
      <!--Feature Five Start-->
      <section class="feature-five">
        <div class="container">
          <ul class="list-unstyled feature-five__list">
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-drafting-compass" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Custom Engineering Solutions</a>
                </h3>
                <p class="feature-five__text">Each bulk material handling system is designed according to the specific needs of your operation and material.</p>
              </div>
            </li>
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-tachometer-alt" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Maximum Efficiency</a>
                </h3>
                <p class="feature-five__text">With optimized designs, it delivers maximum capacity with minimum energy consumption and downtime.</p>
              </div>
            </li>
            <li>
              <div class="feature-five__single">
                <div class="feature-five__icon">
                  <i class="fas fa-shield-halved" style="font-size: 40px; color:#fff;"></i>
                </div>
                <h3 class="feature-five__title">
                  <a href="#">Proven Reliability</a>
                </h3>
                <p class="feature-five__text">Heavy-duty solutions engineered to operate continuously in the world’s most demanding port and terminal conditions.</p>
              </div>
            </li>
          </ul>
        </div>
      </section>
      <!--Feature Five End-->
<!--About Five Start-->
<section class="about-five">
  <div class="container">
    <div class="row">
      <div class="col-xl-6">
        <div class="about-five__left">
          <div class="about-five__img-box wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
            
            <!-- Orijinal Ana Resim -->
            <div class="about-five__img">
              <img src="assets/images/home/daloglu-inf.png" 
                   alt="Daloğlu Dökme Yük Sistemleri" 
                   class="img-fluid">
            </div>
			
            <div class="about-five__shape-1 zoominout"></div>
            <div class="about-five__arrow float-bob-x">
              <img src="assets/images/home/daloglu-five-arrow.png" alt="">
            </div>
          </div>
        </div>
      </div>

      <div class="col-xl-6">
        <div class="about-five__right">
          <div class="section-title-two text-left">
            <div class="section-title-two__sub-title-box">
              <p class="section-title-two__sub-title">
                <span class="section-title-two__slash-one"></span> ABOUT US <span class="section-title-two__slash-two"></span>
              </p>
            </div>
            <h2 class="section-title-two__title">
				<span class="text-emerald-600">Engineering Power That Manages the Load</span>
            </h2>
          </div>

          <p class="about-five__text">As Daloğlu Ağır Makine San. ve Tic. A.Ş., we design, manufacture, and deliver turnkey high-performance bulk material handling systems for ports, terminals, and heavy industrial facilities.</p>

          <div class="about-five__points-and-counter-box">
            <div class="about-five__points-box">
              <ul class="about-five__points list-unstyled">
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>20+ Years of Heavy Machinery and Engineering Experience</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Custom Designed Ship Loading & Unloading Systems</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Turnkey Bulk Terminal Projects</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Long-Distance Conveyor and Transport Solutions</h4>
                  </div>
                </li>
                <li>
                  <div class="icon">
                    <i class="fa fa-check"></i>
                  </div>
                  <div class="text">
                    <h4>Remote-Controlled and Smart System Technologies</h4>
                  </div>
                </li>
              </ul>

              <div class="about-five__btn-box">
                <a href="#" class="thm-btn-two about-five__btn">Discover More</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--About Five End-->
<!--sektör-->
<section class="services-four">
    <div class="services-four__bg" style="background-image: url(assets/images/update-10-02-2023/backgrounds/services-four-bg.jpg);"></div>
    <div class="container">
        <div class="section-title-two text-center">
            <div class="section-title-two__sub-title-box">
                <p class="section-title-two__sub-title">
                    <img src="assets/images/logo/logo.png">
                </p>
            </div>
        </div>
        <div class="owl-carousel owl-theme thm-owl__carousel services-four__carousel" data-owl-options='{
            "loop": true,
            "autoplay": true,
            "margin": 20,
            "nav": false,
            "dots": true,
            "smartSpeed": 500,
            "autoplayTimeout": 10000,
            "navText": [
                "<span class=\"fa fa-angle-left\"></span>",
                "<span class=\"fa fa-angle-right\"></span>"
            ],
            "responsive": {
                "0": {
                    "items": 1,
                    "nav": false,
                    "dots": true,
                    "center": false
                },
                "768": {
                    "items": 1,
                    "nav": false,
                    "dots": true,
                    "center": false
                },
                "992": {
                    "items": 3,
                    "nav": false,
                    "dots": false,
                    "center": false,
                    "margin": 30,
                    "loop": true,
                    "autoplay": false
                },
                "1200": {
                    "items": 3,
                    "nav": false,
                    "dots": false,
                    "center": false,
                    "margin": 30,
                    "loop": true,
                    "autoplay": false
                }
            }
        }'>

            <!-- Item 1 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-cozumler.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">SOLUTIONS</a>
                            </h4>
                            <p class="services-four__text">Custom-designed systems and equipment that optimize your bulk material handling operations.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Item 2 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-sektorler.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">INDUSTRIES</a>
                            </h4>
                            <p class="services-four__text">Custom-designed systems and equipment that optimize your bulk material handling operations.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Item 3 -->
            <div class="item" style="padding:10px;">
                <div class="services-four__single">
                    <div class="services-four__img-box">
                        <div class="services-four__img">
                            <img src="assets/images/home/daloglu-muhendislik.jpg" alt="">
                        </div>
                        <div class="services-four__icon">
                            <img src="assets/images/icon/dal-ico.png">
                        </div>
                    </div>
                    <div class="services-four__content-box">
                        <div class="services-four__content">
                            <h4 class="services-four__title">
                                <a href="#">ENGINEERING</a>
                            </h4>
                            <p class="services-four__text">Project-specific process design, simulation, and system integration for every project.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
	  

		<section class="tracking-two">
		  <div class="container">
			<div class="tracking-two__inner">
			  <div class="tracking-two__left">
				<div class="tracking-two__icon">
				  <i class="fa-solid fa-diagram-project" style="font-size:60px; color:#fff;"></i>
				</div>
				<div class="tracking-two__content">
				  <p class="tracking-two__sub-title">DALOĞLU</p>
				  <h3 class="tracking-two__title">Explore Our Completed Projects</h3>
				</div>
			  </div>
			  
			  <div class="tracking-two__btn-box">
				<a href="#" class="thm-btn-two tracking-two__btn">
				  View References
				  <i class="fas fa-arrow-right ms-2"></i>
				</a>
			  </div>
			</div>
		  </div>
		</section>
<footer class="site-footer-two">
    <div class="container">
        <div class="site-footer-two__top">
            <div class="row">
                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                    <div class="footer-widget__column footer-widget-two__about">
                        <div class="footer-widget-two__logo">
                            <a href="#"><img src="assets/images/logo/logo-beyaz.png"
                                    alt="DALOĞLU" style="width: 96%;"></a>
                        </div>
                        <div class="footer-widget-two__about-text-box">
                            <p class="footer-widget-two__about-text">Heavy-duty solutions engineered to operate continuously in the world’s most demanding port and terminal conditions.</p>
                        </div>
                        <div class="site-footer-two__social">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-pinterest-p"></i></a>
                            <a href="#"><i class="fab fa-instagram"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- Menü 1 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">SOLUTIONS</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1007/ship-loading-systems">Ship Loading Systems</a></li>
                            
                            <li><a href="?s1008/ship-unloading-systems">Ship Unloading Systems</a></li>
                            
                            <li><a href="?s1009/terminalstorage-systems">Terminal & Storage Systems</a></li>
                            
                            <li><a href="?s1010/conveyor-systems-russia">Conveyor Systems</a></li>
                            
                            <li><a href="?s1011/container-filling-systems">Container Filling Systems</a></li>
                            
                            <li><a href="?s1012/custom-engineering-solutions">Custom Engineering Solutions</a></li>
                            
                        </ul>
                    </div>
                </div>
                
                <!-- Menü 2 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">INDUSTRIES</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1014/ports-and-terminals">Ports and Terminals</a></li>
                            
                            <li><a href="?s1015/mining">Mining</a></li>
                            
                            <li><a href="?s1016/cement">Cement</a></li>
                            
                            <li><a href="?s1017/grainagriculture">Grain & Agriculture</a></li>
                            
                        </ul>
                    </div>
                </div>
                
                <!-- Menü 3 -->
                <div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                    <div class="footer-widget__column footer-widget-two__links clearfix">
                        <h3 class="footer-widget-two__title">ENGINEERING</h3>
                        <ul class="footer-widget-two__links-list list-unstyled clearfix">
                            
                            <li><a href="?s1019/engineering-approach">Engineering Approach</a></li>
                            
                            <li><a href="?s1020/rd">R&D</a></li>
                            
                            <li><a href="?s1021/process-design">Process Design</a></li>
                            
                        </ul>
                    </div>
                </div>

                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                    <div class="footer-widget__column footer-widget-two__contact clearfix">
                        <h3 class="footer-widget-two__title">CONTACT</h3>
                        <p class="footer-widget-two__contact-text">İstim Sanayi Sitesi No: 196 - Tuzla</p>
                        <ul class="footer-widget-two__contact-list list-unstyled clearfix">
                            <li>
                                <div class="icon">
                                    <span class="fas fa-envelope"></span>
                                </div>
                                <div class="text">
                                    <p><a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a></p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="fas fa-phone-alt"></span>
                                </div>
                                <div class="text">
                                    <p><a href="tel:+905444353713">+90 (544) 435 37 13</a></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-footer-two__bottom">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="site-footer-two__bottom-inner">
                        <p class="site-footer-two__bottom-text">DALOĞLU <i class="fa-regular fa-copyright"></i> 2026 - ALL RIGHTS RESERVED. <i class="fa-solid fa-code"></i> <a href="#">Garanti Medya</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


    </div><!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <!-- /.mobile-nav__overlay -->
        <div class="mobile-nav__content mobile-nav__content--two">
            <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>

            <div class="logo-box">
                <a href="#" aria-label="logo image"><img
                        src="https://daloglu.com.tr//deppo/image/wlogo.png" width="143" alt=""></a>
            </div>
            <!-- /.logo-box -->
            <div class="mobile-nav__container"></div>
            <!-- /.mobile-nav__container -->

            <ul class="mobile-nav__contact mobile-nav__contact--two list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:daloglu@daloglu.com.tr">daloglu@daloglu.com.tr</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:+905444353713">+90 (544) 435 37 13</a>
                </li>
            </ul><!-- /.mobile-nav__contact -->
            <div class="mobile-nav__top">
                <div class="mobile-nav__social">
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-facebook-square"></a>
                    <a href="#" class="fab fa-pinterest-p"></a>
                    <a href="#" class="fab fa-instagram"></a>
                </div><!-- /.mobile-nav__social -->
            </div><!-- /.mobile-nav__top -->



        </div>
        <!-- /.mobile-nav__content -->
    </div>
    <!-- /.mobile-nav__wrapper -->
    <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>
    <script src="assets/vendors/circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
    <script src="assets/vendors/ion.rangeSlider/js/ion.rangeSlider.min.js"></script>



    <!-- template js -->
    <script src="assets/js/insur.js"></script>
</body>

</html>