/*
Theme Name:   Elementory Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Elementory child
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     elementory
Version:      1.0.0
Text Domain:  elementorychild
*/

html {
	line-height: 1.15;
}

body {
	margin: 0;
}

main {
	display: block;
}

/************************* Fonts *********************************/

/* Thin (100) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Extra Light (200) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/') format('truetype');
    font-weight: 200;
    font-style: normal;
}

/* Light (300) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Regular (400) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Medium (500) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Semi-Bold (600) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Bold (700) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Extra Bold (800) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Black (900) */
@font-face {
    font-family: 'open-sans';
    src: url('fonts/') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/**************************************** CSS style *************************************************/


/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* Column base styles */
[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  flex: 1;
}

/* Responsive column sizes */
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-6  { flex: 0 0 50%; max-width: 50%; }
.col-4  { flex: 0 0 33.333%; max-width: 33.333%; }
.col-3  { flex: 0 0 25%; max-width: 25%; }
.col-2  { flex: 0 0 16.666%; max-width: 16.666%; }

/* Media queries for responsive design */
@media (max-width: 768px) {
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .col-md-6  { flex: 0 0 50%; max-width: 50%; }
  .col-md-4  { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-md-3  { flex: 0 0 25%; max-width: 25%; }
}

@media (max-width: 576px) {
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .col-sm-6  { flex: 0 0 50%; max-width: 50%; }
  .col-sm-4  { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-sm-3  { flex: 0 0 25%; max-width: 25%; }
}

/***************************************** CSS ******************************************/

p, a, ul, h1, h2, h3, h4, h5, h6, .elementor-button-text 
{
	font-family: 'open-sans';
}

span.avdbtn-text
{
	font-family: 'open-sans';
	font-weight: 600;
	font-size: 22px;
	leading-trim: Cap height;
	line-height: 29.96px;
	letter-spacing: 0%;
}

.hero-section h2
{
	font-weight: 700;
	font-size: 40px;
	leading-trim: Cap height;
	line-height: 50px;
	letter-spacing: 0%;
	text-align: center;
}

.hero-section p
{
	font-weight: 600;
	font-size: 30px;
	leading-trim: Cap height;
	line-height: 40px;
	letter-spacing: 0%;
	text-align: center;
	color : #FFFFFFCC;
}

.hero-section .elementor-button-text 
{
	font-weight: 600;
	font-size: 22px;
	leading-trim: Cap height;
	line-height: 29.96px;
	letter-spacing: 0%;
}

.span-green
{
	color: #00A032;
}

.img-text h2
{
	font-weight: 700;
	font-size: 40px;
	leading-trim: Cap height;
	line-height: 50px;
	letter-spacing: 0%;
}

.img-text img
{
	height: 100%;
	object-fit: cover;
}

.img-text .elementor-button-text 
{
	font-weight: 600;
	font-size: 22px;
	leading-trim: Cap height;
	line-height: 29.96px;
	letter-spacing: 0%;
}

ul.lst, ul.sub-lst  {
  font-family: 'open-sans';
  list-style-type: none !important;
  line-height: 1.5;
}

ul.lst li {
  position: relative;
	font-weight: 600;
	font-size: 26px;
	leading-trim: Cap height;
	line-height: 36px;
	letter-spacing: 0%;
	color: #00000080;
}

ul.lst li::before {
  content: ""; 
  position: absolute;
	top: 10px !important;
  left: -30px; 
  width: 14px; 
  height: 14px; 
  background-image: url('/wp-content/uploads/2025/02/Rectangle-40.png');
  background-size: cover;
  background-repeat: no-repeat;
}

ul.sub-lst li::before {
	width: 14px; 
  height: 14px;
  background-image: url('/wp-content/uploads/2025/02/Rectangle-37.png');
}

/*************************************  Form ***************************************************/


.wpcf7-text, .wpcf7-textarea
{
	width: 100%;
	background: #FFFFFF;
	border: none;
	padding: 15px;
	border-radius: 10px;
}

.wpcf7-form-control
{
	width : 100%;
	background: #F5F5F5;
	border: none;
	padding: 5%;
}

.wpcf7-acceptance
{
	padding: 0 !important;
}

.wpcf7-acceptance .wpcf7-list-item
{
	padding: 0 !important;
	background: #F5F5F5;
	margin: 0;
	padding: 3% !important;
	border-radius: 10px;
}

.wpcf7-submit
{
	color : #FFFFFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 29.05px;
	text-align: left;
	background: #00A032;
	border: none;
	padding: 10px;
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

label
{
	width: 100% !important;
	font-family: 'open-sans';
	font-weight: 700;
	font-size: 17px;
	line-height: 23.15px;
	letter-spacing: 0%;
	color : #000000CC;
}

textarea::placeholder
{
	font-family: 'open-sans';
	font-size: 16px;
}

input::placeholder
{
	font-size: 16px;
	color: #00000078;
	font-weight: 500;
	line-height: 19.36px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.icons-box h2
{
	font-weight: 700;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0%;
	text-align: center;
}

.icons-box p
{
	font-weight: 600;
	font-size: 22px;
	line-height: 29px;
	letter-spacing: 0%;
	text-align: center;
	color: #00000091;
}

.icons-box img
{
	width: 96px;
}

.flags img
{
	width: 116px
}

.formular h2
{
	font-weight: 700;
	font-size: 44px;
	leading-trim: Cap height;
	line-height: 48px;
	letter-spacing: 0%;
	color: #ffffff;
}

.box_change_on_hover
{
	width: 30% !important;
}

.box_change_on_hover:hover p {
color: #fff !important;
}

.box_change_on_hover:hover img {
opacity: 0 !important;
}

/****************************************** mobile ***************************************************/

@media only screen and (max-width: 768px) {	

	.header img {
		width: 123px;
	}
	
	.header .elementor-button-text 
	{
		font-weight: 600;
		font-size: 12px;
		line-height: 16.34px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	.hero-section h2
	{
		font-weight: 700;
		font-size: 28px;
		leading-trim: Cap height;
		line-height: 29px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	.hero-section h1
	{
		font-weight: 600;
		font-size: 18px;
		leading-trim: Cap height;
		line-height: 22px;
		letter-spacing: 0%;
		text-align: center;

	}
	
	.hero-section p
	{
		font-weight: 600;
		font-size: 18px;
		leading-trim: Cap height;
		line-height: 22px;
		letter-spacing: 0%;
		text-align: center;
	}

	.hero-section .avdbtn-text
	{
		font-weight: 600;
		font-size: 14px;
		line-height: 19.07px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	.img-text h2
	{
		font-weight: 700;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	.img-text ul.lst li
	{
		font-weight: 600;
		font-size: 14px;
		leading-trim: Cap height;
		line-height: 19px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	ul.lst li::before {
		  content: ""; 
		  position: absolute;
		  top: 5px !important;
		  left: -10px; 
		  width: 8px; 
		  height: 8px; 
		  background-image: url('/wp-content/uploads/2025/02/Rectangle-40.png');
		  background-size: cover;
		  background-repeat: no-repeat;
	}
	
	ul.sub-lst li::before {
	  width: 8px; 
	  height: 8px;
	  background-image: url('/wp-content/uploads/2025/02/Rectangle-37.png');
	}
	.img-text .elementor-button-text 
	{
		font-weight: 600;
		font-size: 14px;
		leading-trim: Cap height;
		line-height: 19.07px;
		letter-spacing: 0%;
	}
	
	.flags img
	{
		display: none !important;
	}

	.icons-box h2
	{
		font-weight: 700;
		font-size: 24px;
		leading-trim: Cap height;
		line-height: 32px;
		letter-spacing: 0%;
		text-align: center;
	}
	
	.icons-box p
	{
		font-weight: 600;
		font-size: 14px;
		leading-trim: Cap height;
		line-height: 17px;
		letter-spacing: 0%;
		text-align: center;
		color : #00000091;
	}
	
	.box_change_on_hover
	{
		width: 100% !important;
	}

}