:root{

    --primary: "Sofia Pro";
    --lato: "Lato";
    --raleway: "Raleway";
    --gilroy: "Gilroy";
    
    --clr_primary: #36454F;
    --clr_secondary: #4469B0;
    --clr_text: #36454F;
    --clr_accent: #32312D;
    --clr_text_black: #212529;
    --clr_blue_2: #4469B0;
    --clr_yellow: #DEAF66;
    --clr_light_gray: #F5F5F5;
    --clr_light_yellow: #F5F5F5;
    --clr_white: #ffffff;
    --clt_black: #000000;
    
	--c-width: 100%;
	--c-width-calc: calc(100% - var(--c-width));
	--c-width-devide: calc(var(--c-width-calc) / 2);
	--c-width-final: calc(100% - var(--c-width-devide));
	--c-margin-left: calc(100% - var(--c-width-final));
	
	--size_100: 100px;
	--size_80: 80px;
	--size_70: 70px;
	--size_60: 60px;
	--size_50: 50px;
	--size_40: 40px;
	--size_30: 30px;
	--size_24: 24px;
	--size_20: 20px;
	--size_15: 15px;
	--size_12: 12px;
	--size_10: 10px;
	--size_5: 5px;
	--size_4: 4px;

    --size_100_half: 50px;
    --size_90_half: 45px;
	--size_80_half: 40px;
	--size_70_half: 35px;
	--size_60_half: 30px;
	--size_50_half: 25px;
	--size_40_half: 20px;
	--size_30_half: 15px;
	--size_24_half: 12px;
	--size_20_half: 10px;
	--size_15_half: 7.5px;
	--size_12_half: 6px;
	--size_10_half: 5px;

	--size_100_third: 34px;
	--size_90_third: 30px;
	--size_80_third: 27px;
	--size_70_third: 24px;
	--size_60_third: 20px;
	--size_50_third: 16px;
	--size_40_third: 13px;
	--size_30_third: 10px;
	--size_24_third: 8px;
	--size_20_third: 5px;
	--size_15_third: 5px;
}


html {
  line-height: 1.15; 
  -webkit-text-size-adjust: 100%; 
}

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

body {
  margin: 0;
  font-family: var(--primary);
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--clr_primary);
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  color: inherit;
  font-family: var(--primary);
}
p{
    font-family: var(--primary) !important;
}
.zi-0 {
	z-index: 0 !important;
}
.zi-1 {
	z-index: 1 !important;
}
.zi-2 {
	z-index: 2 !important;
}
.zi-m-a {
	z-index: -1 !important;
}
.gap-15{
	gap: var(--size_15);
}
.gap-10{
	gap: var(--size_10);
}
.gap-20{
	gap: var(--size_20);
}
.gap-30{
	gap: var(--size_30);
}
.gap-10-y{
	row-gap: var(--size_10);
}
.gap-15-y{
	row-gap: var(--size_15);
}
.gap-20-y{
	row-gap: var(--size_20);
}
.gap-30-y{
	row-gap: var(--size_30);
}
.gap-10-x{
	column-gap: var(--size_10);
}
.gap-15-x{
	column-gap: var(--size_15);
}
.gap-20-x{
	column-gap: var(--size_20);
}
.gap-30-x{
	column-gap: var(--size_30);
}

.lmb-0 p:last-of-type,
.lmb-0 p:last-child,
.mbl-0 p:last-of-type,
.mbl-0 p:last-child{
    margin-bottom: 0;
}
.h_div_100,
.h_div_100 .elementor-element .elementor-widget-container,
.h_div_100 .elementor-element .elementor-widget-container img{
    height: 100%;
}
.w-100 .elementor-button,
.w-100 .elementor-button.elementor-button-link{
    width: 100%;
}
.poiner
.text_primary{
    color: var(--clr_primary) !important;
}
.text_secondary{
    color: var(--clr_secondary) !important;
}
.text{
    color: var(--clr_text) !important;
}
.text_accent{
    color: var(--clr_accent) !important;
}
.text_black{
    color: var(--clr_text_black) !important;
}
.text_blue_2{
    color: var(--clr_blue_2) !important;
}
.text_yellow{
    color: var(--clr_yellow) !important;
}
.text_light_gray{
    color: var(--clr_light_gray) !important;
}
.text_light_yellow{
    color: var(--clr_light_yellow) !important;
}

.fw_100{
    font-weight: 100 !important;
}
.fw_200{
    font-weight: 200 !important;
}
.fw_300{
    font-weight: 300 !important;
}
.fw_400{
    font-weight: 400 !important;
}
.fw_500{
    font-weight: 500 !important;
}
.fw_600{
    font-weight: 600 !important;
}
.fw_700{
    font-weight: 700 !important;
}
.fw_800{
    font-weight: 800 !important;
}
.fw_900{
    font-weight: 900 !important;
}

.form-control,
.form-select{
    border-color: var(--clr_secondary);
}

header{
    position: absolute !important;
    width: 100%;
    top: 0;
}

.faqs .e-n-accordion-item{
    border: 1px solid #CFCFCF;
    border-radius: 30px;
    overflow: hidden;
}
.faqs .e-n-accordion[open]{
    background-color: var(--clr_primary);
}
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{
    background-color: #4E4E4E !important;
     color: var(--clr_white);
}
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text{
     font-weight: 800 !important;
    
}
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-con{
    background-color: #4E4E4E !important;
}
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-con .faq_contents,
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-con .faq_contents p{
    color: var(--clr_white);
}
.faqs .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{
    fill: var(--clr_white);
}

.mw_350{
    max-width: 350px !important;
}
/*colored*/

.blue_text_colored{
    background: linear-gradient(250deg, #5E8EED 0%, #3D7DFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.yellow_text_colored{
    background: linear-gradient(250deg, #DEAF66 0%, #FFA821 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.yellow_text_colored_h1{
    background: linear-gradient(250deg, #FCE269 0%, #FCA22A 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.orange_text_colored{
   background: linear-gradient(250deg, #FF6403 0%, #935D3C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.red_text_colored{
    background: linear-gradient(250deg, #FF0004 0%, #AA4446 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.green_text_colored{
   background: linear-gradient(250deg, #68B97E 0%, #416A4C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.oy_text_colored{
   background: linear-gradient(250deg, #FF5C1A 0%, #F39169 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.red_text_colored_h1{
    background: linear-gradient(87.4deg, #C52F31 -3.49%, #FD0206 63.91%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}
.blue_text_colored_h1{
    background: linear-gradient(269.23deg, #1A4AA5 23.76%, #0F3071 99.84%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;   
}
.maroon_text_colored_h1{
    background: linear-gradient(250deg, #71488E 0%, #452A64 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;  
}

.black_text_colored_h1{
    background: linear-gradient(250deg, #676565 0%, #141414 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;  
}
.orange_text_colored_h1{
    background: linear-gradient(90deg, #E8C17A 0%, #D2985C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;  
}


.or_text_colored_h1{
    background: linear-gradient(250deg, #FF6403 0%, #935D3C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;  
}
.blue_dark_text_colored_h1{
    background: linear-gradient(250deg, #6899FF 0%, #0B1E48 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline;
    line-height: 1.2;
}

/*media query*/
@media only screen and (min-width: 768px) {
    .h-md-100{
        height: 100% !important;
    }
    .w-md-100 .elementor-button,
    .w-md-100 .elementor-button.elementor-button-link{
        width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    :root{
		--c-width: 960px;
		
		--size_100_third: 67px;
        --size_90_third: 60px;
        --size_80_third: 54px;
        --size_70_third: 47px;
        --size_60_third: 40px;
        --size_50_third: 34px;
        --size_40_third: 27px;
        --size_30_third: 20px;
        --size_24_third: 16px;
        --size_20_third: 14px;
        --size_15_third: 10px;
    }
    
}
@media only screen and (min-width: 1200px) {
    :root{
		--c-width: 1140px;
		/*--c-width: calc(1140px - 70px);*/
		--container-width: 1140px;
		
		--size_100_half: 100px;
		--size_90_half: 90px;
		--size_80_half: 80px;
        --size_70_half: 70px;
        --size_60_half: 60px;
        --size_50_half: 50px;
        --size_40_half: 40px;
        --size_30_half: 30px;
        --size_24_half: 24px;
        --size_20_half: 20px;
        --size_15_half: 15px;
        --size_12_half: 12px;
        --size_10_half: 10px;
        
        --size_100_third: 100px;
        --size_90_third: 90px;
        --size_80_third: 80px;
        --size_70_third: 70px;
        --size_60_third: 60px;
        --size_50_third: 50px;
        --size_40_third: 40px;
        --size_30_third: 30px;
        --size_24_third: 24px;
        --size_20_third: 20px;
        --size_15_third: 15px;
    }
    .e-con>.e-con-inner{
        /*max-width: var(--container-width-1320);*/
        max-width: var(--c-width);
    }
    .page-header .entry-title, 
    .site-footer .footer-inner, 
    .site-footer:not(.dynamic-footer), 
    .site-header .header-inner, 
    .site-header:not(.dynamic-header), 
    body:not([class*=elementor-page-]) .site-main,
    header .e-con>.e-con-inner,
    footer .e-con>.e-con-inner {
        max-width: var(--container-width);
    }
    
    .h_menu .btn-primary a{
        background-color: #4469B0 !important;
        font-family: "Inter", Sans-serif !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        color: var(--clr_white) !important;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #4469B0;
        border-radius: 5rem;
        padding: 5px 20px 5px 20px !important;
    }
    .h_menu .btn-primary a:hover{
        color: #4469B0 !important;
        background-color: var(--clr_white) !important;
    }
    .btn_180 .elementor-button{
        min-width: 180px;
    }
    .btn_240 .elementor-button{
        min-width: 240px;
    }
    .btn_273 .elementor-button{
        min-width: 273px;
    }
    .li_mb_40 ul li{
        margin-bottom: 40px;
    }
    .li_ps_50 ul{
        padding-left: 50px;
    }
}


@media only screen and (min-width: 1400px) {
    /*:root{*/
    /*    --c-width: 1320px;*/
    /*    --container-width: 1320px;*/
    /*}*/
    /*.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {*/
    /*    max-width: var(--container-width);*/
    /*}*/
    /*.e-con>.e-con-inner{*/
    /*    max-width: var(--container-width);*/
    /*}*/
}

@media only screen and (min-width: 1600px) {
    :root{
        --c-width: 1320px;
        /*--c-width: calc(1320px - 150px);*/
        --container-width: 1320px;
        
        --container-width-1148: 1148px;
    }
    
    
    /*.e-con>.e-con-inner{*/
        /*max-width: var(--container-width-1320);*/
    /*    max-width: var(--c-width);*/
    /*}*/
    /*.page-header .entry-title, */
    /*.site-footer .footer-inner, */
    /*.site-footer:not(.dynamic-footer), */
    /*.site-header .header-inner, */
    /*.site-header:not(.dynamic-header), */
    /*body:not([class*=elementor-page-]) .site-main,*/
    /*header .e-con>.e-con-inner,*/
    /*footer .e-con>.e-con-inner {*/
    /*    max-width: var(--container-width-1320);*/
    /*}*/
    .font_20,
    .font_20>*,
    .font_20 p{
        font-size: 20px !important;
    }
    
    .font_62,
    .font_62 *,
    .font_62 .elementor-heading-title{
        font-size: 60px !important;
        line-height: 1.17 !important;
    }
    .font_51,
    .font_51 *,
    .font_51 .elementor-heading-title{
        font-size: 51px !important;
        line-height: 51.09px !important;
    }
    
}