/*====================================================
=            FUJI FD DESIGN SYSTEM V1                =
====================================================*/

/*====================================
  01 - Google Font
====================================*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

/*====================================
  02 - Brand Variables
====================================*/
:root{

    --fuji-blue:#146FB6;
    --fuji-blue-dark:#054A7B;
    --fuji-blue-600:#0A6AAA;

    --fuji-red:#E21E26;

    --surface:#F2F8FD;
    --card:#FFFFFF;

    --border:#DCEBFA;

    --text:#111827;
    --muted:#6B7280;

    --radius:18px;

    --shadow-sm:0 4px 14px rgba(20,111,182,.05);
    --shadow-md:0 10px 30px rgba(20,111,182,.08);

}

/*====================================
  03 - Global
====================================*/

html{
    scroll-behavior:smooth;
}

body{

    font-family:"Cairo",sans-serif !important;

    background:var(--surface)!important;

    color:var(--text);

    overflow-x:hidden;

}

.container{
    max-width:1400px;
}

section{

    position:relative;

      margin-bottom: 70px;
}

@media (min-width: 640px) {
    .s-block {
    }
}
.s-block {
    margin-top: 0.5rem;
}
.s-block {
    display: block;
}
section {
    position: relative;
    margin-bottom: 90px;
}
/*====================================
  04 - Product Card
====================================*/

.s-product-card{

    background:var(--card);

    border:1px solid var(--border);

    border-radius:18px;

    overflow:hidden;

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.s-product-card:hover{

    transform:translateY(-10px);

    border-color:rgba(20,111,182,.15);

    box-shadow:0 20px 45px rgba(20,111,182,.15);
}

/*====================================
  Image
====================================*/

.s-product-card-image-container{

    background:#fff;

    overflow:hidden;
}

.s-product-card-image img{

    transition:.45s ease;
}

.s-product-card:hover .s-product-card-image img{

    transform:scale(1.05);
}

/*====================================
  Product Content
====================================*/

.s-product-card-content{

    display:flex;

    flex-direction:column;

    padding:18px;

    text-align:center;

    flex:1;
}

/*====================================
  Product Title
====================================*/

.s-product-card-content-title{

    min-height:56px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:12px;
}

.s-product-card-content-title a{

    color:var(--fuji-blue-dark)!important;

    font-size:16px;

    font-weight:700;

    line-height:1.7;

    text-align:center;

    transition:.3s;
}

.s-product-card:hover .s-product-card-content-title a{

    color:var(--fuji-blue)!important;
}

/*====================================
  Product Price
====================================*/

.s-product-card-price{

    margin-top:auto;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    width:100%;

    gap:5px;

    color: var(--fuji-blue) !important;

    font-size:20px;

    font-weight:800;
}

.s-product-card-price *{

    color: var(--fuji-blue) !important;

    font-weight:800!important;
}

/*====================================
  Mobile
====================================*/

@media(max-width:768px){

  

.s-product-card-content{

    padding:14px;
}

.s-product-card-content-title{

    min-height:48px;
}

.s-product-card-content-title a{

    font-size:14px;
}

.s-product-card-price{

    font-size:18px;
}

.s-product-card-image,
.s-product-card-image-wrap,
.s-product-card-image-container{

    height:240px;
    
    padding:10px;
}

.s-product-card-image img,
.s-product-card-image-wrap img,
.s-product-card-image-container img{

    width:100%;

    height:100%;

    object-fit:cover;
}
  .s-product-card-image, .product-card-image
{ aspect-ratio: 1/1;
 min-height: 100px; 
min-width: 180px;
}

}
/*=============================
      Section Header
==============================*/

.s-slider-block__title{

    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:35px;
}

/* نخلي جزء العنوان ياخد العرض كله */

.s-slider-block__title-right{

    width:100%;

    display:flex;

    justify-content:center;
}

/* الأسهم تفضل فوق على الشمال */

.s-slider-block__title-left{

    position:absolute;

    left:0;

    display:flex;
    align-items:center;
}

/* عنوان السكشن */

.s-slider-block__title h2{

    color:var(--fuji-blue);

    font-size:34px;

    font-weight:800;

    position:relative;

    display:inline-block;

    padding-bottom:12px;

    margin:0;
}

/* الخط */

.s-slider-block__title h2::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:65px;

    height:4px;

    border-radius:999px;

    background:var(--fuji-blue);
}

/*=========================
        Mobile
==========================*/

@media(max-width:768px){

.s-slider-block__title h2{

    font-size:24px;
}

.s-slider-block__title h2::after{

    width:45px;
}

}

/*==================================
        Section Header
==================================*/

.s-block__title{

    position:relative;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    margin-bottom:35px;
}

/* العنوان */

.s-block__title .right-side{

    position:absolute;

    left:50%;

    transform:translateX(-50%);
}

.s-block__title h2{

    color:var(--fuji-blue);

    font-size:34px;

    font-weight:800;

    margin:0;

    position:relative;

    padding-bottom:12px;

    white-space:nowrap;
}

/* الخط */

.s-block__title h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:65px;

    height:4px;

    border-radius:999px;

    background:var(--fuji-blue);
}

/* عرض الكل */

.s-block__display-all{

    justify-self:end;

    color:var(--fuji-blue);

    font-weight:700;

    transition:.3s;
}

.s-block__display-all:hover{

    color:var(--fuji-blue-dark);
}

/*=========================
        Mobile
==========================*/

@media(max-width:768px){

.s-block__title{

    display:flex;

    flex-direction:column;

    gap:12px;

    align-items:center;
}

.s-block__title .right-side{

    position:static;

    transform:none;
}

.s-block__title h2{

    font-size:24px;
}

.s-block__title h2::after{

    width:45px;

    height:3px;
}

.s-block__display-all{

    align-self:center;
}

}
/* =========================================
   TESTIMONIALS SECTION
========================================= */

./* عنوان السكشن */

.s-block--custom-testimonials .s-reviews-header-wrapper{
    text-align:center !important;
}

.s-block--custom-testimonials .s-reviews-header{
    display:block !important;

    width:100% !important;

    text-align:center !important;

     color:var(--fuji-blue) !important;

    font-size:42px !important;

    font-weight:900 !important;

    line-height:1.2;

    margin:0 auto 25px !important;
}

.s-block--custom-testimonials .s-reviews-header::after{

    content:"";

    display:block;

    width:70px;

    height:5px;

    margin:18px auto 0;

    background:  var(--fuji-blue) !important;


    border-radius:50px;
}
.s-block--custom-testimonials .s-reviews-header{
    color:var(--fuji-blue) !important;
}
@media (max-width: 768px){
  .s-block--custom-testimonials .s-reviews-header{
    font-size: 22px !important;
    line-height: 1.4 !important;
  }
}

/*=========================
        header
==========================*/
/* إخفاء شريط البحث */
/* إلغاء الشريط العلوي بالكامل */
.store-header .top-navbar{
    display: none !important;
}
/* خلفية الناف بار */
.main-nav-container{
    background: var(--fuji-blue);
}

/* اللوجو كأنه Button */
.store-header .navbar-brand{
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    transition: .3s ease;
}

.store-header .navbar-brand:hover{
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.store-header .navbar-brand img{
    height: 35px;
    width: auto;
}
/* ===========================
   Navbar
=========================== */

.main-nav-container{
    background: var(--fuji-blue);
}

/* كل النصوص */
.main-nav-container,
.main-nav-container a,
.main-nav-container .nav-item,
.main-nav-container .menu-item{
    color: #fff !important;
    transition: .3s ease;
}

/* كل الأيقونات */
.main-nav-container i,
.main-nav-container svg{
    color: #fff !important;
    fill: currentColor;
    transition: .3s ease;
}

/* الهوفر */
.main-nav-container a:hover,
.main-nav-container .nav-item:hover,
.main-nav-container .menu-item:hover,
.main-nav-container i:hover,
.main-nav-container svg:hover{
    color: var(--fuji-red) !important;
}

/* أيقونة البرجر */
.store-header .mburger i{
    color: #fff !important;
    transition: .3s ease;
}

.store-header .mburger:hover i{
    color: var(--fuji-red) !important;
}

/* ===========================
   Logo Button
=========================== */

.store-header .navbar-brand{
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-md);
    transition: .3s ease;
}

.store-header .navbar-brand:hover{
    transform: translateY(-2px);
}

/* تكبير اللوجو */
.store-header .navbar-brand img{
    height: 76px;
    width: auto;
    object-fit: contain;
}

/* للموبايل */
@media (max-width:768px){
    .store-header .navbar-brand img{
        height: 35px;
    }
}
/*======================================
            FUJI SERVICES
======================================*/

.s-block--banners{
    margin:70px auto;
}

/*==============================
            GRID
==============================*/

.s-block--banners .fuji-services-grid{

    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:22px;

    align-items:stretch;

}

/*==============================
            CARD
==============================*/

.s-block--banners .banner-entry{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:24px;

    border:1px solid var(--border);

    background:var(--card);

    box-shadow:var(--shadow-sm);

    transition:.35s ease;

    aspect-ratio:16/9;

}

.s-block--banners .banner-entry::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(5,74,123,.15),
        transparent 55%
    );

    opacity:0;

    transition:.35s;

}

.s-block--banners .banner-entry:hover{

    transform:translateY(-8px);

    border-color:var(--fuji-blue);

    box-shadow:var(--shadow-md);

}

.s-block--banners .banner-entry:hover::after{

    opacity:1;

}

/*==============================
            IMAGE
==============================*/

.s-block--banners .lazy__bg{

    width:100%;

    height:100%;

    background-size:cover !important;

    background-position:center !important;

    background-repeat:no-repeat !important;

    transition:transform .45s ease;

}

.s-block--banners .banner-entry:hover .lazy__bg{

    transform:scale(1.05);

}

/*==============================
        BUTTON ON IMAGE
==============================*/

.s-block--banners .text-with-border{

    position:absolute;

    left:50%;

    bottom:18px;

    transform:translateX(-50%);

    z-index:2;

    margin:0;

}

.s-block--banners .text-with-border span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 24px;

    border-radius:999px;

    background:rgba(255,255,255,.92);

    color:var(--fuji-blue-dark);

    font-weight:700;

    transition:.3s;

}

.s-block--banners .banner-entry:hover .text-with-border span{

    background:var(--fuji-red);

    color:#fff;

}

/*======================================
            TABLET
======================================*/

@media (max-width:991px){

    .s-block--banners{

        margin:55px auto;

    }

    .s-block--banners .fuji-services-grid{

        grid-template-columns:repeat(2,1fr);

        gap:18px;

    }

}

/*======================================
            MOBILE
======================================*/

@media (max-width:640px){

    .s-block--banners{

        margin:40px auto;

    }

    .s-block--banners .fuji-services-grid{

        grid-template-columns:1fr;

        gap:16px;

        justify-items:center;

    }

    .s-block--banners .banner-entry{

        width:100%;

        max-width:380px;

        border-radius:18px;

    }

    .s-block--banners .text-with-border span{

        padding:8px 18px;

        font-size:14px;

    }

}


/* ==========================================
   SALLA HERO FULL WIDTH + FULL HEIGHT
========================================== */

/* ===========================
   Hero Flush With Navbar
=========================== */


/* إزالة أي مسافات */
.s-block--fixed-banner{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* إزالة مسافات الكونتينر */
.s-block--fixed-banner > .container{
    margin:0 !important;
    padding:0 !important;

    width:100% !important;
    max-width:100% !important;
}

/* إزالة أي Margin على الرابط */
.s-block--fixed-banner .banner--fixed{
    display:block !important;
    margin:0 !important;
    border-radius:0 !important;
}

/* إزالة أي فراغ من الصورة */
.s-block--fixed-banner picture,
.s-block--fixed-banner img{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
}

/*==================================================
        TEXT CONTENT SECTION - FUJI FD
==================================================*/

.s-block--bundle-text-content{
    padding:80px 20px !important;
    background:#f7f9fc !important;
}

.s-block--bundle-text-content .container{
    max-width:1200px !important;
}

.s-block--bundle-text-content .s-block-simple-section{

    background:#fff !important;

    border:1px solid #e7edf5 !important;

    border-radius:26px !important;

    box-shadow:0 18px 45px rgba(0,0,0,.06) !important;

    padding:60px 70px !important;

    text-align:right !important;

    position:relative;

    overflow:hidden;
}

/* خط أزرق أعلى الكارد */

.s-block--bundle-text-content .s-block-simple-section::before{

    content:"";

    position:absolute;

    top:0;

    right:0;

    width:100%;

    height:6px;

    background:var(--fuji-blue);
}

/*==============================
        Title
===============================*/

.s-block--bundle-text-content h2,
.s-block--bundle-text-content h3{

    color:var(--fuji-blue) !important;

    font-size:38px !important;

    font-weight:800 !important;

    line-height:1.4;

    margin-bottom:35px !important;

    position:relative;

    display:inline-block;
}

/* الخط أسفل العنوان */

.s-block--bundle-text-content h2::after,
.s-block--bundle-text-content h3::after{

    content:"";

    position:absolute;

    bottom:-14px;

    right:0;

    width:70px;

    height:4px;

    border-radius:999px;

    background:var(--fuji-blue);
}

/*==============================
        Paragraph
===============================*/

.s-block--bundle-text-content p{

    color:#4d5b70 !important;

    font-size:18px !important;

    line-height:2.15 !important;

    margin-bottom:18px !important;
}

/*==============================
        Button
===============================*/

.s-block--bundle-text-content a,

.s-block--bundle-text-content button{

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    margin-top:35px;

    padding:16px 34px !important;

    border-radius:14px !important;

    background:var(--fuji-blue) !important;

    color:#fff !important;

    font-size:17px !important;

    font-weight:700 !important;

    transition:.35s;
}

.s-block--bundle-text-content a:hover,

.s-block--bundle-text-content button:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,82,204,.18);
}

/*==============================
        Mobile
===============================*/

@media(max-width:768px){

.s-block--bundle-text-content{

    padding:55px 15px !important;
}

.s-block--bundle-text-content .s-block-simple-section{

    padding:35px 22px !important;

    border-radius:20px !important;
}

.s-block--bundle-text-content h2,
.s-block--bundle-text-content h3{

    font-size:28px !important;

    margin-bottom:28px !important;
}

.s-block--bundle-text-content h2::after,
.s-block--bundle-text-content h3::after{

    width:50px;

    height:3px;
}

.s-block--bundle-text-content p{

    font-size:16px !important;

    line-height:2 !important;
}

.s-block--bundle-text-content a,

.s-block--bundle-text-content button{

    width:100% !important;

    padding:15px 20px !important;

    font-size:16px !important;
}

}

/*==========================================
            FUJI FD FOOTER
==========================================*/

/* الفوتر بالكامل */
.store-footer{
    background:#0F3E67 !important;
    color:#fff !important;
    margin:0 !important;
    padding:0 !important;
}

/* الجزء العلوي */
.store-footer__inner{
    background:#0F3E67 !important;
    padding:70px 0 55px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
}

/* الجزء السفلي */
.store-footer > .container{
    background:#0F3E67 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    padding-top:22px !important;
    padding-bottom:22px !important;
}

/* كل العناصر */
.store-footer *,
.store-footer p,
.store-footer span,
.store-footer b,
.store-footer strong{
    color:#ffffff !important;
}

/* العناوين */
.store-footer h3{
    color:#fff !important;
    font-size:24px !important;
    font-weight:800 !important;
    margin-bottom:26px !important;
    position:relative;
    display:inline-block;
}

/* الخط الأزرق */
.store-footer h3::after{
    content:"";
    position:absolute;
    right:0;
    bottom:-10px;
    width:55px;
    height:4px;
    background:#4EA8FF;
    border-radius:999px;
}

/* الروابط */
.store-footer a{
    color:rgba(255,255,255,.82) !important;
    transition:.3s;
}

.store-footer a:hover{
    color:#7FC3FF !important;
}

/* وصف الشركة */
.store-footer .max-w-sm p{
    color:rgba(255,255,255,.82) !important;
    line-height:2;
}

/* قائمة الروابط */
.s-menu-footer-list{
    display:flex !important;
    flex-direction:column;
    gap:14px;
}

/* التواصل */
.s-contacts-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.s-contacts-item svg{
    fill:#7FC3FF !important;
    color:#7FC3FF !important;
}

/* السجل التجاري */
.s-trust-badges-wrapper{
    margin-top:28px;
}

.s-trust-badges-label,
.s-trust-badges-number{
    color:#fff !important;
}

/* الرقم الضريبي */
.text-text-grey{
    color:#d7e9ff !important;
}

/* وسائل الدفع */
.s-payments-list{
    display:flex;
    gap:12px;
}

.s-payments-list-item{
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px;
    padding:8px;
    transition:.3s;
}

.s-payments-list-item:hover{
    background:rgba(255,255,255,.15) !important;
}

/* الحقوق */
.copyright-text,
.copyright-text p{
    color:rgba(255,255,255,.75) !important;
}

/* موبايل */
@media(max-width:991px){

.store-footer__inner{
    text-align:center;
}

.store-footer h3::after{
    right:50%;
    transform:translateX(50%);
}

.s-menu-footer-list{
    align-items:center;
}

.s-contacts-item{
    justify-content:center;
}

.s-payments-list{
    justify-content:center;
}

}

/*=============================
    Testimonials Section
=============================*/

.s-block--custom-testimonials{
    margin:90px auto;
    padding:70px 25px;
    background:#F2F8FD;
    border-radius:32px;
    position:relative;
    overflow:hidden;
}

/* دوائر الخلفية */

.s-block--custom-testimonials::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(52,149,245,.08);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.s-block--custom-testimonials::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(52,149,245,.05);
    border-radius:50%;
    bottom:-120px;
    left:-120px;
}


/*=========================
      Title
=========================*/

.s-reviews-header{
    text-align:center;
    color:#0F3B68;
    font-size:38px;
    font-weight:800;
    margin-bottom:18px;
    position:relative;
    display:inline-block;
    left:50%;
    transform:translateX(-50%);
}

.s-reviews-header::after{

content:"";
display:block;
width:80px;
height:5px;
background:#3495F5;
margin:16px auto 0;
border-radius:30px;

}


/*=========================
      Slider
=========================*/

.testimonials-slider{

margin-top:55px;

}


/*=========================
      Card
=========================*/

.s-reviews-testimonial{

padding:10px;

}

.s-reviews-testimonial__inner{

background:#fff;
border-radius:26px;
padding:45px;
box-shadow:0 15px 45px rgba(15,59,104,.08);
border:1px solid rgba(52,149,245,.08);

transition:.35s;

height:100%;

}

.s-reviews-testimonial__inner:hover{

transform:translateY(-8px);

box-shadow:0 22px 55px rgba(52,149,245,.18);

}


/*=========================
      Avatar
=========================*/

.s-reviews-testimonial__avatar img{

width:78px;
height:78px;
border-radius:50%;
border:4px solid #3495F5;
padding:3px;
background:#fff;

}


/*=========================
      Review Text
=========================*/

.s-reviews-testimonial__text p{

font-size:18px;
line-height:2;

color:#4B5563;

margin:22px 0;

}


/*=========================
      Name
=========================*/

.s-reviews-testimonial__info h2{

font-size:21px;

font-weight:700;

color:#0F3B68;

}


/*=========================
      Stars
=========================*/

.s-rating-stars-selected svg{

fill:#FFC107 !important;

}


/*=========================
      Quote Icon
=========================*/

.s-reviews-testimonial__icon{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

background:#3495F5;

border-radius:50%;

color:#fff;

opacity:.12;

position:absolute;

left:35px;

bottom:35px;

}

.s-reviews-testimonial__icon svg{

width:26px;

height:26px;

fill:#3495F5;

}


/*=========================
      Arrows
=========================*/

.s-slider-nav-arrow{

width:52px;

height:52px;

background:#fff;

border-radius:50%;

box-shadow:0 8px 20px rgba(0,0,0,.08);

transition:.3s;

}

.s-slider-nav-arrow:hover{

background:#3495F5;

color:#fff;

transform:scale(1.08);

}

.s-slider-nav-arrow:hover svg{

fill:#fff;

}


/*=========================
      Desktop
=========================*/

@media(min-width:992px){

.s-slider-container{

padding:15px 0 30px;

}

.s-reviews-testimonial{

max-width:820px;

margin:auto;

}

}


/*=========================
      Mobile
=========================*/

@media(max-width:768px){

.s-block--custom-testimonials{

padding:45px 18px;

border-radius:22px;

margin:60px auto;

}

.s-reviews-header{

font-size:30px;

}

.s-reviews-testimonial__inner{

padding:28px;

border-radius:20px;

}

.s-reviews-testimonial__avatar img{

width:65px;

height:65px;

}

.s-reviews-testimonial__text p{

font-size:16px;

line-height:1.9;

}

.s-reviews-testimonial__info h2{

font-size:18px;

}

.s-slider-nav-arrow{

width:42px;

height:42px;

}

}