/* 
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 */
/* ============================================
   Global Variables - Editable
   ============================================ */
:root {
    /* Line Height Ratio for Typography */
    --line-height-ratio: 1.4;

    /* Typography Font Sizes (Scalable with Clamp) */
    --title-1-fs: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
    --title-2-fs: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
    --title-3-fs: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
    --title-4-fs: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
    --title-5-fs: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
    --title-6-fs: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
    --title-7-fs: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);
    --subheading-fs: 1.2rem;
    --body-fs: 1rem;
    --body-bold-fs: 1rem;
    --body-big-fs: 1.125rem;
    --body-small-fs: 0.875rem;

    /* Global Padding Variables - Editable */
    /* Left and Right Padding for All Sections/Containers */
    --fluid-side-padding-min: 1.25rem; /* 20px */
    --fluid-side-padding-max: 5rem;    /* 80px */

    /* Top and Bottom Padding for All Containers */
    --section-xxl-padding-min: 9.375rem; /* 150px */
    --section-xxl-padding-max: 10rem;    /* 160px */
    --section-xl-padding-min: 6.875rem;  /* 110px */
    --section-xl-padding-max: 7.5rem;    /* 120px */
    --section-l-padding-min: 5.625rem;   /* 90px */
    --section-l-padding-max: 6.25rem;    /* 100px */
    --section-m-padding-min: 5rem;       /* 80px */
    --section-m-padding-max: 5rem;       /* 80px */
    --section-s-padding-min: 3.75rem;    /* 60px */
    --section-s-padding-max: 3.75rem;    /* 60px */
    --section-xs-padding-min: 2.5rem;    /* 40px */
    --section-xs-padding-max: 2.5rem;    /* 40px */
    --section-xxs-padding-min: 1.5rem;   /* 24px */
    --section-xxs-padding-max: 1.5rem;   /* 24px */
    --section-header-padding-min: 1.25rem; /* 20px */
    --section-header-padding-max: 1.25rem; /* 20px */

    /* Hero Sections Height Variable */
    --section-hero-height: 100svh; /* 100% the screen height */

    /* Offset Padding for Overlay Headers */
    --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections */
    --section-narrow: 62.5rem;     /* 1000px */
    --section-narrow-xs: 45rem;    /* 720px */
	
	/* Color Variable collection */
  --Font-font-family-Google-Sans: Google Sans;
  --Font-font-size-H1: 64px;
  --Font-font-size-H2: 48px;
  --Font-font-size-H3: 40px;
  --Font-font-size-H4: 32px;
  --Font-font-size-H5: 24px;
  --Font-font-size-H6: 20px;
  --Font-font-size-Menu-Item: 20px;
  --Font-font-size-Paragraph: 16px;
  --Font-font-size-Caption: 14px;
  --Font-line-height-H1: 72px;
  --Font-line-height-H2: 56px;
  --Font-line-height-H3: 48px;
  --Font-line-height-H4: 40px;
  --Font-line-height-H5: 32px;
  --Font-line-height-H6: 28px;
  --Font-line-height-Menu-Item: 24px;
  --Font-line-height-Paragraph: 24px;
  --Font-line-height-Caption: 20px;
  --Font-line-height-Sub-Heading: 28px;
  --Font-font-size-Sub-Heading: 20px;
  --Font-font-weight-regular: 400px;
  --Font-font-weight-bold: 700px;
  --Border-Radius-Buttons: 8px;
  --Border-Radius-Forms: 24px;
  --Border-Radius-Images: 24px;
  --Padding-Between-Items-XS: 4px;
  --Padding-Between-Items-Small: 8px;
  --Padding-Between-Items-Medium: 12px;
  --Padding-Between-Items-Large: 16px;
  --Padding-Between-Items-XL: 24px;
  --Padding-Between-Items-XXL: 32px;
  --Padding-Button-Up-Donw: 12px;
  --Padding-Button-Left-Right: 24px;
  --Padding-Container-Left-Right: 80px;
  --Padding-Container-Up-Donw: 80px;
  --Padding-Container-Gap: 80px;
  --Padding-Header-Menu-Item-left-right: 8px;
  --Padding-Header-Menu-Items-gap: 16px;
	
  --Colors-Dark-Text-Contrast: #5F5F5FFF;
  --Colors-White: #FFFFFFFF;
  --Colors-Black: #000000FF;
  --Colors-Base: #0062F2FF;
  --Colors-Blue-blue-1: #E6EFFEFF;
  --Colors-Blue-blue-2: #C2D9FCFF;
  --Colors-Blue-blue-3: #91BBF9FF;
  --Colors-Blue-blue-4: #5E9CF7FF;
  --Colors-Blue-blue-5: #2E7EF4FF;
  --Colors-Blue-blue-6: #0062F2FF;
  --Colors-Blue-blue-7: #0053CEFF;
  --Colors-Blue-blue-8: #0046ACFF;
  --Colors-Blue-blue-9: #00388AFF;
  --Colors-Blue-blue-10: #002C6DFF;
  --Colors-Tint-Tint-500: #CFE2FFFF;
  --Colors-Tint-Tint-450: #B9D5FFFF;
  --Colors-Tint-Tint-400: #A3C8FFFF;
  --Colors-Tint-Tint-350: #8CBAFFFF;
  --Colors-Tint-Tint-300: #76ADFFFF;
  --Colors-Tint-Tint-250: #60A0FFFF;
  --Colors-Tint-Tint-200: #4A92FFFF;
  --Colors-Tint-Tint-150: #3385FFFF;
  --Colors-Tint-Tint-100: #1D78FFFF;
  --Colors-Tint-Tint-50: #076AFFFF;
  --Colors-Shade-Shade-50: #0058DCFF;
  --Colors-Shade-Shade-100: #0050C9FF;
  --Colors-Shade-Shade-150: #0049B5FF;
  --Colors-Shade-Shade-200: #0041A2FF;
  --Colors-Shade-Shade-250: #00398EFF;
  --Colors-Shade-Shade-300: #00317BFF;
  --Colors-Shade-Shade-350: #002967FF;
  --Colors-Shade-Shade-400: #002254FF;
  --Colors-Shade-Shade-450: #001A40FF;
  --Colors-Shade-Shade-500: #00122DFF;
  --Colors-Grey-25: #FDFDFDFF;
  --Colors-Grey-50: #FAFAFAFF;
  --Colors-Grey-100: #F5F5F5FF;
  --Colors-Grey-200: #E9EAEBFF;
  --Colors-Grey-300: #D5D7DAFF;
  --Colors-Grey-400: #A4A7AEFF;
  --Colors-Grey-500: #717680FF;
  --Colors-Grey-600: #535862FF;
  --Colors-Grey-700: #414651FF;
  --Colors-Grey-800: #252B37FF;
  --Colors-Grey-900: #181D27FF;

}

/* ============================================
   Padding Utility Classes - All Sides
   ============================================ */
.pad-s {
    padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);
}

.pad-m {
    padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);
}

.pad-l {
    padding: clamp(2rem, 1.5385rem + 2.0513vw, 3rem);
}

/* ============================================
   Padding Utility Classes - Top & Bottom
   ============================================ */
.pad-tb-s {
    padding: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem) 0;
}

.pad-tb-m {
    padding: clamp(4rem, 3.5385rem + 2.0513vw, 5rem) 0;
}

.pad-tb-l {
    padding: clamp(7rem, 6.5385rem + 2.0513vw, 8rem) 0;
}

/* ============================================
   Padding Utility Classes - Top Only
   ============================================ */
.pad-t-s {
    padding-top: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);
}

.pad-t-m {
    padding-top: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);
}

.pad-t-l {
    padding-top: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);
}

/* ============================================
   Padding Utility Classes - Bottom Only
   ============================================ */
.pad-b-s {
    padding-bottom: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);
}

.pad-b-m {
    padding-bottom: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);
}

.pad-b-l {
    padding-bottom: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);
}

/* ============================================
   Section/Container Padding - Fluid Variants
   ============================================ */
.section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-l {
    padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-m {
    padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

.section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max)) !important;
}

/* ============================================
   Special Section Styles
   ============================================ */
/* Hero Container/Sections Height */
.section-hero {
    min-height: var(--section-hero-height) !important;
}

.section-hero .e-con-inner {
    justify-content: center !important;
}

/* Full Width Sections - No Side Padding */
.section-full div {
    max-width: 100% !important;
}

/* Narrow Sections */
.section-narrow .e-con-inner {
    max-width: var(--section-narrow) !important;
}

.section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs) !important;
}

/* Offset Padding for Overlay Headers */
.section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
}

/* ============================================
   Typography Classes - Using Variables
   ============================================ */
.title-1 {
    font-size: var(--title-1-fs);
    line-height: calc(var(--title-1-fs) * var(--line-height-ratio));
}

.title-2 {
    font-size: var(--title-2-fs);
    line-height: calc(var(--title-2-fs) * var(--line-height-ratio));
}

.title-3 {
    font-size: var(--title-3-fs);
    line-height: calc(var(--title-3-fs) * var(--line-height-ratio));
}

.title-4 {
    font-size: var(--title-4-fs);
    line-height: calc(var(--title-4-fs) * var(--line-height-ratio));
}

.title-5 {
    font-size: var(--title-5-fs);
    line-height: calc(var(--title-5-fs) * var(--line-height-ratio));
}

.title-6 {
    font-size: var(--title-6-fs);
    line-height: calc(var(--title-6-fs) * var(--line-height-ratio));
}

.title-7 {
    font-size: var(--title-7-fs);
    line-height: calc(var(--title-7-fs) * var(--line-height-ratio));
}

.subheading {
    font-size: var(--subheading-fs);
    line-height: calc(var(--subheading-fs) * var(--line-height-ratio));
}

.body-text {
    font-size: var(--body-fs);
    line-height: calc(var(--body-fs) * var(--line-height-ratio));
}

.body-bold {
    font-size: var(--body-bold-fs);
    font-weight: bold;
    line-height: calc(var(--body-bold-fs) * var(--line-height-ratio));
}

.body-big {
    font-size: var(--body-big-fs);
    line-height: calc(var(--body-big-fs) * var(--line-height-ratio));
}

.body-small {
    font-size: var(--body-small-fs);
    line-height: calc(var(--body-small-fs) * var(--line-height-ratio));
}

/* ============================================
   Custome Classes - Header
   ============================================ */
.fe-menu-items2 span{
	padding: 0 0.5rem 0 0.5rem;
	font-size:var(--Font-font-size-Menu-Item);
	line-height:var(--Font-line-height-Menu-Item);
/* 	color:var(--Colors-White); */
}

.Hero-Section{
    padding-top:121px;
}
.fe-container{
    /*padding: 5rem 5rem;*/
    gap:5rem;
}

.p-b-200{
    padding-bottom:12.5rem ;
}
.p-t-32{
    padding-top:2rem;
}
.fe-subheading  .elementor-divider-separator:after {
	flex-grow: unset;
	width: 4rem;
}
.fe-icon-box-01{
    padding: 1.5rem 2rem;
    background-color: #f0f5fe;
    border-radius:1.5rem ;
}
.fe-icon-box-01 .elementor-icon-box-title{
    margin: 0 0 1rem 0;
}




.fe-h2 h2{
    font-size: var(--title-2-fs) !important;
}
.fe-progress-bar {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fe-button-01 .elementor-button-text p {
	font-size: var(--e-global-typography-24bafb9-font-size);
	line-height: var(--e-global-typography-24bafb9-line-height);
	color: var(--e-global-color-24b0236);
margin-block-end:0
}
.fe-progress-bar .elementor-progress-bar{
border-radius:0.5rem;
}
.fe-progress-bar .elementor-progress-wrapper{
background-color:rgba(245, 245, 245, 0.1);
}
.fe-button-01 .elementor-button-icon {
	/* width: 40px; */
	aspect-ratio: 1/1;
	height: 40px;
	justify-content: center;
	background: var(--e-global-color-2fae329);
	border-radius:0.5rem;
}

.fe-button-01 .elementor-button-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fe-button-01  .elementor-button-content-wrapper {
	align-items: center;
}
.fe-posts .elementor-post__thumbnail__link {
	margin-bottom: 0;
}
.fe-posts  .elementor-posts .elementor-post__card .elementor-post__badge, .elementor-posts .elementor-post__card .elementor-post__read-more {
	text-transform: unset;
}
.fe-posts a{
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-clamp: 1;
}
.fe-posts p{
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-clamp: 3;
}
.fe-posts2 p{
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-clamp: 2;
}
.fe-posts2 .elementor-post__card {
	flex-direction: row;
}
.fe-posts a.elementor-post__read-more{
margin-bottom: 0px !important;
}
.fe-posts img.size-full {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover;
}
 .fe-form [type=checkbox] ,[type=radio]{
    position: absolute;
    clip: rect(0 0 0 0);
}


 .fe-form [type=checkbox]+label ,[type=radio]+label{
    position: relative;
    cursor: pointer;
}

 .fe-form [type=checkbox]+label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 12px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(178, 208, 253);
    border-radius: 6px;
    box-shadow: rgb(22 98 213 / 10%) 0px 0px 0px 0px;
}
  .fe-form [type=radio]+label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-inline-end: 12px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(178, 208, 253);
    border-radius: 45px;
    box-shadow: rgb(22 98 213 / 10%) 0px 0px 0px 0px;
}
 .fe-form [type=checkbox]:checked+label::after {
    content:"";
    position: absolute;
    /* display: flex; */
    background-color: #0062F2;
    height: 20px;
    width: 20px;
    border-radius: 6px;
    top: 0%;
    left: 0%;
    /* transform: translate(-15%, 0%); */
}

 .fe-form [type=radio]:checked+label::after {
    content:"";
    position: absolute;
    background-color: #0062F2;
    height: 20px;
    width: 20px;
    border-radius: 45px;
    top: 0%;
    left: 0%;
  
}

.fe-posts3 .elementor-post__title{
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-clamp: 2;
}

:root {
    /* Line Height Ratio for Typography */
    --line-height-ratio: 1.4;

    /* Typography Font Sizes (Scalable with Clamp) */
    --title-1-fs: clamp(3rem, 2.5385rem + 2.0513vw, 4rem);
    --title-2-fs: clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);
    --title-3-fs: clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);
    --title-4-fs: clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);
    --title-5-fs: clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);
    --title-6-fs: clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);
    --title-7-fs: clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);
    --subheading-fs: 1.2rem;
}