/* ==========================================================
   Paper Port Export
   Base CSS
   Shared Styles لجميع صفحات الموقع
========================================================== */

/* ===========================
   RESET
=========================== */

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ===========================
   ROOT VARIABLES
=========================== */

:root{

    /* Colors */
    --Primary:#0B5FA5;
    --Primary-Dark:#083E6B;

    --Secondary:#F28C28;
    --Secondary-Dark:#D97706;

    --White:#FFFFFF;
    --Black:#222222;

    --Text:#444444;
    --Text-Light:#777777;

    --Background:#F6F8FB;

    --Border:#E5E7EB;

    /* Radius */

    --Radius-Small:8px;
    --Radius:14px;
    --Radius-Large:24px;

    /* Shadows */

    --Shadow:
        0 10px 30px rgba(0,0,0,.08);

    --Shadow-Hover:
        0 20px 50px rgba(0,0,0,.12);

    /* Transition */

    --Transition:.35s;

}

/* ===========================
   HTML
=========================== */

html{

    scroll-behavior:smooth;

}

/* ===========================
   BODY
=========================== */

body{

    font-family:'Poppins',sans-serif;

    background:var(--Background);

    color:var(--Text);

    font-size:16px;

    line-height:1.7;

    overflow-x:hidden;

}

/* ===========================
   CONTAINER
=========================== */

.container{

    width:min(1400px,92%);

    margin:auto;

}

/* ===========================
   IMAGES
=========================== */

img{

    display:block;

    max-width:100%;

}

/* ===========================
   LINKS
=========================== */

a{

    text-decoration:none;

    transition:var(--Transition);

}

/* ===========================
   LIST
=========================== */

ul{

    list-style:none;

}

/* ===========================
   BUTTON
=========================== */

button{

    font-family:inherit;

    cursor:pointer;

    border:none;

}

/* ===========================
   INPUTS
=========================== */

input,
textarea,
select,
button{

    font-family:inherit;

    font-size:inherit;

}

/* ===========================
   SECTION
=========================== */

section{

    position:relative;

}

/* ===========================
   COMMON SPACING
=========================== */

.section{

    padding:100px 0;

}

/* ===========================
   COMMON TITLE
=========================== */

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    display:inline-block;

    padding:8px 20px;

    background:#EAF4FD;

    color:var(--Primary);

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.section-title h2{

    font-size:46px;

    color:var(--Black);

    margin-bottom:18px;

    line-height:1.2;

}

.section-title p{

    max-width:760px;

    margin:auto;

    color:var(--Text-Light);

}

/* ===========================
   BUTTONS
=========================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:15px 34px;

    border-radius:50px;

    font-weight:600;

    transition:var(--Transition);

}

.btn-primary{

    background:var(--Primary);

    color:#fff;

}

.btn-primary:hover{

    background:var(--Primary-Dark);

}

.btn-secondary{

    background:var(--Secondary);

    color:#fff;

}

.btn-secondary:hover{

    background:var(--Secondary-Dark);

}

.btn-white{

    background:#fff;

    color:var(--Primary);

}

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

.card{

    background:#fff;

    border-radius:var(--Radius-Large);

    box-shadow:var(--Shadow);

    transition:var(--Transition);

}

.card:hover{

    box-shadow:var(--Shadow-Hover);

}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:992px){

    .section{

        padding:80px 0;

    }

    .section-title h2{

        font-size:36px;

    }

}

@media(max-width:768px){

    body{

        font-size:15px;

    }

    .section{

        padding:70px 0;

    }

    .section-title{

        margin-bottom:50px;

    }

    .section-title h2{

        font-size:30px;

    }

}

/* ==========================================================
   RTL SUPPORT - BASE
========================================================== */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    direction: rtl;
}

[dir="rtl"] .section-title {
    text-align: center;
}

[dir="rtl"] .section-title p {
    text-align: center;
}

[dir="rtl"] .card {
    text-align: right;
}

[dir="rtl"] .card-body {
    text-align: right;
}

[dir="rtl"] .btn {
    flex-direction: row-reverse;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

[dir="rtl"] label {
    text-align: right;
}

[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .ps-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

[dir="rtl"] .pe-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}