[viewBag]
==
<!-- Meta - Setup -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!-- Title -->
    {% component 'seo' %}
    
    <!-- Fav - Icon -->
    <link rel="icon" type="image/x-icon" href="/themes/caribbeantravelandtours/assets/img/favicon.ico">

    <!-- FontAwesome - Link -->
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.2.1/css/all.css" />
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.2.1/css/sharp-solid.css" />
    
    <!-- Animate.css -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css" />
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/animate.css'|theme }}">
    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">

    <!-- Owl - Carousel - Css -->
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/owl.carousel.min.css'|theme }}">
    
    <!-- venobox -->
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/venobox.min.css'|theme }}">

    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/select2.min.css'|theme }}">

    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/slick.css'|theme }}">

    <!-- Bootstrap - Link -->
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/bootstrap.css'|theme }}" />
    
    <!-- Main - Stylesheet -->
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/style.css'|theme }}" />
    
    <!-- Responsive -->
    <link rel="stylesheet" type="text/css" href="{{ 'assets/assetsmain/css/responsive.css'|theme }}" />
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" />

    {% styles %}