/*
Theme Name: Hamamat Capital Child
Theme URI:
Description: Child Theme for Astra - Hamamat Capital
Author: Hamamat Capital
Template: astra
Version: 1.0
Text Domain: hamamat-child
*/
/* =====================================================
   ROOT VARIABLES
===================================================== */
:root{
    --primary:#0B2D4D;
    --secondary:#00A8E8;
    --background:#F5F8FA;
    --white:#FFFFFF;
    --text:#222222;
    --font-main:'Tajawal',sans-serif;
}
/* =====================================================
   GLOBAL
===================================================== */
*,
*::before,
*::after{
    box-sizing:border-box;
}
/* =====================================================
   RTL
===================================================== */
html,
body,
#page,
.site{
    direction:rtl;
}
/* =====================================================
   TYPOGRAPHY
===================================================== */
body{
    font-family:var(--font-main);
    color:var(--text);
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--font-main);
    font-weight:700;
    color:var(--primary);
}
/* =====================================================
   ELEMENTOR + GUTENBERG RTL
   (يترك كما هو)
===================================================== */
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.wp-block{
    direction:rtl;
}
/* =====================================================
   BUTTONS
===================================================== */
button,
.ast-button,
.elementor-button{
    background:var(--secondary);
    color:#fff;
    border-radius:8px;
    transition:.3s ease;
}
button:hover,
.ast-button:hover,
.elementor-button:hover{
    opacity:.9;
}
/* =====================================================
   FOOTER
===================================================== */
.site-footer{
    direction:rtl;
}
/* =====================================================
   ABOUT SINGLE SECTION
===================================================== */
.about-single-section{
    direction:rtl;
    padding:90px 20px;
    background:linear-gradient(135deg,#071a2c,#0c2a44);
    color:#ffffff;
    font-family:'Cairo',sans-serif;
}
.about-single-container{
    max-width:900px;
    margin:auto;
    text-align:center;
}
.about-single-container h2{
    font-size:34px;
    margin-bottom:25px;
    position:relative;
}
.about-single-container h2::after{
    content:"";
    width:80px;
    height:3px;
    background:#00c2ff;
    display:block;
    margin:12px auto 0;
    border-radius:2px;
}
.about-single-container p{
    font-size:17px;
    line-height:2.1;
    color:#d6e4f0;
    text-align:justify;
    text-justify:inter-word;
}
/* =====================================================
   SITE TITLE FONT
===================================================== */
.site-title,
.site-title a,
.ast-site-title,
.ast-site-title a,
.custom-logo-link + .site-branding .site-title,
.site-branding .site-title a{
    font-family:"Times New Roman",Times,serif !important;
    font-weight:700;
}
/* =====================================================
   CONTACT FORM 7
===================================================== */
.wpcf7-form p{
    margin:0 0 12px !important;
}
.wpcf7-form label{
    display:block;
    margin-bottom:4px !important;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}
.wpcf7-form .wpcf7-form-control{
    margin-top:0 !important;
}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea{
    margin-top:0;
}
.wpcf7-form br{
    display:none;
}
/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width:768px){
    .about-single-container h2{
        font-size:26px;
    }
    .about-single-container p{
        font-size:15px;
    }
}