/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */

/* Font Family  */

@font-face {
  font-family: "Space Grotesk";
  src: url("/wp-content/uploads/fonts/SpaceGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/wp-content/uploads/fonts/SpaceGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/wp-content/uploads/fonts/SpaceGrotesk-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display:swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("/wp-content/uploads/fonts/SpaceGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display:swap;
}

body  {
  font-family: "Space Grotesk", sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, span {
  font-family: "Space Grotesk", sans-serif !important;
}


h1{
	font-size:50px !important;
	line-height:60px !important;
}

h2{
	font-size:40px
}

h3{
	font-size:30px;
}

/*
 * Green: B9FF66
 * Dark Gray: 191A23 
 * Off white: F3F3F3
 * */

.bg-green  {
	background: #B9FF66 !important;
}

.bg-dark {
	background: #191A23  !important;
}

.bg-white  {
	background: #F3F3F3 !important;
}

/* Font settings  */

.font-green * {
	color: #B9FF66 !important;
}

.font-dark * {
	color: #191A23  !important;
}

.font-white * {
	color: #F3F3F3 !important;
}

/* Button style */
.button-dark a {
    background: #191A23 !important;
    color: #f3f3f3 !important;
    padding: 20px 30px !important;
    border-radius: 15px !important;
}
.button-dark-one a {
    background: #191A23 !important;
    color: #f3f3f3 !important;
    padding: 20px 30px !important;
    border-radius: 15px !important;
}

.button-dark a:hover {
    background: #B9FF66  !important;
    color: #191A23 !important;
}

.button-green a {
    background: #B9FF66 !important;
    color: #191A23 !important;
    padding: 20px 30px !important;
    border-radius: 15px !important;
}
.button-green-one a {
    background: #B9FF66 !important;
    color: #191A23 !important;
    padding: 20px 30px !important;
    border-radius: 15px !important;
}

.button-green a:hover {
    background: #191A23  !important;
    color: #f3f3f3 !important;
}



.slider figure.swiper-slide-inner {
    width: 115px;
    height: 132px;
    align-content: center;
}



.icon-box-dark .elementor-icon-box-wrapper {
    background: #191A23;
    border-radius: 30px;
    width: 580px;
    padding: 30px 110px 30px 50px;
}


.icon-box-dark h3.elementor-icon-box-title {
    color: #fff !important;
    font-size: 28px;
}

.icon-box-dark p.elementor-icon-box-description {
    color: #fff !important;
    font-size: 16px;
}
.icon-box-dark .elementor-icon-box-icon {
    margin-top: 14px;
}

.icon-box-number .elementor-icon-box-wrapper {
    padding: 15px 30px;
    box-shadow: 0px 2px 10px;
    border-radius: 10px;
}

.icon-box-number h3.elementor-icon-box-title {
    color: #000 !important;
    font-size: 28px;
}

.icon-box-number p.elementor-icon-box-description {
    color: #000 !important;
}