/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2024 | 15:49:16 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

:root {
	--e-global-color-primary: #565656;
    --heading-color: #565656;
    --text-color: #4D4D4D;
    --field-label-color: #171717;
    --field-textual-color: #A3A3A3;
    --hastag-color: #486284;
	--bg-white: #ffffff;
	--bg-primary: #31A1AC;
    --hastag-size: 21px;
    --heading-size: 45px;
    --heading-size-mb: 31px;
    --heading-size-h3: 28px;
	--heading-size-h3-mb: 18px;
	--field-label: 20px;
	--field-label-mb: 18px;
	--field-textual: 17px;
	--field-textual-mb: 16px;
    --text-size: 20x;
    --text-size-mb: 16px;
	--primary-font: 'Poppins';
	--secondary-font: 'DM Sans';
	--field-label-font: 'Inter';
	--button-font: Josefin Sans;
	--line-height-1: 76px;
	--line-height-2: 56px;
	--line-height-3: 32px;
	--line-height-4: 30px;
	--line-height-5: 20px;
	--padding-block-start: 20px;
	--padding-block-end: 20px;
}
.heading.elementor-widget-heading .elementor-heading-title {
	color: var(--heading-color);
}
.text-white-color {
	color: #FFF;
}

.heading.text-white-color .elementor-widget-container h3.elementor-heading-title,
.heading.text-white-color .elementor-widget-container h2.elementor-heading-title{
	color: #FFF;
}

.align-start {
	align-items: start;
}
.no-padding {
	padding: 0!important;
}
.padding-20 {
	padding: 20px!important;	
}
.padding-t-20 {
	padding-top: 20px!important;
}

.padding-l-20 {
	padding-left: 20px!important;
}

.padding-r-20 {
	padding-right: 20px!important;
}

.padding-b-20 {
	padding-bottom: 20px!important;
}

.padding-l-40 {
	padding-left: 40px!important;
}
.padding-r-40 {
	padding-right: 40px!important;
}

.padding-l-desktop-40 {
	padding-left: 40px!important;
}
.padding-r-desktop-40 {
	padding-right: 40px!important;
}
.hashtag h2,
.elementor-widget-heading.hashtag h2.elementor-heading-title{
	font-family: var(--secondary-font) !important;
	color: var(--hastag-color);
	font-size: var(--hastag-size) ;
	font-weight: 500 !important;
	line-height:var(--line-height-5) !important
}

.heading.text-uppercase h1 {
	text-transform: uppercase !important;
}

.heading h1{
	font-family: var(--primary-font) ;
	color: var(--heading-color) ;
	font-size: var(--heading-size);
	font-weight: 600 !important;
	line-height: 1.3em !important;
}

.heading h2{
	font-family: var(--primary-font) ;
	color: var(--heading-color) ;
	font-size: var(--heading-size);
	font-weight: 600 !important;
	line-height:var(--line-height-1);
}
.heading h3{
	font-family: var(--secondary-font) ;
	color: var(--heading-color) ;
	font-size: var(--heading-size-h3) ;
	font-weight: 500 ;
	line-height:var(--line-height-3);
}
.description p{
	font-family: var(--secondary-font);
	color: var(--text-color);
	font-size: var(--text-size);
	line-height: var(--line-height-3);
	font-weight: 400;
	letter-spacing: 0.5px
}
.image img{
	border-radius: 15px
}
.description a {
    text-decoration: none !important;
}
.contact-form .elementor-field-label{
	font-size: var(--field-label) !important;
	line-height: var(--line-height-5) !important;
	font-weight: 500 !important;
	color: var(--field-label-color) !important;
	font-family: "DM Sans" !important;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.contact-form .elementor-field {
	font-size: var(--field-textual) !important;
	line-height: var(--line-height-5) !important;
	font-weight: 400 !important;
	color: var(--field-textual-color) !important;
	font-family: var(--field-label-font) !important;
}
.contact-form .elementor-button {
	background-color: var(--bg-white) !important;
	border-radius: 5px !important;
	border-width: 1px !important;
	border-color:var(--bg-primary) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	font-family: var(--button-font) !important;
	color: var(--heading-color) !important;
	padding: 18px 54px !important;
}
.contact-form .elementor-field-group{
	padding-right: calc(22px / 2);
    padding-left: calc(22px / 2);
    margin-bottom: 29px
}
.contact-form .elementor-button:hover {
	background-color: var(--bg-primary) !important;
	color: white !important
}
.contact-form input[type="text"]{
    box-shadow: none;
    padding: 0
}
.contact-form input[type="number"]{
    box-shadow: none;
    padding: 0
}
.contact-form input[type="email"]{
    box-shadow: none;
    padding: 0
}
.explore-button button,
.explore-button a {
	border-radius: 0;
	border: 1px solid #000;
	min-width: 175px;
	min-height: 54px;
	padding: 10px 35px;
	color: #565656!important;
	font-family: "Josefin Sans"!important;
	font-size: 18px!important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color:#FFF!important;
}

.explore-button button:hover,
.explore-button a:hover {
	background: #31A1AC!important;
	border: 1px solid #31A1AC;
	color: #FFF!important;
}

.section-container-end {
	margin-bottom: 90px;
}
.section-container {
	margin: 0;
	margin-top: 50px
}

.font-s-20 {
	font-size: 20px!important;
}
.grid-no-row-gap {
	grid-row-gap: 0;
}

.grid-no-column-gap {
	grid-column-gap: 0;
}
.desktop-section-container-end {
	margin-bottom: 90px;
}
@media (max-width: 767px){
	

	.desktop-section-container-end {
		margin-bottom: initial;
	}
	.padding-l-mobile-20 {
		padding-left: 20px;
	}
	
	.padding-r-mobile-20 {
		padding-right: 20px;
	}
	
	.padding-mobile-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.padding-l-desktop-40 {
		padding-left: 0px!important;
	}
	.padding-r-desktop-40 {
		padding-right: 0px!important;
	}

	.font-s-20 {
		font-size: 16px!important;
	}
	.m-padding-t-20 {
		padding-top: 20px;
	}
	
	.m-margin-t-20 {
		margin-top: 20px;
	}
	.section-container {
		padding: 0 20px 0 20px;
		margin-top: 30px;
	}
	.heading h2{
		font-size: var(--heading-size-mb) !important;
		line-height:var(--line-height-4) !important
	}
	.description p{
		font-size: var(--text-size-mb);
	}
	.contact-form .elementor-field-label{
		font-size: var(--field-label-mb) !important;
	}
	.contact-form .elementor-field{
		font-size: var(--field-textual-mb) !important;
	}
}


@media only screen and (max-width: 768px) {
	
.heading h2{
	font-family: var(--primary-font);
	color: var(--heading-color);
	font-size: var(--heading-size-mb);
	font-weight: 600;
	line-height:var(--line-height-1);
}
.heading h3{
	font-family: var(--secondary-font) ;
	color: var(--heading-color) ;
	font-size: var(--heading-size-h3-mb) ;
	font-weight: 500;
	line-height:var(--line-height-3);
}
	
	.elementor-widget-container {
		font-size: 16px;
	}
}


@media only screen and (max-width: 544px) {
	
.elementor-widget-heading.hashtag h2.elementor-heading-title h2,
	.hashtag h2{
	color: var(--hastag-color);
	font-size: var(--hastag-size) ;
	font-weight: 500 !important;
	line-height:var(--line-height-5) !important
}
.heading h2{
	font-family: var(--primary-font);
	color: var(--heading-color);
	font-size: var(--heading-size-mb);
	font-weight: 600;
	line-height:var(--line-height-1);
}
.heading h3{
	font-family: var(--secondary-font) ;
	color: var(--heading-color) ;
	font-size: var(--heading-size-h3-mb) ;
	font-weight: 500;
	line-height:var(--line-height-3);
}
}
@media (min-width: 960px) {
	.desktop-text-green {
		color: #8CA2C0!important;
	}

	.desktop-text-green .elementor-widget-container {
		color: #8CA2C0!important;
	}
	.what-news-carousel.elementor-widget-loop-carousel .swiper.elementor-loop-container .swiper-slide.e-loop-item{
		 width: 100%;
         margin-right: 40px;
	}
}