<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!--AOS-->
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

   
    <?php $page = substr($_SERVER['SCRIPT_NAME'], strrpos($_SERVER['SCRIPT_NAME'],"/")+1);
        if($page == 'index.php'){
        ?>
    <!-- splide css cdn for carousel -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/splide.min.css">
    <?php }  ?>   

    <?php 
        if($page == 'location_br.php'){
        ?>
       <!-- datatable css -->
       <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css" />
    <?php }  ?>           

    <!-- Custom CSS -->
     
    <link rel="stylesheet" href="assets/custom.css">
    <link rel="stylesheet" href="assets/owl.carousel.min.css">

    <!--bot style-->
   <link rel="stylesheet" href="bot/bot-css/bot-style.css" />


<link rel="icon" type="image/x-icon" href="uploads/favicon.ico">


    <title>FSIB PLC.</title>

 <script src='https://www.google.com/recaptcha/api.js'></script>

<style>
/*    .hfc{*/
/*  position:relative;*/
/*}*/
/*.hfc img{*/
/*  width:100%;*/
/*}*/
/*.btn-close{*/
/*  position:absolute;*/
/*  top:10px;*/
/*  right:10px;*/
/*  background-color:#c7c9fc;*/
/*  color:white;*/
/*  border:2px solid black;*/
/*}*/

/* Base styling for modal and images */
.hfc {
  position: relative;
}

.hfc img {
  width: 100%;
}

/* Close button styling */
.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #c7c9fc;
  color: white;
  border: 2px solid black;
}

/* Image container styling */
.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out;
}

.fade-in {
  opacity: 1;
  z-index: 1;
}

.hidden {
  opacity: 0;
  z-index: 0;
}


</style>

</head>
<body class="boxed_wrapper">
    <!--<div class="body-bg"><img src="resources/trans_parent_back.png" alt=""></div>-->
    <div class="body-bg hidden-mobile"><img src="resources/bodyBg.jpg" alt=""></div>
    <div class="body-bg hidden-desktop"><img src="resources/bodybg_mobile.jpg" alt=""></div>