html {
	scroll-behavior: smooth;
}

body.body-hidden {
	overflow: hidden;
}


@font-face {
    font-family: 'Geist Mono';
    src: url('../fonts/GeistMono-ExtraBold.woff2') format('woff2'),
        url('../fonts/GeistMono-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Hebrew';
    src: url('../fonts/AdobeHebrew-Regular.woff2') format('woff2'),
        url('../fonts/AdobeHebrew-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../fonts/GeistMono-ExtraLight.woff2') format('woff2'),
        url('../fonts/GeistMono-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../fonts/GeistMono-Medium.woff2') format('woff2'),
        url('../fonts/GeistMono-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../fonts/GeistMono-Regular.woff2') format('woff2'),
        url('../fonts/GeistMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('../fonts/GeistMono-SemiBold.woff2') format('woff2'),
        url('../fonts/GeistMono-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Hv.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Hv.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Pro 55 Roman';
    src: url('../fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Fb Albatros';    
    src: url('../fonts/FBALBATROS-BOLD.woff2') format('woff2'),
         url('../fonts/FBALBATROS-BOLD.woff') format('woff');
         font-weight: 700;
         font-style: normal;
    font-display: swap;
         
}

@font-face {
    font-family: 'Fb Albatros';   
         src: url('../fonts/FbAlbatros-Regular.woff2') format('woff2'),
         url('../fonts/FbAlbatros-Regular.woff') format('woff');
         font-weight: 400;
         font-style: normal;
    font-display: swap;
} 




.gm{font-family: 'Geist Mono';}
.ah{font-family: 'Adobe Hebrew';}
body, .hn{font-family: 'Helvetica Neue LT Pro';}
.hnr{font-family: 'HelveticaNeueLT Pro 55 Roman';}
.fb, .hebrew {
    font-family: 'Fb Albatros';
}

body{background-color: #170021;}

.container {
	padding: 0 20px;
	margin: 0 auto;
}
.black_hover_btn{position: relative; overflow: hidden;}
.black_hover_btn span{position: relative;}
.black_hover_btn:before{content: ''; position: absolute; left: 50px;  top: 1px; transition: all ease 0.3s; bottom: 1px; background-color: #170021; width:0; border-radius: 50px;}

    .black_hover_btn:hover:before{width:calc(100% - 51px);}






    .steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.step {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
align-items: center;
justify-content: center;
font-family: 'Geist Mono';
font-size: 20px;
font-weight: 600;
}

.line {
  width: calc(50% - 60px);
  height: 2px;
  background: #cccccc;
}

.step.active,
.step.current,
.step.completed {
  background: #f4b400;
}


.line.completed
{background: #000;}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
}

.form_row{display: flex; flex-wrap: wrap; gap:30px 0; margin: 0 -10px;}
.form_control{position: relative;}
.form_control .for_animate{position: absolute; color: #170021; font-family: 'Helvetica Neue LT Pro'; font-size: 16px; line-height: 1; transition: all ease 0.3s;     top: 15px;}

.form_control.active .for_animate{top:0; font-size: 11px; text-transform: uppercase; color: #956f09;}

.form_control input[type="text"],
.form_control input[type="tel"],
.form_control input[type="email"]
{width:100%; height: 50px; padding: 0; border-bottom: 2px solid #000000; transition: all ease 0.3s; font-size: 16px; outline: none; box-shadow: none; font-family: 'Helvetica Neue LT Pro';}

.form_control input[type="text"]:focus,
.form_control input[type="tel"]:focus,
.form_control input[type="email"]:focus,
.form_control input[type="text"].filled,
.form_control input[type="tel"].filled,
.form_control input[type="email"].filled
{border-color: #956f09;}



.big_btn span:first-child{position:relative; overflow:hidden; transition:all ease 0.3s;}
.big_btn span:first-child:before{left:0; top:0; bottom:0; width:0;background:#000000; content:''; position: absolute; transition:all ease 0.3s;}
.big_btn:hover span:first-child{color:#ffffff;}
.big_btn:hover span:first-child:before{width:100%;}
.big_btn span:first-child u{text-decoration:none; position:relative; z-index:1;}




#stickyText{    min-height: calc(100svh - 127px);}
.mobile_slide_single{position: absolute; opacity: 0; z-index: -1; transition: all ease 0.3s; height: 100%; width:100%;}
.mobile_slide_single.active{opacity: 1; z-index: 1;}

.mobile_slide_single .single_image{height: calc(100% - 324px);}
.mobile_slide_single .text-slide{height: 304px;}


.onetime_donations .inner{position: relative;}
.onetime_donations .inner input[type="radio"]{position: absolute; opacity: 0;}


.onetime_donations label{display: flex;
    align-items: center;
    justify-content: center;
    
    padding: 20px 5px;
    font-weight: 600;
    transition: all ease 0.3s;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 10px; cursor: pointer; position: relative;}

    .onetime_donations label:hover{border-color: #111111;}




    .onetime_donations.repairs label{flex-direction: column;}
.onetime_donations.repairs label p.big{font-size: 24px;}
.onetime_donations.repairs label p.big sub{display: block; font-weight: 400; font-size: 14px; position: static; line-height: 1;}

    .onetime_donations.repairs label[for="unlimited"]{    text-align: left;  justify-content: flex-start;
    align-items: flex-start; padding: 20px;}
	
	.onetime_donations.repairs label[for="unlimited"] p.small{font-size: 13px; font-weight:400;}


    .onetime_donations.repairs label[for="unlimited"]:before{content: ''; border-radius: 100%; background-color: #ffffff; width:25px; height: 25px; border:1px solid #000000; right:20px; top:20px; left:auto; position: absolute; opacity: 1;}

        .onetime_donations.repairs label[for="unlimited"]:after{    content: '';
    border-radius: 100%;
    background-color: #000000;
    width: 11px;
    height: 11px;
    border: 1px solid #000000;
    right: 27px;
    top: 27px;
    left: auto;
    position: absolute; opacity: 0;}


    .onetime_donations.repairs input:checked + label[for="unlimited"]:after{opacity: 1;}



    .onetime_donations.repairs label span{font-weight: 400; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; line-height: 1; color: #333333;}

     .onetime_donations.repairs label small{margin-top: 18px;
    font-size: 85%;
    margin-bottom: 5px;}

    .onetime_donations label[for="custom"]{padding: 15px; gap:5px;}

    .onetime_donations label::before{pointer-events: none; border: 2px solid #111111; left:-1px; top:-1px; right:-1px; bottom: -1px; content: ''; position: absolute; border-radius: 10px; opacity: 0; transition: all ease 0.2s; }

    .onetime_donations input:checked + label{background-color: #f4b4004a;}
    .onetime_donations input:checked + label::before{opacity: 1;}


    /*.onetime_donations input:focus + label{background-color: #f4b400;}*/
    .onetime_donations input:focus + label::before{opacity: 1;}

    .onetime_donations input[type="text"]{width:100%; border:none; outline: none; background: none; height: 40px; font-size: 20px;}

.weekly_box {
    border: 1px solid #cccccc;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    margin-top:20px;
}

.weekly_box label{display: flex;
    align-items: center;
    gap: 10px; font-weight: 600;
    font-size: 16px;
	cursor:pointer; min-height: 25px;
    color: #111111; text-align: left; width: 100%; position: relative;
    line-height: 1.2;}

    .weekly_box label input[type="checkbox"]{position: absolute; opacity: 0;}


    .weekly_box label:before{content: '';
    border-radius: 100%;
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    right: 0;
    top: 0;
    left: auto;
    position: absolute;
    opacity: 1;}


      .weekly_box label:after{content: '';
    border-radius: 100%;
    background-color: #000000;
    width: 11px;
    height: 11px;
    border: 1px solid #000000;
    right: 7px;
    top: 7px;
    left: auto;
    position: absolute;
    opacity: 0;}

     .weekly_box.selected label:after{opacity: 1;}
	
	
.weekly_box .week_installments{    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px; display:none; 
    color: #333333;
    margin-top: 12px;}


    .week_installments strong.calculated{font-weight: 700;
    border: 1px solid #111111;
    border-radius: 40px;
    padding: 9px 10px;
    min-width: 60px;
    text-align: center;}

       .week_installments strong.calculated small{font-weight: 400; letter-spacing: 2px;}
	
	.weekly_box .week_installments input{width:50px; border-radius:0; border-bottom: 1px solid #111111; height:40px; padding:0; text-align:center; outline: none;}


.form-step{width: 100%;}

.tab_data{padding-top: 20px;}
    
    .tab_btns{border: 2px solid #000000;
    border-radius: 50px;
    font-size: 13px; font-weight: 600;
    width: 100%; display: flex; cursor: pointer;}
	
	
	.tab_btns label{flex:1; justify-content: center; text-align: center; display: flex; padding: 14px 5px; border-radius: 50px; cursor:pointer;}
	
	.tab_btns input:checked + label{background-color: #F2B617; color: #000000;}

    /*.tab_btns button{flex:1; justify-content: center; text-align: center; display: flex; padding: 14px 5px; border-radius: 50px; cursor:pointer;}
    .tab_btns button.active{background-color: #F2B617; color: #000000;}
	 .tab_btns input[type="radio"].active{background-color: #F2B617; color: #000000;}
	*/
	
    .tab_btns input[type="radio"]{flex:1; justify-content: center; text-align: center; display: flex; padding: 14px 5px; border-radius: 50px; cursor:pointer; position:absolute; opacity:0;}
   


    .single_image{height: calc(100svh - 127px);}
    .single_image img{height: 100%; object-fit: cover;}
    .banner .img{gap:40px;}
    

    .pagination{display: flex; position: sticky; right:0; top:50%; transform: translateY(-50%); display: flex; flex-direction: column; gap:10px;}

     .pagination .dots{transition: all ease 0.3s; border:2px solid #000000; width: 20px; height: 20px; border-radius: 20px; cursor: pointer;}
     .pagination .dots.active{height:40px; background-color: #f2b617;}

  .video_triggers a{    width: 50px; opacity: 0; visibility: hidden; z-index: -2;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; transition: all ease-in-out 0.3s;}


    .video_triggers a span{position: absolute;  font-size: 0;  font-weight: 600;  top: calc(100% + 5px); letter-spacing: 1px; transition: all ease-in-out 0.3s;}
     .video_triggers a svg{width: 25px; height: 20px;}

     .video_triggers.active a.eng{transform: translate(-120px, -80px); opacity: 1; visibility: visible; z-index: 1;}
    .video_triggers.active a.yid{transform: translate(120px, -80px); opacity: 1; visibility: visible; z-index: 1;}
    .video_triggers.active a span{font-size: 14px;}

     .video_triggers.active a:hover span{letter-spacing: 2px;}

     .cross_ico{display: none;}
     .video_triggers.active .cross_ico{display: inherit;}
     .video_triggers.active .play_ico{display: none;}


     .payment_btns{border:2px solid #000000; border-radius: 40px; display: flex; margin-bottom: 20px;}
      .payment_btns label{color: #333333; font-weight: 600;  font-size: 12px; line-height: 14px; border-radius: 40px;
    white-space: nowrap;  flex: 1;  padding: 10px 7px; text-align: center; cursor: pointer;}
      .payment_btns input:checked + label{    background-color: #F2B617; color: #000000;}
	  
	  .payment_btns input[type="radio"]{position:absolute; opacity:0;}

      /*.form-step
      {min-height: 490px;}*/

           .form-step{position: relative; padding-bottom: 0;}
           .form-step .button_Wrap{    position: static;
    width: auto;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 9; transition: all ease 0.3s;}


    .form-step .button_Wrap.is-fixed{position: fixed;}
		   
		   label.error{display: block; color: red; font-size: 14px; margin-top: 6px;}

.grecaptcha-badge{opacity: 0 !important; pointer-events: none;}

               #stickyText{position: fixed;
    background: #f2b617;
    z-index: 1;
    top: 107px;
    right: calc(50% + 10px);
    width:calc(50% - 30px);}

    #stickyText.stop{position: absolute;}


    .cap_trigger{position: relative;}
    .cap_trigger input[type="checkbox"]{position: absolute; opacity: 0;}

        .cap_trigger label{position: relative; cursor: pointer; padding-left: 60px; display: flex; height: 34px; align-items: center;}

        .cap_trigger label:before{width:50px; height: 34px; border:1px solid #000000; border-radius: 40px; content: ''; position: absolute; background-color: #ffffff; left:0;}


            .cap_trigger label:after{width: 28px;
    height: 28px;
    border-radius: 40px;
    content: '';
    position: absolute;
    background-color: #cccccc;
    left: 3px;
    top: 3px;
                transition: all ease 0.2s;
}

    .cap_trigger input:checked + label:after{left:18px; background-color: #318131;}

    .payment_Ways{display: flex; flex-direction: column; gap:20px; display: flex;}
     .payment_Ways .payment_way{border: 1px solid #cccccc; display: flex;
    padding: 20px; flex-direction: column; gap:20px;
    border-radius: 12px;
    background: #ffffff;}

    .payment_Ways .payment_way > input[type="radio"]{position: absolute; opacity: 0;}

         .payment_Ways .payment_way > label{    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    min-height: 25px;
    color: #111111;
    text-align: left;
    width: 100%;
    position: relative;
    line-height: 1.2;}

    .payment_Ways .payment_way > label:before{    content: '';
    border-radius: 100%;
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    right: 0;
    top: 0;
    left: auto;
    position: absolute;
    opacity: 1;}

        .payment_Ways .payment_way > label:after{    content: '';
    border-radius: 100%;
    background-color: #000000;
    width: 11px;
    height: 11px;
    border: 1px solid #000000;
    right: 7px;
    top: 7px;
    left: auto;
    position: absolute;
    opacity: 0;}

     .payment_Ways .payment_way > input:checked + label:after{opacity: 1;}


     .payment_Ways .payment_way .result{display: none; flex-direction: column;}

     .button-spacer {
  display: none;
}

.mobile_pagination span{width:12px; height:12px; border:1px solid #170021; border-radius:12px; transition:all ease 0.3s; }
.mobile_pagination span.active{background:#f2b617; height:30px;}

 .fp-watermark{display:none !important;}
 
 .home_page .fp-overflow{max-height:calc(100dvh - 80px) !important;}