/*==============
  Custom font-family here
==============*/ 
@font-face {
    font-family: 'franklin';
    font-weight: 300;
    src: url(../../fonts/fonnts.com-Franklin_Gothic_ATF_Lt.woff2) format('woff2');
  }
@font-face {
    font-family: 'franklin';
    font-weight: 400;
    src: url(../../fonts/franklin-gothic-atf-regular.woff2) format('woff2');
  }
@font-face {
    font-family: 'franklin';
    font-weight: 500;
    src: url(../../fonts/fonnts.com-Franklin_Gothic_ATF_Med.woff2) format('woff2');
  }

  @font-face {
    font-family: 'franklin';
    font-weight: 700;
    src: url(../../fonts/franklin-gothic-atf-bold.woff2) format('woff2');
  }
  @font-face {
    font-family: 'franklin';
    font-weight: 800;
    src: url(../../fonts/FranklinGothic-Heavy.woff2) format('woff2');
  }
  
  @font-face {
    font-family: 'OpenSansHebrew';
    font-weight: 400;
    src: url(../../fonts/OpenSansHebrew-Regular.woff2) format('woff2');
  }
  @font-face {
    font-family: 'OpenSansHebrew';
    font-weight: 700;
    src: url(../../fonts/OpenSansHebrew-Bold.woff2) format('woff2');
  }
  @font-face {
    font-family: 'Noto Sans Hebrew';
    font-weight: 700;
    src: url(../../fonts/or3HQ7v33eiDljA1IufXTtVf7V6RvEEdhQlk0LlGxCyaeNKYZC0sqk3xXGiXkI2toiJltutR2g.woff2) format('woff2');
  }
  

* {box-sizing: border-box; text-decoration: none; list-style: none; padding: 0; margin: 0; margin-bottom: 0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .shimmer-main-content, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
.main-wrapper {overflow: hidden;} 
h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1;}
h2 {font-size: 25px; line-height: 35px;}
h3 {font-size: 15px; font-weight: 700;}
h4 {font-size: 14px; font-weight: 700;}
h5 {font-size: 10px;}
p {font-size: 16px; margin-bottom: 0px; line-height: 24px;}
a, button {outline: none; text-decoration: none !important; transition: all 0.3s ease-out 0s;}
select {outline: none;}
html {scroll-behavior: smooth;}
body {overflow-x: hidden;}
input:focus, button:focus {box-shadow: none!important;}

/*==============
  Custom color theme
==============*/ 
:root {
  --primary-color: #51215F; 
  --primary-light-color: #F9E6FF; 
  --secondary-color: #FB9A32; 
  --third-color: #030B37; 
  --fourth-color: #CA7CE0; 
  --secondary-light-color: #FFF2E4; 
  --button-color: #FB9A32; 
  --border-color: #D1D2D8; 
  --border-radius1: 5px;
  --border-radius2: 20px; 
  --border-radius3: 2px; 
  --text-color: #ffffff; 
  --text-color1: #000; 
  --text-color2: #56575B; 
  --text-color3: #030B37; 
  --close-icon-color: #FA0000; 
  --check-icon-color: #1B8600;
  --first-franklin-font: "franklin", sans-serif;
  --Second-OpenSansHebrew-font: "OpenSansHebrew", sans-serif;
  --third-NotoSansHebrew-font: "Noto Sans Hebrew", sans-serif;
}
::selection {text-shadow: none; color: var(--text-color); background: var(--primary-color);}

/*                                          <===============>   <===============>   <===============>
*                                        <===============>      Home CSS HERE       <===============>
*                                           <===============>   <===============>   <===============>
*/
/*  ============= container =============  */
.signup-donate .container {max-width: 990px;}
.signup-donate .container-fluid {padding: 0;}
.py { padding-top: 53px; padding-bottom: 53px; }

/*  ============= Header start =============  */
.head-wrap { background: var(--third-color); padding: 7px 81px 8px 50px; position: relative; }
nav.navbar { padding-top: 0;}
.head-wrap::before { content: ""; position: absolute; top: auto; bottom: -13px; width: 100%; height: 13px;  background: #FAB162; left: auto; right: 0;}
a.navbar-brand { padding: 0; margin-bottom: -5.2rem;}
.nav-project img, .footer-left-side img { width: 100%; max-width: 69px;}
.footer-left-side img {  max-width: 42px;}
.navbar-nav { gap: 100px;}
.nav-project { width: 136px; height: 136px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: var(--text-color); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.navbar-nav li.nav-item a.nav-link {transition: all 0.2s ease; padding: 0; color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 12px; font-weight: 400; line-height: normal;}
.navbar-nav li.nav-item a.nav-link:hover {color: var(--text-color1);}
span.navbar-toggler-icon small {  position: relative;  display: inline-block;  zoom: 1;  width: 100%;  height: 2px;  color: var(--text-color);  text-transform: uppercase; text-indent: -55px;  background: var(--text-color);  transition: all .2s ease-out;  border-radius: var(--border-radius1);}
span.navbar-toggler-icon small::before, span.navbar-toggler-icon small::after {  inset: 0;  content: '';  width: 100%;  height: 2px;  background: var(--text-color);  position: absolute;  left: 0;  -webkit-transition: 0.2s;  -o-transition: 0.2s;  transition: 0.2s;  border-radius: var(--border-radius1);}
span.navbar-toggler-icon small::before {  top: -10px;}
span.navbar-toggler-icon small::after {  bottom: -10px; top: auto;}
span.navbar-toggler-icon.active small::before {  top: 0;  -webkit-transform: rotateZ(45deg);  transform: rotateZ(45deg);}
span.navbar-toggler-icon.active small::after {   bottom: 0;  -webkit-transform: rotateZ(-45deg);  transform: rotateZ(-45deg);}
span.navbar-toggler-icon.active small {   background: transparent;}
.logo-left-wrapper { display: flex;  align-items: center;  gap: 30px;}
/*  ============= Header end =============  */
/*  ============= banner start =============  */
.Banner-sec {background: #D9D9D9; margin-top: 13px;}
/* .banner-inner-content { display: flex; justify-content: center; height: 100%; align-items: center;} */
.banner-inner-content img {  height: auto;  width: 100%;  object-fit: cover;}
.Banner-sec .moblie-banner {  display: none;}
.Banner-sec .desktop-banner {  display: block;}
/*  ============= banner end =============  */
/*  ============= video start =============  */
.wistia-video { padding-top: 56.25%!important;}
.video-top, .video-right, .wistia-video { width: 100%; margin: 0 auto; padding-top: 47.9%; position: relative; transition: all 0.3s ease; }
.video-top iframe, .video-right iframe, .wistia-video wistia-player  { position: absolute; top: 0; width: 100%; height: 100%; }
.video-main-wrapper { display: flex; align-items: center; flex-direction: column; gap: 10px;}
.video-bottom-sec .btn-wrap { display: flex; width: 512px; height: 61px; padding: 19px 142px; justify-content: center; align-items: center; gap: 10px; background-color: var(--button-color); border-radius: var(--border-radius1); border: unset; color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 18px; font-weight: 500; line-height: normal; text-transform: uppercase; }
.video-btn-link { color: var(--text-color1); text-align: center; font-family: var(--first-franklin-font); font-size: 14px; font-weight: 400; line-height: normal; cursor: pointer; border: initial; background: initial; border-radius: 5px; border: 1px solid #000; padding: 15px 40px; }
.video-bottom-sec {  display: flex;  align-items: baseline;  justify-content: center;}
/* .video-sec.py {  padding-bottom: 90px;} */
.video-sec.py {  background: #FFF2E4;}
.video-details-area {  border-radius: 20px;  background: #FFF;  padding: 30px;  margin-top: 30px;}
.videos-heading {
  color: var(--text-color1);  font-family: var(--first-franklin-font);  font-size: 25px;  font-weight: 700;  line-height: 35px;  margin-bottom: 20px;}
.video-details-area p:not(:last-child) {  margin-bottom: 20px;}
.video-details-area p {  color: var(--text-color1);  font-family: var(--first-franklin-font);  font-size: 15px;  font-weight: 400;  line-height: 22px;}


/*  ============= video end =============  */
/*  ============= couple start =============  */
.couple-sec {padding-top:  50px;}
.couple-main-wrapper { display: flex;  align-items: center; gap: 50px;}
.couple-left-sec h3, .couple-right-sec h3 { color: var(--text-color); font-family: var(--first-franklin-font); font-size: 25px; font-weight: 700; line-height: 35px;}
.couple-right-sec h3 { font-size: 15px; font-weight: 400; line-height: 22px; color: var(--text-color1);}
.couple-right-sec h3:nth-child(2) { padding: 22px 0px;}
.couple-left-sec { position: relative;}
.couple-left-sec::before {  position: absolute;  content: ""; top: 0; background: var(--primary-color); width: 100vw; height: 100%; z-index: -1; right: 0;}
.couple-left-sec h3 { padding: 33px 45px 32px 0px;  width: 326px;}
/*  ============= couple end =============  */
/*  ============= couple start =============  */
.info-detail {  padding: 59px 0px;}
.info-detail .couple-left-sec::before {  background: var(--third-color);}
.info-detail .info-left-detail {  width: 326px; padding: 30px 21px 30px 0px;}
.info-detail .couple-left-sec h3 {width: auto; padding: 0;}
.info-left-detail h4 {  color: var(--text-color);  font-family: var(--first-franklin-font);  font-size: 18px;  font-weight: 400;  line-height: 35px;  margin-top: 38px;}
.couple-right-sec {  width: 100%;}
.video-right { padding-top: 57%;}

/*  ============= couple end =============  */
/*  ============= donate-fund start =============  */
.donate-fun-sec {background: url(../../img/donate-funds-bg.jpg); background-repeat: no-repeat; background-position: 50% 98%; background-size: cover; padding: 68px 0px 319px 0px; margin-top: 0px; position: relative;}
/* .donate-fun-sec::before {  position: absolute;  content: "";  background: var(--text-color3);  mix-blend-mode: screen;  inset: 0;  width: 100%;  height: 100%;} */
.donate-left-wrapper { position: relative; z-index: 1; border-radius: 20px 0px 0px 20px; background: linear-gradient(180deg, #FAB162 0%, #FB9A32 100%); width: 100%; max-width: 33.8%; padding: 40px 21px 40px 40px;}
.donate-right-wrapper {width: 100%; max-width: 66.2%; border-radius: 0px 20px 20px 0px; padding: 94px 53px 49px 53px; position: relative; overflow: hidden; min-height: 325px;}
.donate-main-wrapper { display: flex; align-items: center; position:}
.donate-left-wrapper h3 { color: var(--text-color1); font-family: var(--first-franklin-font);  font-size: 25px;  font-weight: 700;  line-height: 35px;  opacity: 0.86;}
.donate-left-wrapper h3:last-child { padding-top: 35px;}
.donate-right-wrapper::before { content: ""; position: absolute; background: linear-gradient(180deg, #56575B 0%, #29292A 100%); mix-blend-mode: multiply; inset: 0; z-index: 1; }
.donate-animate-bar { position: relative; z-index: 2; } 
.donate-animate-progress { height: 50px; border: 3px solid var(--text-color); margin: 0; display: flex; align-items: end; position: relative; background: linear-gradient(180deg, #D2D3D7 0%, #A1A3A8 100%); border-radius: var(--border-radius1); } 
.animate-outer {  display: block;  height: 100%;  width: 100%;  position: relative;}
.animate-progress-bar {  height: 100%;  position: relative;  z-index: 2;  border-radius: var(--border-radius3);  background: linear-gradient(180deg, #CA7CE0 0%, #51215F 100%);  overflow: hidden;}
.right-bar .animate-progress-bar {  background: linear-gradient(180deg, #FAB162 0%, #EB7F0C 100%);}
.animate-progress-bar.right-bar { z-index: 1; border-radius: var(--border-radius3); background: linear-gradient(180deg, #FAB162 0%, #EB7F0C 100%); }
.right-bar {  max-width: 16.66%;}
.donate-point-line span { position: absolute; top: 4px; left: 16px; right: auto; color: var(--text-color); z-index: 2; color: var(--text-color); font-family: var(--first-franklin-font); font-size: 18px; font-weight: 400; line-height: 35px; } 
.donate-point-text-top { position: absolute; top: -44px; left: 0px; margin-left: 0; font-size: 25px; font-weight: 800; color: var(--fourth-color); } .donate-point-text-bottom { color: #EB9551; text-align: center; font-size: 12px; font-weight: 500; line-height: 13px; position: absolute; top: -44px; right: 0; margin-left: 0; font-weight: 700; } 
.donate-point-text-bottom , .donate-point-text-bottom span { color: var(--text-color); font-family: var(--first-franklin-font); font-size: 18px; line-height: 35px; } 
.donate-point-text-bottom span { font-weight: 400; } 
.couple-left-sec h3 small {  display: block;  padding-right: 10px;}
.donate-point-text-top span { font-size: 18px; font-weight: 400; color: var(--text-color); } 
.donate-point-text-top , .donate-point-text-top span { text-align: center; font-family: var(--first-franklin-font); line-height: 35px; } 
.member-content .total-num, .member-content .total-num span { color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 18px; font-weight: 400; line-height: 35px; } 
.member-content .total-num { margin-top: 10px; } 
.member-content .total-num span { color: var(--secondary-color); font-size: 25px; font-weight: 800; } 
.donate-content p {font-weight: 400;} 
.donate-content p, .donate-content p small { color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 18px; line-height: 35px; margin-top: 48px; } 
.donate-content p small, .donate-content p span.doller-amount { font-weight: 800; font-size: 25px; } 
.donate-content p span.doller-amount {color: var(--fourth-color); margin-right: 6px;}
.donate-content p small {  margin: 0 6px;}
/*  ============= donate-fund end =============  */
/*  ============= step form  start =============  */
.step-sec { background: var(--secondary-light-color); padding: 100px 0px; } 
.step-content-inner { border-radius:var(--border-radius2); background: var(--text-color); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); padding: 0; position: relative; } 
.steps {flex: 1; max-width: 326px;  min-width: 326px;  border-radius: 20px 0px 0px 20px; background: var(--primary-light-color); padding: 136px 76px 192px 40px;}
.wizard, .tabcontrol {display: flex!important;}
.donate_doller { margin-bottom: 10px; } .form-group-block { display: flex; align-items: flex-start; gap: 0; flex-wrap: wrap; position: relative; } 
.content { padding: 32px 40px 20px 40px; } 
.wizard > .content, .wizard > .actions { width: calc(100% - 326px);}
.wizard > .actions { text-align: center; position: absolute; top: auto; bottom: 74px; left: auto; right: 0;}
.form-group-block > h4 { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 25px;  font-weight: 700; line-height: 35px;  margin-bottom: 34px;  position: absolute;  top: 32px; left: 41px; z-index: 1; width: 100%; max-width: 21%;}
.wizard > .content > .form-group-inner h3 { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 25px; font-weight: 350; line-height: 16px; margin-bottom: 54px; } 
.field-block-area .wizard > .steps a, .field-block-area .wizard > .steps .a, .field-block-area .wizard > .steps a:hover, .field-block-area .wizard > .steps a:active, .field-block-area .wizard > .steps .disabled a, .field-block-area .wizard > .steps .disabled a:hover, .field-block-area .wizard > .steps .disabled a:active, .field-block-area .wizard > .steps .done a, .field-block-area .wizard > .steps .done a:hover, .field-block-area .wizard > .steps .done a:active { border-radius: 0; display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; background: initial !important; color: var(--text-color2); text-align: center; font-family: var(--first-franklin-font); font-size: 12px; font-weight: 400; line-height: 16px; } 
.field-block-area .wizard ul { display: block; } .field-block-area .wizard .steps ul > li, .tabcontrol ul > li { padding-bottom: 50px; position: relative; } 
.field-block-area .wizard .steps ul > li:not(:last-child)::before, .tabcontrol ul > li:not(:last-child)::before { content: ''; position: absolute; left: 12px; height: 50px; width: 1px; background: var(--text-color2); bottom: 0; } 
.field-block-area .wizard > .steps a .number { color: var(--text-color2); text-align: center; font-family: var(--first-franklin-font); border: 1px solid var(--text-color2); background: var(--text-color); width: 100%; max-width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; } 
.field-block-area .wizard > .steps .current a .number { color: var(--text-color); background: var(--button-color); } 
.field-block-area .wizard > .steps .done a .number { color: var(--text-color); background: var(--primary-color); } 
.field-block-area .wizard > .steps .current a { font-weight: 700; color: var(--text-color1); } 
.Form-footer-text { position: absolute; width: calc(100% - 326px); top: auto; bottom: 50px; left: auto; right: 32%; transform: translateX(50%); } 
.Form-footer-text p { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 10px; font-weight: 400; line-height: normal; width: 100%; max-width: 50%; margin: 0 auto; text-align: -webkit-center; padding-bottom: 0; } 
.wizard > .actions > ul > li { margin: 0; }
.field-block-area .wizard > .actions > ul { display: flex; justify-content: center; gap: 10px; margin: 0; padding-bottom: 40px; } 
.Form-footer-text p span{display: block;} 
.wizard > .actions a { display: inline-flex; height: 61px; padding: 24px 54px 24px 55px !important; justify-content: center; align-items: center; gap: 10px; border: initial; outline: none; border-radius: var(--border-radius1); background: var(--button-color); color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 18px; font-weight: 500; line-height: normal; text-transform: uppercase; max-width: 200px; width: 100%; min-width: 200px; } 
.field-block-area .wizard > .actions > ul > li:first-child a { border-radius: var(--border-radius1); border: 1px solid var(--text-color2); background: transparent; color: var(--text-color2); font-weight: 400; } 
.donate-list-wrapper { position: relative; } .donate-dollor-list { padding-bottom: 8px; display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap;} 
.additional_radio_btn { width: 100%; flex: 1 0 140px; } 
.additional_radio_btn .input-radio-custom { display: none; } 
.additional_radio_btn label { padding: 0; width: 100%; height: 75px; display: grid; place-items: center; color: var(--text-color1); text-align: center; font-family: var(--first-franklin-font); font-size: 25px; font-style: normal; font-weight: 400; line-height: normal; border-radius: var(--border-radius1); background: var(--primary-light-color); cursor: pointer; } 
.input-radio-custom[type=radio]:checked~label { color: var(--text-color); background: var(--button-color); font-weight: 700; } 
.number-class { position: relative; flex: 1 0 140px; } 
.number-class p { color: var(--text-color1); text-align: center; font-family: var(--first-franklin-font); font-size: 10px; font-weight: 400; line-height: normal; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); } 
.currencysign { color: var(--text-color1); text-align: center; font-family: var(--first-franklin-font); font-size: 25px; font-weight: 400; line-height: normal; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } 
.input-custom-val { border-radius: var(--border-radius1); background: var(--primary-light-color); border: none; width: 100%; padding: 7px 10px 6px 35px; height: 75px; font-family: var(--first-franklin-font); font-weight: 400; font-size: 20px; } 
.form-group-inner.show { display: block; } 
.form-group-inner { display: none; } 
.btn-group-block { display: flex; align-items: flex-start; gap: 10px; justify-content: space-between; } 
.btn-group-inner { display: flex; flex-direction: column; gap: 8px; width: 100%; } 
.label-title { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 14px; font-weight: 500; line-height: 16px; } 
.btn-group-block:not(:last-child) { margin-bottom: 20px; } 
.btn-group-inner input.control-form, select.select-btn, .btn-group-inner textarea.control-form { border-radius: var(--border-radius1); border: 1px solid var(--border-color); background: var(--text-color); padding: 8px 16px 8px 8px; height: 40px;} 
.btn-group-inner input.control-form:focus-visible, select.select-btn:focus-visible, .btn-group-inner textarea.control-form:focus-visible {outline: unset;}
.btn-group-inner input.control-form::placeholder, select.select-btn, .btn-group-inner textarea.control-form::placeholder, select.select-btn::placeholder {cursor: pointer; color: var(--text-color2); font-family: var(--first-franklin-font); font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.5; } 
select.select-btn {  opacity: 1;  background: url(/img/arrow_drop_down.png) 95% no-repeat; padding-top: 6px;}
.btn-group-block.flex-btn .btn-group-inner:first-child { width: 49.2%; }
.btn-group-block.flex-btn  .btn-group-inner:nth-child(2) { width: 29.6%; }
.btn-group-block.flex-btn  .btn-group-inner:nth-child(3) { width: 18%; }
.btn-group-block.flex-btn.select-country .btn-inner-gorup {display: flex; gap: 10px; justify-content: space-between; width: 48.2%;}
.btn-group-block.flex-btn.select-country {  width: 98%;}
.btn-group-block.flex-btn.select-country .btn-group-inner:first-child, .btn-group-block.flex-btn.select-country .btn-group-inner:nth-child(2) { width: 50%;}
.state-select-box {position: relative;}
.state-select-box span {  position: absolute;  top: 68%;  right: 8px;  left: auto;  z-index: 1;  line-height: 0px;}
.state-select-box select.select-btn {-webkit-appearance: none; appearance: none;}
.field-block-area .wizard ul.dropdown-menu { display: none;}
.field-block-area .wizard .dropdown .dropdown-menu.show { display: block;}
.dropdown .dropdownoption { display: flex; padding: 8px 16px 8px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 8px; border: 1px solid #D1D2D8; background: var(--text-color); width: 100%; outline: none; color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.dropdown .dropdownoption { justify-content: space-between; }
.dropdown .dropdown-menu { width: 100%; border-radius: 0; border-radius: 8px; border: 1px solid #ccdcf0; box-shadow: 0px 0px 10px rgba(28, 56, 157, 0.1); background: #fefbf4; overflow: hidden; padding: 0px; max-height: 250px; overflow-y: auto !important; }
.dropdown .dropdown-menu.show { transform: translate(0px, 0px) !important; inset: 0px auto auto 0px; }
.dropdown-menu.show .dropdown-toggle::after { transform: rotate(180deg); }
.dropdown-menu li:not(:first-child) .dropdown-item { border-top: 2px solid #ccc; }
.dropdown-item { display: block; text-decoration: none; white-space: nowrap; padding: 8px 16px; font-family:var(--first-franklin-font); font-weight: 400; color: #43435e; font-size: 14px; line-height: 24px; background: #fefbf4; }
.addnew { position: sticky; bottom: 0; }
.btn-group-inner input.control-form.error { border: 1px solid var(--close-icon-color);}
.number-class.active p, .number-class.active span.currencysign {color: var(--text-color);}
.number-class.active .input-custom-val {  color: var(--text-color);  background: var(--button-color);  font-weight: 700;  border-radius: var(--border-radius1);}
.number-class .input-custom-val:focus-visible {outline: none;}
.select-country .btn-inner-gorup .btn-select-group {  width: 50%;}
.select-country .btn-inner-gorup .btn-select-group .state-select-box, .states_inputbox input.control-form, .btn-group-block .btn-select-group .states_inputbox {  width: 100%!important;}
.wizard > .actions .disabledAnchor {  background: #e87473;  color: #fff;  cursor: not-allowed;  opacity: 0.6;}
/*  ============= step form end =============  */
/*  ============= Recent donor start =============  */
.recent-wrapper { position: relative; background: var(--primary-color); overflow: hidden; padding: 100px 0;}
.recent-member-btn { white-space: nowrap; display: flex; flex-direction: column; gap: 15px; overflow: hidden; }
.recent-wrapper-col {--total-marquee-items: var(--max-recent); width: calc(467px*(var(--max-recent))); margin: 0 auto;}
.recent-wrap-col {display: inline-flex; align-items: center; gap: 30px; margin-top: 31px; padding-bottom: 20px;}
.recent-wrap-col:not(:first-child) {margin-left: 30px;}
.recent-animate-controller {position: relative; width: 200%; display: block;}
.recent-content-wrapper h2.recent-sub-title { width: 100%; max-width: 990px; margin: 0 auto; color: var(--text-color); font-family: var(--first-franklin-font); font-style: normal; font-weight: 700; } 
.recent-img { display: flex; justify-content: center; flex: 1; max-width: 124px; min-width: 124px; border-radius: 5px 0px 0px 5px; background: #FB9A32; align-items: center; } 
.recent-details { display: flex; align-items: stretch; border-radius: var(--border-radius1); background: var(--text-color); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); border: 1px solid var(--text-color2); } 
.recent-img h3 { color: var(--text-color); text-align: center; font-family: var(--first-franklin-font); font-size: 25px; font-weight: 700; line-height: normal; } 
p.recent-desc { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 14px; font-weight: 400; line-height: 16px; margin: 0; } 
p.recent-ttile { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 10px; font-weight: 400; line-height: normal; margin: 0; white-space: normal; }
 p.recent-ttile.yellow-bg { color: var(--secondary-color); } 
 .recent-content { display: flex; flex-direction: column; gap: 10px; padding: 26px 16px 26px 20px; width: 313px; min-height: 124px; justify-content: center; } 
 .recent-member-btn .recent-wrapper-col:nth-child(odd) .recent-animate-controller { animation: recentMarqueeLeft 40s linear infinite; margin-left: -6%;} 
 /* .recent-member-btn .recent-wrapper-col:nth-child(even) .recent-animate-controller {animation: recentMarqueeRight 40s linear infinite; margin-right: -18%;} */ 
 @keyframes recentMarqueeLeft{0% {left: 0;} 100% {left: -100%;}} 
 @keyframes recentMarqueeRight{0% {left: -100%;} 100% {left: 0;}}
/*  ============= Recent donor end =============  */
/*  ============= Closing section start =============  */
.closing-sec { background: url(../../img/close-bg.jpg); background-size: cover; background-repeat: no-repeat; padding: 104px 0px 140px 0px; position: relative; background-position: 10% 3%;}
.closing-sec::before {  position: absolute;  inset: 0;  content: "";  mix-blend-mode: multiply;  background: linear-gradient(0deg, rgba(62, 69, 112, 0.85) 0%, rgba(62, 69, 112, 0.85) 100%);  background-blend-mode: multiply, normal;}
.closing-bottom-sec .btn-wrap { background: var(--third-color); } 
.closing-bottom-sec { position: absolute; top: auto; bottom: -25px; left: auto; right: 50%; transform: translateX(50%); } 
.closing-top-sec { height: 185px; padding: 40px 88px; width: 100%; max-width: 53.1%; margin: 0 auto; text-align: center; position: relative; }
.closing-top-sec:before { content: ''; border-radius: var(--border-radius2); background: linear-gradient(180deg, #FAB162 0%, #FB9A32 100%); mix-blend-mode: screen; position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.closing-inner { position: relative; z-index: 1; }
.closing-top-sec h3, .closing-top-sec p { color: var(--text-color1); text-align: center; font-family: var(--third-NotoSansHebrew-font); font-size: 25px; font-style: normal; font-weight: 700; line-height: 16px; }
.closing-top-sec p, .closing-top-sec p span { font-family: var(--first-franklin-font); font-weight: 300; margin-right: 0px; line-height: normal; letter-spacing: -1px; } 
.closing-top-sec p span {display: block;} .closing-top-sec p {  padding-top: 26px;}
/*  ============= Closing section end =============  */
/*  ============= footer section end =============  */
.footer-sec { background: var(--secondary-light-color); padding: 45px 50px; } .footer-main-wrap { justify-content: space-between; } 
.footer-left-side, .footer-main-wrap { display: flex; align-items: center;} 
.footer-left-side { gap: 29px; } 
.footer-left-side a { font-weight: 500; } 
.footer-right-side a {font-weight: 700;}
.footer-right-side a, .footer-left-side a { color: var(--text-color1)!important; text-align: center; font-family: var(--first-franklin-font); font-size: 14px; font-style: normal; line-height: 16px;}
.footer-right-side h4 span {font-weight: 400;}
.footer-left-content { display: flex; flex-direction: column; gap: 8px; align-items: flex-start;}
.footer-right-side ul { display: flex; align-items: center; gap: 29px;}
.footer-right-side ul li a { color: var(--text-color1); font-family: var(--first-franklin-font); font-size: 12px; font-weight: 500; line-height: normal;}
/*  ============= footer section end =============  */
/*  ============= copyright section end =============  */
.copyright-main-wrapper { background: var(--text-color1); padding: 20px 50px;}
.copyright-inner { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.copyright-left p { color: var(--text-color); font-family: var(--first-franklin-font); font-size: 12px; font-weight: 400; line-height: 16px;}
.copyright-right span, .copyright-right span a {    color: var(--text-color);    text-align: right;    font-family: var(--first-franklin-font);    font-size: 12px;    font-weight: 300;    line-height: 16px;}
.copyright-right span a {font-weight: 700;}
/*  ============= copyright section end =============  */
/*  ============= notifications start =============  */
.notification {  position: initial;  text-align: center;  font-family: var(--first-franklin-font);  font-size: 18px;  font-weight: 400;  line-height: 30px;}
.notification .error {  color: rgb(255 64 64);  margin-left: 0px;}
.notification .success {color: #008000;}
.notfy_loader .loading {  position: absolute;  top: auto;  bottom: 24%;  right: 8%;}
.loading i.fa.fa-3x.fa-spinner.fa-spin {  font-size: 25px;}
.wizard > .actions.notify-message ul {  padding-bottom: 10px;}
/*  ============= notifications end =============  */
/*  ============= thank you =============  */
.thankyou .Form-footer-text, .thankyou .notfy_loader, .thankyou .notification {  display: none;}
.logo-img {  display: inline-block;  width: 7.1%;}
.logo-img img {  width: 100%;}
.thank-main-wrapper {  padding: 52px 50px 54px 50px;}
.content-center {  width: 100%;  max-width: 64.1%;  margin: 0 auto;  padding-top: 76px;  display: flex;  flex-direction: column;  gap: 147px;}
.content-center-inner h2 {  color: var(--text-color1);  font-family: var(--first-franklin-font);  font-size: 25px;   font-weight: 700;  line-height: 35px;  text-align: center;  margin-bottom: 12px;}
.content-center-inner p.thankyou-text { color: var(--text-color1);  font-family: var(--first-franklin-font); font-size: 20px;  font-weight: 300;  line-height: normal;  padding-bottom: 23px;}
.tax-info p span.tax_num {  font-weight: 700;  margin-left: 5px;}
p.thankyou-text .funded_amount {  margin-right: 5px;}
/*  ============= thank you =============  */


/*========================
 media screen 
========================= */
@media (width <=1280px) { 
  .navbar-nav {    gap: 50px;}
}

@media (width <=991px) {
  .navbar-toggler {border: unset; padding: 0;}
  .navbar-toggler span.navbar-toggler-icon {background: initial;}
  .navbar-toggler span.navbar-toggler-icon svg { width: 24px; height: 24px; }
  .menu-show ul.navbar-nav li.nav-item a.nav-link { color: var(--text-color1);  text-align: left;  font-weight: 500;}
  .menu-show ul.navbar-nav { position: absolute; top: 50px; right: 0; gap: 12px; background: var(--text-color); border-radius: 4px; padding: 16px; }
  .navbar .menu-show { display: block;}
  .signup-donate .container {  max-width: 100%; padding: 0px 16px 0px 16px!important;}
  .Form-footer-text p {max-width: 80%;}
  .number-class p {white-space: nowrap; }
  .additional_radio_btn, .number-class {flex: 1;}
  .additional_radio_btn label {font-size: 22px;}
  .content {padding: 32px 20px 20px 20px; }
  .wizard > .actions a {min-width: initial;}
  .copyright-main-wrapper, .footer-sec {padding-left: 30px; padding-right: 30px;}
  .closing-top-sec {max-width: 80%;}
  .donate-left-wrapper h3 {font-size: 20px; line-height: 30px;}
  .head-wrap {padding: 7px 30px 0px 30px;}
  .step-sec {padding: 32px 0px;}
  .step-sec .container {padding: 0!important;} 
  .steps {padding: 24px 30px 25px 32px;} 
  .form-group-block > h4 { font-size: 20px; line-height: 31px; margin-bottom: 16px; top: 24px; left: 32px; z-index: 1; width: auto; max-width: 100%; transform: translateX(0); right: auto; } 
  .wizard, .tabcontrol { display: block!important; } .field-block-area .wizard ul { display: flex; gap: 20px; align-items: center; position: relative; justify-content: space-between; } 
  .steps { padding: 70px 30px 25px 32px; max-width: inherit; min-width: initial; border-radius: 0; background: var(--primary-light-color); box-shadow: 0px 0px 8.1px 0px rgba(0, 0, 0, 0.15); } 
  .field-block-area .wizard > .steps ul::before { content: ''; position: absolute; background: var(--text-color2); left: 0; height: 1px; width: 100%; bottom: initial; top: 12px; max-width: calc(100% - 85px); margin: 0 auto; right: 16px; } 
  .step-content-inner { border-radius: initial; box-shadow: initial; } 
  .field-block-area .wizard .steps ul > li:not(:last-child)::before, .tabcontrol ul > li:not(:last-child)::before { content: unset; } 
  .field-block-area .wizard > .steps a, .field-block-area .wizard > .steps .a, .field-block-area .wizard > .steps a:hover, .field-block-area .wizard > .steps a:active, .field-block-area .wizard > .steps .disabled a, .field-block-area .wizard > .steps .disabled a:hover, .field-block-area .wizard > .steps .disabled a:active, .field-block-area .wizard > .steps .done a, .field-block-area .wizard > .steps .done a:hover, .field-block-area .wizard > .steps .done a:active { gap: 6px; flex-direction: column; }
  .form-group-block { align-items: center; justify-content: center; } 
  .wizard > .content, .wizard > .actions { width: 100%; } 
  .wizard > .actions { text-align: center; position: unset; padding: 16px; }
  .field-block-area .wizard .steps ul > li, .tabcontrol ul > li {padding-bottom: 0;}
  .wizard > .content > .form-group-inner h3 {  font-size: 16px;  font-weight: 700;   line-height: 16px;  margin-bottom: 16px; }
  .donate-dollor-list {padding-bottom: 8px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 8px;}
  .number-class {position: relative; grid-column: span 2 / span 2; grid-column-start: 2; grid-row-start: 3;}
  .number-class p {font-size: 8px;}
  .additional_radio_btn label, .input-custom-val {font-size: 20px; height: 55px; border: 1px solid rgba(0, 0, 0, 0.05)!important;}
  .currencysign {font-size: 20px; line-height: 31px;  left: 77px; top: 54%; transform: translateY(-50%); }
  .field-block-area .wizard > .actions > ul li {flex: 1;}
  .field-block-area .wizard > .actions > ul { justify-content: space-between; padding-bottom: 0px; } .Form-footer-text p { max-width: 100%; padding-bottom: 24px; } 
  .content { padding: 24px 16px 10px 16px; } .wizard > .actions a {max-width: 100%; min-width: initial; } 
  .btn-group-block { flex-wrap: wrap; } 
  .label-title { font-weight: 500; } .btn-group-block:not(:last-child) { margin-bottom: 16px; } 
  .btn-group-block { gap: 8px; row-gap: 16px; } 
  .btn-group-block.flex-btn .btn-group-inner:first-child { width: 100%; } 
  .btn-group-block.flex-btn  .btn-group-inner:nth-child(2) { width: 49%; } 
  .btn-group-block.flex-btn  .btn-group-inner:nth-child(3) { width: 48.9%; } 
  .btn-group-block.flex-btn.select-country { flex-direction: column; } 
  .btn-group-block.flex-btn.select-country { width: 100%; }
  .Form-footer-text {position: unset; width: 100%; transform: translateX(0%);}
  .btn-group-block.flex-btn.select-country .btn-inner-gorup {width: 100%; flex-direction: row; gap: 16px; display: flex;}
  .notification {position: unset;}
  .notification {font-size: 16px;  }
  .notification .error {margin-left: -20px;}
  .notfy_loader .loading { position: unset;}
  .notfy_loader .loading { text-align: end; margin-right: 25px;  }
  .logo-img {width: 15%;  }
}
@media (768px <= width <= 992px) {
  .donate-left-wrapper {min-height: 325px;}
  .number-class, .additional_radio_btn {flex: 1 0 100px; }
  .wizard > .content > .form-group-inner h3 {margin-bottom: 30px;}
  .input-custom-val, .additional_radio_btn label {height: 60px;}
}
@media (width <=767px) {
  .closing-top-sec {padding: 24px 16px; max-width: 100%;}
  .closing-sec {padding: 153px 0px 98px 0px;}
  .closing-top-sec p {padding-top: 4px;}
  .closing-top-sec h3, .closing-top-sec p, .closing-top-sec p, .closing-top-sec p span {font-size: 20px; line-height: 31px;}
  .closing-top-sec p, .closing-top-sec p span { font-weight: 500; }
  .footer-right-side ul {gap: 6px;}
  .footer-left-side {gap: 12px;  align-items: flex-start;    }
  .footer-right-side ul, .footer-left-side {flex-direction: column; align-items: flex-start;}
  .footer-sec {padding: 30px 16px 16px 16px;}
  .copyright-main-wrapper {padding: 12px 16px;}
  .video-bottom-sec .btn-wrap {width: 100%; height: 56px; padding: 19px 97px; white-space: nowrap;}
  .footer-right-side ul li {line-height: 15px;}
  .footer-main-wrap {align-items: flex-start; margin-top: 10px;}     
  .copyright-right span, .copyright-right span a {line-height: 12px;}
  .copyright-inner, .copyright-middle-wrapper {gap: 24px;}
  .copyright-right {line-height: 16px;}
  .copyright-inner, .copyright-middle-wrapper {align-items: flex-start;}
  .copyright-left {width: 51%;}
  .closing-sec {background-position: 36% 6%;}
  .recent-content-wrapper h2.recent-sub-title {max-width: 100%; padding-left: 16px; font-size: 20px; line-height: 31px;}
  .recent-img {max-width: 77px; min-width: 77px;}
  .recent-img h3 {font-size: 20px; line-height: 31px;}
  .recent-content {padding: 8px 11px; width: 242px; min-height: 78px; max-height: 78px; gap: 4px;}
  .recent-wrap-col {gap: 8px; margin-top: 10px; padding-bottom: 10pxs;}
  p.recent-desc, p.recent-ttile.yellow-bg {font-weight: 500;}
  .recent-member-btn .recent-wrap-col:nth-child(odd) .recent-animate-controller {margin-left: -17.2%;}
  .recent-wrapper {padding: 32px 0;}
  .video-sec .video-bottom-sec .btn-wrap {padding: 19px 58px;}
  a.video-btn-link {font-size: 14px;  font-weight: 400; line-height: 18px; text-decoration: underline!important;}
  a.navbar-brand {margin-bottom: -2.4rem;}
  .nav-project img {height: 58px; object-fit: contain;}
  .head-wrap {padding: 11px 16px 12px 16px;}
  .head-wrap::before {bottom: -8px; width: 100%; height: 8px;}
  .nav-project {width: 80px; height: 80px;}
  .Banner-sec { height: auto;  margin: 0;  }
  .py {padding-top: 28px; padding-bottom: 24px;}
  .couple-left-sec::before {content: unset;}
  .couple-main-wrapper {gap: 9px; flex-direction: column; border-radius: 16px; border: 1px solid rgb(81 33 95 / 25%); background: var(--text-color);}
  .couple-left-sec h3 {padding: 16px; font-size: 20px; line-height: 31px;}
  .couple-right-sec h3:nth-child(2) {padding: 12px 0px;}
  .couple-right-sec h3 {font-size: 14px;}
  .couple-left-sec h3 {padding: 16px; font-size: 20px; line-height: 31px; border-radius: 16px 16px 0px 0px; background: var(--primary-color); width: auto;}
  .info-detail .couple-left-sec h3 {padding: 0px; font-size: 20px; line-height: 31px; border-radius: initial; background: initial; width: 100%;}
  .couple-right-sec {padding: 0px 16px 16px 16px;}
  .donate-main-wrapper {flex-direction: column;}
  .donate-right-wrapper {min-height: initial;}
  .donate-right-wrapper, .donate-left-wrapper {max-width: 100%;}
  .donate-left-wrapper h3:last-child {padding-top: 8px;}
  .donate-left-wrapper {border-radius: 20px 20px 0px 0px; padding: 18px 16px;}
  .donate-fun-sec {padding: 20px 0px 193px 0px; margin-top: 24px;  background: url(../../img/donate-funds-bg.jpg); background-position: 49% 19%;}
  .donate-fun-sec::before {background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%)}
  .donate-right-wrapper {padding: 44px 16px 30px 16px; border-radius: 0px 0px 20px 20px;}
  .donate-animate-progress {height: 48px; border: 2px solid var(--text-color); border-radius: 4px;}
  .donate-point-line span {top: 9px; font-size: 16px; line-height: 24px;}
  .donate-point-text-top span {font-size: 14px;}
  .donate-point-text-top span {line-height: 18px;}
  .donate-point-text-top, .donate-point-text-bottom {top: -42px;}
  .donate-point-text-top {font-size: 20px;}
  .donate-animate-progress {margin-top: 15px;}
  .donate-content p, .donate-content p small {margin-top: 0;}
  .member-content .total-num span {font-size: 20px; line-height: 31px;}
  .member-content .total-num {font-size: 14px; line-height: 18px;}
  .donate-point-text-bottom span {font-size: 14px;}
  .donate-content p small {padding: 0px 6px;}
  .donate-content p span.doller-amount {padding-right: 6px;}
  .donate-content p {font-size: 14px; line-height: 18px;} 
  .donate-content p span.doller-amount, .donate-content p small {font-size: 20px; line-height: 31px;}
  .member-content .total-num span {font-size: 20px; line-height: 31px;}  
  .btn-group-block.flex-btn  .btn-group-inner:nth-child(2) {width: 49%;}
  .btn-group-block.flex-btn.select-country .btn-inner-gorup {gap: 8px;} 
  .couple-left-sec {width: 100%;}
  .donate-content {margin-top: 5px;}
  .head-wrap .navbar {padding: 0;}
  .logo-left-wrapper a.navbar-brand:nth-child(2) {width: 38%;}
  .header-second-img img, .header-second-img img {width: 100%; margin-top: -5px; }
  .logo-left-wrapper {gap: 5px; align-items: flex-start;}
  .thank-main-wrapper {padding: 16px; text-align: center;}
  .content-center {padding-top: 40px; gap: 70px;  }
  .currencysign {left: 56px;}
  .content-center {max-width: 100%;  }
  .Banner-sec .moblie-banner {  display: block;}
  .Banner-sec .desktop-banner {  display: none;}
  .info-detail .couple-main-wrapper {  border: initial;}
  .info-detail .info-left-detail {  width: 100%;  padding: 16px; background: var(--third-color); border-radius: 16px 16px 0px 0px;}
  .info-detail {  padding: 30px 0px;}
  .info-left-detail h4 {  font-size: 14px;  margin-top: 2px;}
  .info-detail .couple-right-sec {  padding: 0;}
  .info-detail .couple-main-wrapper {  gap: 0px;}
  .video-right iframe {top: -2px;}
}
@media (width <=575px) {  .btn-group-block.flex-btn  .btn-group-inner:nth-child(2) {width: 48%;}
  .head-wrap {  padding: 11px 13px 12px 14px;}
  .wizard > .actions a {  padding: 24px 52px 24px 52px !important;}
  .btn-group-block.flex-btn.select-country .btn-group-inner:first-child, .btn-group-block.flex-btn.select-country .btn-group-inner:nth-child(2) {  width: 49%;}
}
@media (width <=360px) {
  .video-bottom-sec .btn-wrap {  padding: 19px 50px;}
  .form-group-block > h4 {  font-size: 16px;}
  .wizard > .actions a {  padding: 24px 35px 24px 35px !important;}
  .notification {  font-size: 12px;}
  .logo-left-wrapper {  width: 60%;}
  .nav-project {  width: 60px;  height: 60px;}
  .nav-project img {  height: 40px;}
}