/* 
Theme Name: Alpha
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Alpha is a child theme of Hello Elementor, created by Elementor team
Author: No3man
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: alpha
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


:root {
  /* Colors */
  --main-color: #4D9AD3;
  --primary-color: #154998;
  --secondary-color-dark-blue: #1C2653;
  --third-color-yellow: #F6CA59;
  --text-color: #4C4C4C;
  --black: #000000;
  --white: #FFFFFF;
  --light-green: #EDFFFC;
  --light-gray: #A6B7C3;
  --light-gray2: #F7F7F7;
  --e-global-color-primary:;

  /* font sizes */
  --font-body: "GE-SS-Two", Sans-serif;
  --font-size-h1: 55px;
  --font-size-h2: 48px;
  --font-size-h3: 40px;
  --font-size-h4: 24px;
  --font-size-h5: 22px;
  --font-size-h6: 18px;
  --font-size-p: 16px;
  --font-size-btn: 16px;
  --font-size-links: 16px;

  /* Font weights */
  --font-weight-light: 300;
  /*--font-weight-regular: 400;*/
  --font-weight-medium: 500;
  /*--font-weight-semi-bold: 600;*/
  --font-weight-bold: 700;


  /* Spacing */
  --line-height-20: 20px;
  --line-height-30: 30px;
  --line-height-35: 35px;
  --line-height-40: 40px;
  --line-height-45: 45px;
  --line-height-60: 60px;
  --line-height-80: 80px;


}

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

.rtl {
  direction: rtl;
  /* text-align: right; */
}

/* Base styles for global elements */
body {
  font-family: var(--font-body) !important;
  font-size: var(--font-size-p);
  line-height: var(--line-height-40);
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  
}

.third-color-yellow {
  color: var(--third-color-yellow) !important;
}
.main-color{
    color: var(--main-color) !important;
}

/* Headings */
h1 ,h1 a{
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-80);

}

h2 , h2 a {
  font-size: var(--font-size-h2)!important;
  font-weight: var(--font-weight-bold)!important;
  line-height: var(--line-height-60) !important;

}

h3 ,h3 a {
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: var(--line-height-45) !important;

}

h4 , h4 a {
  font-size: var(--font-size-h4) !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: var(--line-height-45) !important;
  margin:0px;

}

h5 , h5 a {
  font-size: var(--font-size-h5) !important;
  font-weight: var(--font-weight-light) !important;
  line-height: var(--line-height-45) !important;

}
h6 ,h6 a {
  font-size: var(--font-size-h6) !important;
  font-weight: var(--font-weight-light) !important;
  line-height: var(--line-height-35) !important;

}


/* Paragraphs */
p {
  font-size: var(--font-size-p) !important;
  font-weight: var(--font-weight-light) !important;
  line-height: var(--line-height-35) !important;
}

button {
  font-size: var(--font-size-btn);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-20);
  border-radius: 8px;
}

a,
.main-header a {
  font-size: var(--font-size-links) !important;
  font-weight: var(--font-weight-light) !important;
  line-height: var(--line-height-30) !important;
}
.blue-color{
    color:var(--e-global-color-primary)!important;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  MOBILE DESIGN SYSTEM
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Force English digits inside this widget only */
.force-en-digits,
.force-en-digits * {
  /*direction: ltr;*/
  unicode-bidi: isolate;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
h4.elementor-image-box-title:hover a {
    color: var(--main-color)!important;
}

@media (max-width: 767px) {

  :root {

    /* Mobile Font Sizes */
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-p: 15px;
    --font-size-btn: 15px;
    --font-size-links: 15px;

    /* Mobile Line Height */
    --line-height-20: 20px;
    --line-height-30: 26px;
    --line-height-35: 30px;
    --line-height-40: 34px;
    --line-height-45: 38px;
    --line-height-60: 46px;
    --line-height-80: 52px;

    /* Spacing */
    --space-section: 40px;
  }

  body {
    /*padding: 0 16px;*/
    line-height: var(--line-height-35);
  }


  p {
    font-size: var(--font-size-p);
    line-height: var(--line-height-35);
  }
  

}