<?php
    $meta_description_data = "";
    $meta_keywords_data = "";
    $meta_title_data = "";
    $meta_thumbnail = base_url().'assets/img/tfi-india-logo.png';

    $twitter_meta_description_data = "";
    $twitter_meta_title_data = "";
    $twitter_meta_keywords_data = "";

    if(isset($meta_description)){
        $meta_description_data = $twitter_meta_description_data = $meta_description;
    }
    if(isset($meta_keywords)){
        $meta_keywords_data = $twitter_meta_keywords_data = $meta_keywords;
    }

    if(isset($meta_title)){
        $meta_title_data = $twitter_meta_title_data = $meta_title;
    }

    if(isset($thumbnail)){
        $meta_thumbnail = $thumbnail;
    }

    $actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

?>

<meta charset="utf-8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" >
<title><?php echo isset($meta_title) ? $meta_title : "Techfab India" ?></title>
<!-- !meta tags -->
<meta name="title" content="<?php echo $meta_title_data; ?>">
<meta name="description" content="<?php echo $meta_description_data; ?>">
<meta name="keywords" content="<?php echo $meta_keywords_data; ?>">


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="shortcut icon" href="<?php echo base_url(); ?>assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="<?php echo base_url(); ?>assets/img/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,500&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/main.css?v=<?php echo date('ihs') ?>">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.0/css/font-awesome.css" integrity="sha512-72McA95q/YhjwmWFMGe8RI3aZIMCTJWPBbV8iQY3jy1z9+bi6+jHnERuNrDPo/WGYEzzNs4WdHNyyEr/yXJ9pA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<style type="text/css">
    .applications__box h3 { font-family: 'Roboto', sans-serif;}

    input.parsley-error,
    select.parsley-error,
    textarea.parsley-error, .error {
        color: #c8262d;
    }
    .parsley-errors-list {
        margin: 2px 0 3px;
        padding: 0;
        list-style-type: none;
        font-size: 0.9em;
        line-height: 25px;
        opacity: 0;
        transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
    }
    .parsley-errors-list.filled {
        opacity: 1;
    }
    .parsley-errors-list li {
        color: #c8262d;
        font-size: 12px;
        padding-top: 2px;
    }
    
    .error {
        margin: 2px 0 3px;
        padding: 0; /* list-style-type: none; */
        font-size: 0.9em;
        line-height: 0.9em; /* opacity: 0; */
        transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        color: #c8262d;
        font-size: 12px;
    }
    .alert.alert_message{font-size: 12px!important;}

    .PageLoaderHolder {
        position: fixed;
        z-index: 99999;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        display: none;
        background-color: rgba(0,0,0,0.5);
    }
    .PageLoader {
        width: 104px;
        height: 104px;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        text-align: center;
        bottom: 0;
        right: 0;
    }
    .PageLoader:not(:required):before {
        content: '';
        border-radius: 50%;
        border: 2px solid #fff;
        border-top-color: #848484;
        animation: PageLoader .6s linear infinite;
        -webkit-animation: PageLoader .6s linear infinite;
    }

    .PageLoader:before {
        content: '';
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100px;
        height: 100px;
        /* margin-top: -13px; */
        /* margin-left: -13px; */
    } 

    @-moz-keyframes PageLoader { 100% { -moz-transform: rotate(360deg); } }
            @-webkit-keyframes PageLoader { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes PageLoader { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


    .btn.disabled, .btn:disabled, fieldset:disabled .btn{
        background-color: #c8262d;
    }

    .seacheResults .list-group-item .lock{
        position: relative;
    }

    .seacheResults .list-group-item .lock::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        background-image: url(<?php echo base_url(); ?>assets/img/icons/lock.svg);
        background-position: top 42% center;
        background-repeat: no-repeat;
        background-size: 15px;
        pointer-events: none;
    }
</style>