<!DOCTYPE html>
<html>

<head>
    <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" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="Hossam H-Coder7" />
    <link rel="shortcut icon" href="{{url('')}}/assets/web/images/logo.png" title="Favicon" sizes="16x16" />
    <!--With LTR -->
    	@if(getCurrentLocale() == 'en')
     <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap-ltr.min.css"> 
    @else
    <!--/With LTR -->
    <!--With RTL -->
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/bootstrap-rtl.min.css" />
    @endif
    <!--/With RTL -->
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/animate.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/all.min.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/owl.carousel.min.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/owl.theme.default.min.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/jquery.fancybox.css" />
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/swiper.min.css" />
    
    <link type="text/css" rel="stylesheet" href="{{url('')}}/assets/web/css/lib/image-uploader.min.css">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/lib/credit-card.css">
    <link rel="stylesheet" href="{{url('')}}/assets/web/css/styles.css" />
    	@if(getCurrentLocale() == 'en')
     <link rel="stylesheet" href="{{url('')}}/assets/web/css/style_en.css"> 
    @endif
    <style>
    .faq-sec h5 {
        font-weight: bold;
        color: #333;
    }
    
    .faq-sec .items_white {
        background-color: #fff;
        padding: 2rem;
        border-radius: 30px;
        -webkit-box-shadow: 0 5px 25px 0px #eee;
        box-shadow: 0 5px 25px 0px #eee;
    }
    
    .faq-sec .faq_card .card_head {
        cursor: pointer;
        padding-bottom: 0 !important;
    }
    
    .faq-sec .faq_card .card_head h6 {
        font-weight: bold;
        font-size: 14px;
        color: #222;
    }
    
    .faq-sec .faq_card .card_head h6 .icon {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #ffc10760;
        margin-left: 10px;
        position: relative;
        top: 6px;
    }
    
    .faq-sec .faq_card .card_head h6 .icon::before {
        position: absolute;
        content: "";
        left: 11px;
        top: 6px;
        width: 2px;
        height: 12px;
        background-color: #fff;
        display: block;
    }
    
    .faq-sec .faq_card .card_head h6 .icon::after {
        position: absolute;
        content: "";
        top: 11px;
        left: 6px;
        height: 2px;
        width: 12px;
        background-color: #fff;
    }
    
    .faq-sec .faq_card .card_head.active .icon {
        background-color: #ffc107;
    }
    
    .faq-sec .faq_card .card_head.active .icon::before {
        display: none;
    }
    
    .faq-sec .faq_card .card_body {
        font-weight: 300;
        font-size: 14px;
        line-height: 2;
        color: #171717;
        display: none;
    }
    
    .faq-sec .faq_card .card_body.show {
        display: block;
    }
    
    .faq-sec .faq_card {
        border-bottom: 1px solid #9992;
    }
    
    .faq-sec .faq_card .card_body {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    .faq-sec .faq_card .butn {
        border-radius: 50px;
        border: 0;
    }
    
    .faq-sec .faq_card .butn.live {
        background-color: #2AC597;
    }
</style>
    <title> Hanqar </title>
</head>




