@php
$Agent = new \Jenssegers\Agent\Agent();
if (isset($_SERVER['HTTP_ACCEPT'])){
$accept = $_SERVER['HTTP_ACCEPT'];
$pos = stripos($accept, 'image/webp');
if($pos === false){
$support = false;
}else{
$support = true;
}
}
if (strtolower($Agent->browser()) == 'Safari' || $support){
$EXT = 'webp';
}else{
$EXT = 'png';
}
@endphp
{{__('messages.page_title')}}
{{-- --}}
{{-- --}}
{{-- --}}
{{-- --}}
{{-- --}}
{{-- --}}
@if($lang == 'ar')
@else
@endif
{{--
@font-face {
font-family: "FF Hekaya Light";
src: url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.eot");
src: url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.woff") format("woff"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5973df73839accca72bfd147b3cf95bc.svg#FF Hekaya Light") format("svg");
}
:root{
--bs-font-sans-serif: FF Hekaya Light, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
display: grid;
grid-template-rows: 1fr 0fr 0fr 0fr 0fr;
min-height: 100vh;
background: #b1f1fb;
}
.Sec_1 {
background-image:
url(/website/image/web_bg.webp);
padding-bottom: 240px;
}
.Sec_1 .logo {
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 19%;
top: 16px;
}
.mobile {
display: none;
}
.img_r {
width: 34%;
}
.img_l {
float: left;
width: 34%;
}
.main_container {
margin-top: 80px;
}
a {
background: #D245A8;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 15px;
margin-bottom: 20px;
}
.Sec_2 {
background-image:
url(/website/image/web_flower.webp);
height: 350px !important;
margin-top: -331px;
z-index: 0;
/* position: relative; */
background-position: top;
height: 100px;
background-size: cover;
display: flex;
align-items: flex-end;
}
a.d_link {
padding: 10px 16px;
text-decoration: none;
}
a.d_link img {
width: 55px;
}
a.d_link span {
color: #fff;
font-size: 26px;
}
@media (max-width: 768px) {
.Sec_1 .logo {
width: 25%;
top: 52px;
}
.img_l ,.img_r{
width: 41%;
}
.main_container {
margin-top: 96px;
margin-bottom: 80px;
}
a.d_link {
width: 90%;
margin: 16px auto;
padding: 15px 13px;
}
}
@media (max-width: 600px) {
a.d_link span {
color: #fff;
font-size: 26px;
}
a.d_link img {
width: 38px;
}
a.d_link {
width: 90%;
margin: 18px auto;
}
.desc {
display: none;
}
.mobile {
display: inline-block;
}
.Sec_1 .logo {
width: 40%;
top: 44px;
}
.mobflag2 {
/* position: absolute; */
right: 0;
width: 36%;
}
.mobflag1 {
/* position: absolute; */
left: 0;
float: left;
width: 36%;
}
.Sec_1 {
background-image: url(/website/image/mob_bg.webp);
padding-bottom: 187px;
}
.img_r {
width: 34%;
display: none;
}
.img_l {
width: 34%;
float: left;
display: none;
}
.Sec_2 {
background-image: url(/website/image/mobflower.webp);
height: 0 !important;
margin-top: -242px;
z-index: 0;
/* position: relative; */
background-position: top;
height: 100px;
background-size: contain;
display: flex;
align-items: flex-end;
background-repeat: no-repeat;
padding-top: 80.2%;
}
}
--}}