<!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>