@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

/* Mobile */

@media (max-width: 576px)  {
  body{
   direction: rtl;
  }
  .main-navbar{
   direction: ltr;
 }
 .main-navbar-site{
  direction: ltr;
}
.main-navbar-site .icons{
  padding: 0;
}
.gift-body-cover{
  background-position: right bottom;
}
.main-navbar-site .telnet{

  padding-top: 7px;
  /* padding-bottom: 10px; */
}
 .ul-container{
   display: block;
 }
 .logo-title{
   width: 155px;
   top: -40px;
   right: 95px;
}
.main-navbar-site .title-logo{
  width: 150px !important;
  padding: 0 !important;
}
 .navbar-nav{
  z-index: 100;
   background-color: #ffca34;
   direction: rtl;
   position: fixed;
   /* width: 300px; */
   padding-bottom: 10px;
   width: 100%;
   border: 10px solid transparent; 
   box-shadow:  0 4px 2px -2px rgba(245, 218, 66, 0.685);
   right: 0;
  
 }
 .nav-item{
   padding-top: 3px;
   padding-inline-start: 0px;
 }
 
 .main-title-container{
   padding-inline-start: 65px;
   position: relative;
   /* top: 240px;
   left: 20px; */
}

.features-kits-main-img{
  width: 130px !important;
  top: -40px !important;
}
.features-workshop-main-img{
  width: 130px !important;
  top: -40px !important;
}
.features-escort-main-img{
  width: 130px !important;
  top: -40px !important;
}
.main-header p{
 font-size: 20px;
 line-height: 1.5 !important;
}
.home-section{
 height: 40vh;
}
 .slider {   
   max-width: 335px;
 }
 .circle-container{
   margin: 9px;
 }
 .rap-img{
   /* margin: 5px; */
   width: 100px;
 }
 .features-container{
   padding: 15px 15px 15px 15px;
   margin-top: 30px;
   /* min-height: 400px; */
   max-width: 405px;
}
.features-container h2 p{
 font-size: 22px;
}
.product-btn{
 font-size: 13px;
}
/* #newsletter h2{
 line-height: 2;
} */
#newsletter h6{
 font-size: 26px;
 
}
/* #newsletter img{
 width: 200px;
 float: none;
} */
/* #newsletter a{
     
 line-height: 16;
} */
   #mainNavbar .logo-title {
     display: block; /* Hide logo title on very small screens */
   }
   #mainNavbar .logo{
       max-width: none;
       padding-inline-start: 0;
       list-style: none;
       margin: 0;
       line-height: normal;
       position: fixed;
       left: 10px;
       top: 75px;
   }
   .contact-container .main-image{   
     position: absolute;
     right: 0px;
     top: -95px !important;
 }
 .contact-container .main-image img{
     width: 200px !important;
 }
   .profile-container img{
     width: 130px !important;
     left: 20px;
   }
   .features-title-img{
     width: 150px !important;
   }
   #mainNavbar .logo a{
       padding: 0;
   }
   #mainNavbar .logo img{
       width: 150px;
   }
   
   .main-header .main-image img{
     width: 350px;
   }
   /* #profile .img-title{
     width: 360px;
   } */
   #profile .img-body{
     width: 360px;
   }
   
   footer p{
     font-size: 12px;
    
   }

   /* About Page */
   .profile-container-info{
    
    background-size: 400px 1000px !important;
  }
  #gift .gift-main-img{
    width: 300px !important;
  }
  #gift .sub-title{
    font-size: 35px !important;
  }
  #gift .contact-p{
    font-size: 25px !important;
  }
  #newsletter-sign-in{
   
    height:90vh;
    display: block;
   
  }
  #newsletter-sign-in .user-form{
    background-size: auto !important;
    background-origin: inherit !important;
    padding: 30px 30px 30px 30px !important;
  }
  #newsletter-sign-in .user-form .checkbox-container{
    padding-bottom: 10px;
  }
  #newsletter-signed .signed-main-img{
    width: 300px !important;
  }
  #newsletter-signed .sub-title{
    line-height: 1 !important;
  }
  .contact-modal .modal-content {
    width: 90%;
  
  }
  .regulation-modal .modal-content {
    width: 90%;
  
  }
  .contact-modal .modal-content img{
    width: 120px;
  }
 }
 .dropdown-content{
  margin-right: 50px;
  margin-top: -25px;
 }
@media screen and (min-width: 600px)  {
  .main-navbar {
    direction: ltr;
}
.main-navbar-site {
  direction: rtl;
}

.main-navbar-site-fixed{
  max-height: none !important;

}
.contact-container .main-image{
  top:-115px
}
.contact-modal .modal-content {
  width: 80%;

}
.regulation-modal .modal-content {
  width: 80%;

}
.gift-body-cover{
  background-position: center bottom;
}
.contact-modal .modal-content img{
  width: 250px;
}
.main-navbar-site-fixed .title-logo{
  padding-top: 10px !important;
}
.main-navbar-site-fixed .main-logo{
  float: left;
}
#mainNavbar .logo-title {
  display: block; /* Hide logo title on very small screens */
}
.main-navbar-fixed{
  max-height: max-content !important;
}
  .li-name{
    margin-inline-end: 220px;
  }
  .main-header .main-image img{
    width: 500px;
  }
  /* .main-header p{
    font-size: 25px;
  } */
  .features-container h2 p{
    font-size: 22px;
  }
  .profile-container img{
    left: 120px;
  }
  .logo{
    padding-inline-start: 100px;
    max-width: 230px;
  }
  .logo-title{
    width: 155px;
    top: -40px;
    right: 160px;
  }
  .main-navbar-site .ul-container a{
    font-size: 22px;
  }
  .main-title-container{
    padding-inline-start: 50px;
    font-size: 32px;
        position: relative;
  }
  
  .features-title-img{
    width: 200px !important;
  }
  .features-container{
    padding: 30px 30px 30px 30px;
    margin-top: 50px;
    min-height: 200px;
    max-width: 500px;
}
#newsletter-sign-in{
   
  height:150vh;
  display: block;
 
}
#newsletter-sign-in .user-form .checkbox-container{
  padding-bottom: 10px;
}
/* #newsletter h2{
  line-height: 3;
} */
#newsletter h6{

  font-size: 30px;
}
/* #newsletter img{
  width: 130px;
  float: left;
  
} */
/* #newsletter a{
  float: right;
  line-height: 10;
} */
.product-btn{
  font-size: 15px;
}

  /* #profile .img-title{
    width: 300px;
  } */
  #profile .img-body{
    width: 300px;
  }
  .slider {   
    max-width: 755px;
  }
  .circle-container{
    margin: 9px;
  }
  .rap-img{
    margin: 10px;
	  width: 160px;
  }
  
  /* .contact-img{
    width: 65px !important;
  
  } */
  .main-navbar-site .nav-item{
    padding-top: 0;

    padding-inline-start: 0;
  }
  footer p{
    font-size: larger;
   
  }
  #gift .contact-p{
    font-size: 25px !important;
  }
  #gift .gift-main-img{
    width: 250px !important;
  }
  #newsletter-sign-in .user-form{
    background-size: auto !important;
    background-origin: inherit !important;
    padding: 30px 30px 30px 30px !important;
  }
  .dropdown-content{
    margin: 0;
  }
}

@media screen and (min-width: 1881px) {
  .main-navbar{
    direction: rtl;
  }
  .main-navbar-site{
    direction: rtl;
  }
  .ul-container{
    display: block;
  }
  .logo-title{
    display: block;
    width: 215px;
    top: -50px;
    right: 310px;
}
.dropdown-content{
  margin: 0;
}
.main-navbar-site-fixed .main-logo{
  float: left;
}
.main-navbar-site-fixed .title-logo{
  padding-top: 15px !important;
}
  .li-name{
    margin-inline-end: 360px;
  }
  .main-header .main-image img{
    width: 480px;
  }
  .main-header p{
    font-size: 32px;
  }
  .main-title-container{
    margin-top: 50px;
}
.gift-body-cover{
  background-position: center bottom;
}
.home-section{
  height: 65vh;
}
  .slider {   
    max-width: 820px;
  }
  .circle-container{
    margin: 10px;
  }
  .rap-img{
    margin: 10px;
	  width: 170px;
  }
  .features-container h2 p{
    font-size: 26px;
  }
  .features-container{
    padding: 30px 30px 30px 30px;
    margin-top: 50px;
    /* min-height: 400px; */
    max-width: 405px;
}
#newsletter-sign-in{
   
  height:auto;
  display: block;
 
}
/* #newsletter h2{
  line-height: 3;
} */
#newsletter h6{
  font-size: 30px;
}
/* #newsletter img{
  width: 300px;
  float: left;
} */
#newsletter-sign-in .user-form{
 
  padding: 0;
}
#gift .contact-p{
  font-size: 30px !important;
}
#gift .gift-main-img{
  width: 450px !important;
}
/* #newsletter a{
  float: right;
  line-height: 25;
} */
  .profile-container img{
    left: 350px;
  }
  .logo{
    padding-inline-start: 150px;
    max-width: 270px;
  }
  .ul-container{
    position: relative;;
  }
  .main-navbar-site .ul-container a{
    font-size: 22px;
  }
  .product-btn{
    font-size: 15px;
  }
  /* #profile .img-title{
    width: 500px;
  } */
  #profile .img-body{
    width: 450px;
  }
 .img-body-about{
    width: 300px;
  }
  .navbar-nav{
    background-color: #ffca34;
    direction: rtl;
  }
  .nav-item{
    padding-top: 15px;
    padding-inline-start: 7px;
  }
  .contact-container .main-image{   
    
    top:-115px;
}
.contact-modal .modal-content {
  width: 50%;

}
.regulation-modal .modal-content {
  width: 50%;

}
.contact-modal .modal-content img{
  width: 300px;
}
  footer p{
    font-size: larger;
  
  }
}



body{
    direction: rtl;
    background-color: #f0efe8;
}
.main-header{
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFCA34 50%, #f0efe8 50%);
}
.mobile-nav-bar{
  border: none;
}
.main-navbar-container{
  background-color: #ffca34;
}
.mobile-nav-bar .navbar-toggler-icon{
  background-image: url('../assets/images/hamborger.png');
  
}
.mobile-nav-bar-open{
  border: none;
}

.mobile-nav-bar-open .navbar-toggler-icon{
  background-image: url('../assets/images/close-icon.png');
 
}
.site-circle-container{
  margin: 35px;
}
.navbar-toggler:focus{
  box-shadow: none !important;
}
.main-header p{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    /* font-size: 32px; */
    /* padding-right: 15px; */
    font-weight: 400;
    line-height: 1.5;
   
}
.main-navbar{
    background-color: #ffca34;
    
    transition: max-height 0.25s ease-out;
    overflow: hidden;
}
.main-navbar-site{
  background-color: #ffca34;
  
  transition: max-height 0.25s ease-out;
  overflow: hidden;
}

.main-navbar-site .main-logo{
    display: block;
    margin-right: 50px;
    transition: width 0.25s ease-in;
    width: 100%;
}
.main-navbar-site .title-logo{
  display: block;
  padding-top: 40px;
  width: 100%;
  transition: width 0.25s ease-in;
  /* max-height: 170px; */
}
.main-navbar-site-fixed{
  position: fixed;
  max-height: 100px;
  width: 100%;
  transition: max-height 0.25s ease-in;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 300;
}
.main-navbar-site-fixed .main-logo{
  width: 120px;
  margin-left: -40px;
  transition: width 0.25s ease-in;
  
}
.main-navbar-site-fixed .main-logo-sm{
  width: 110px;
  float: left;
  transition: width 0.25s ease-in;
  
}
.main-navbar-site-fixed .main-title-sm{
  width: 170px;
  transition: width 0.25s ease-in;
  
}

.form-msg{
  visibility: hidden;
}
.form-msg-show{
  visibility: visible;
}
.form-response-msg{
  display: block;
  position: relative;
  color: #48606c;
  font-family: "Open Sans Hebrew Condensed";
  visibility: hidden;
}
.form-response-msg-show{
  visibility: visible;
}
.main-navbar-site-fixed .title-logo{
  width: 180px;
  /* padding: 0; */
  transition: width 0.25s ease-in;
}

.main-navbar-fixed .li-name p{
  font-size: 17px;
}
.main-navbar-fixed{
    position: fixed;
    max-height: 70px;
    width: 100%;
    transition: max-height 0.25s ease-in;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 300;
}
.main-navbar-fixed .logo img{
    width: 100px;
    transition: width 0.25s ease-in;
}
.main-navbar-fixed .li-name img{
    width: 160px;
    top: -50px;
    transition: width 0.25s ease-in;
}

.main-navbar-fixed .li-name p{
    font-size: 17px;
}

.logo{ 
    /* max-width: 270px; */
    /* padding-inline-start: 150px; */
    list-style: none;
    margin: 0;   
    line-height: normal;
}
.logo img{
    width: 150px;
    transition: width 0.35s ease-in;
}
.logo-title{
    position: absolute;
    display: block;
    
}
.li-name{
    list-style: none;
    /* margin: 0;    */
    padding-inline-start: 1px;
    padding-top: 15px;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* margin-inline-end: 360px; */
   
}
.li-name p{
    padding-top: 0px;
    color: #48606c;
    padding-bottom: 5px;
    font-family: 'Open Sans Hebrew Condensed', serif;
    font-size: 20px;
    font-weight: bold;
}

.main-navbar-site .nav-item{
    list-style: none;
    margin: 0;
    padding-inline-end: 7px;
  
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ul-container li a:not(.is-active,:hover){
    color: #48606c;
}

.is-active{
    color:#fff;
 }
 .main-navbar-site .ul-container a{
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "SimplerPro", Sans-serif;
    font-weight: bold; 
    
}
.main-navbar-site .ul-container a:hover{
    color:#fff;
}

/* .main-header .main-image img{
    width: 600px;
} */

.main-title-image img{
    width: 400px;
}
.main-title-container{
  display: block;
}
.btn-accessibility{
    position: fixed;
    width: 60px;
    height: 60px;
    top: 275px;
    left: 50px;
    overflow:hidden;
    /* background-color: blue; */
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    transition: top 1s;
    
}
.btn-accessibility-img{
    width: 50px;
    position: fixed;
    cursor: pointer;
    /* box-shadow: 2px 2px 3px #999; */
    transition: top 1s;
    border-radius: 50px;
    top: 170px;
    left: 15px;
    overflow:hidden;
}
.material-icons{
    background-image: url('../assets/images/keyboard-icon.png');
}
.btn-arrow{
  width: 40px;
}
.btn-arrow-left{
  transform: rotate(180deg);
}
.btn-accessibility:hover{
    border: solid;
    border-width:5px;
    border-color: rgb(235, 136, 136);
    
}
.btn-up-show{
   position: fixed;
   cursor: pointer;
   top: 335px;
   z-index: 100;
   left: 25px;
   width: 40px;
   display: block;
}
.btn-up-hide{
  position: fixed;
  display: none;
}
.btn-accessibility-hide{
    overflow:hidden;
    top: -200px;
    position: fixed;
}
.modal-accessibility{
    width: 0px;
    top:200px;
    overflow:hidden;
    left: -200px;
    position: fixed;
    height: 300px;
    transition: width 1s, left 1s, display 1s;
}
.modal-accessibility-show{
    top:200px;
    left: 50px;
    display:block;
    position: fixed;
    z-index: 100;
    overflow:hidden;
    background-color: white;
    width: 400px;
    height: 550px;
    border: 8px solid #1E7AB9;
   
}
.acwp-heading{
    background: #1E7AB9;
    padding: 8px 16px;
}
.acwp-heading .acwp-title{
    color: #FFF;
}
#acwp-close-toolbar{
   
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    position: absolute;
    top: 0px;
    right: auto;
    left: 10px;
    outline: none;
    color: #fff;
    z-index: 250;
}
/* .material-icons{
    content: '\2715';
} */
.main-features-conatiner{
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 30vh; */
    cursor:pointer;
   
}
.slider {
    position: relative;
    overflow: hidden;  
    border-radius: 8px;
  }
  
  .slides {
    display: flex;
    float: inline-end;
    transition: transform 0.5s ease-in-out;
    position: relative;
  }
  
  .circle {
    width: 130px;
    height: 130px;
    border-radius: 120px;
    border: thin solid #ddd;
    background-color: #fff;
    box-shadow: 2px 2px 3px #999;
    margin: 10px;
    flex-shrink: 0;
    transition: box-shadow 0.3s ease, transform 0.3s ease; 
  }
  .circle:hover{
    transform: scale(1.1);
    /* box-shadow: 2px 2px 3px #FFF; */
    
  }
  .rap-img{
    height: auto;
    flex-shrink: 0;
    transition: box-shadow 0.3s ease, transform 0.3s ease; 
  }
  .rap-img:hover{
    transform: scale(1.1);
  }
  .circle-title{
    color: #48606c;
    padding-top: 10px;
    font-family: "Open Sans Hebrew Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 400;
  }
  .card-body p{
    color: #48606c;
    font-family:"Open Sans Hebrew Condensed";
    font-size: 23px;
    line-height: 1;
  }
  
.main-features-conatiner .conent-container{
    width: 120px;
    height: 120px;
    display: block;
    border-radius: 110px;
    border-width: thin;
    border: solid;
    background-color: #FFF;
    box-shadow: 2px 2px 3px #999;
}
.main-products-container{
padding-top: 50px;
padding-bottom: 40px;
}
.main-products-container img{
    width: 250px;
    height: auto;
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Smooth effect */
}
.main-products-container img:hover {
    /* background-color: #FFF; */
    /* box-shadow: 0 0 20px 10px rgba(245, 218, 66, 0.685);  */
    transform: scale(1.2); /* Slight zoom effect */
}
.features-section{
 
  background-color:#ffca34 ;
    /* height: 60vh; */
}

.features-title-img{
  width: 200px;
}
.features-title h2{
    color: #000000;
    
    font-family: "Open Sans Hebrew Condensed", Sans-serif;
    font-size: 40px;
    /* line-height: 5; */
    font-weight: 400;
}
.features-kits-main-img{
    position: absolute;
    top: -60px;
    right: 35px;
    width: 170px;
}
.features-workshop-main-img{
  position: absolute;
  top: -60px;
  right: 35px;
    width: 170px;
}
.features-escort-main-img{
  position: absolute;
  top: -60px;
  right: 35px;
    width: 170px;
}
.features-container h3{
    position: absolute;
    top: -10px;
    right: 15px;
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed", Sans-serif;
    font-size: 35px;
}

.features-escort-container h3{
    right: 35px;
}
.features-container h2{
    color: #000000;
    /* padding-top: 50px; */
    font-family: "Open Sans Hebrew Condensed", Sans-serif;
    font-size: 35px;
    font-weight: 400;
}
.product-btn-container{
    text-align-last: end;
}
.features-container h2 p{
    color: #48606c;
    /* font-size: 26px; */
   
}
.features-kits-container{
    position: relative;
    /* background-color:#E8E4DA; */
    background-color: #f0efe8;
    
   
}


.features-workshop-container{
    position: relative;
    background-color:#f0efe8;
}

.features-escort-container{
    position: relative;
    background-color:#f0efe8;
}
.active1{
    background-color: #FFF;
    box-shadow: 0 0 20px 10px rgba(245, 218, 66, 0.685); /* Cyan glow */
    transform: scale(1.05); /* Slight zoom effect */
}
.morinfo-container{
    background-color: #FFF;
    min-height: 450px;
    padding: 25px;
}
.morinfo-content-container{
    background-color: #FFF;
    cursor: pointer;
    padding: 25px;    
    padding-right: 35px;
}

.morinfo-content-container .image-container{
    width: 600px;
    height: 300px;
    margin: 150px;
    overflow: hidden;
}
.products-container{
    background-color:#e2c090;
    padding: 25px;    
    padding-right: 35px;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}
.product-title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-size: 30px;
    font-weight: bold;
 
    line-height: 1;
}
.product-content{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-size: 30px;
    font-weight: 400;
  
    line-height: 1.2;
}
.product-btn{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
   
    font-weight: bold;
    height: 40px;
    padding: 7px; 
    line-height: 1;   
}
.product-btn:after{  
    content: "";
        display: inline-block;
        background: url('../assets/images/hazida.png') no-repeat;
        background-size: contain;
        width: 11px;
        height: 11px;
        margin-right: 15px;
        transform: rotate(180deg);
    
}
.gift-body-cover{
  background-image: url('../assets/images/gift.png'); 
  background-repeat: repeat-y;
}
.product-btn:hover{
    background-color: #FFF;
    border: none;
}
#profile .img-title{
  display: block;
}
#profile .img-body{
  display: block;
}
.profile-container-info{
  /* background: url('../assets/images/about-background.png') no-repeat;
  background-size: 860px;
  max-width: 100%; */
    height: auto;

}
.profile-container-info .small-paragraph-info{
  
    font-size: 22px;
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-weight: 500;
  
}
.profile-container-info-img{
  width: 40px;
  position: relative;
  right: 0;
  top: -15px;
}
.profile-container{
    display: inline;
}
.profile-container .profile-main-title{
    padding-top: 70px;
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-size: 33px;
    
}
.profile-container .profile-title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    /* padding-top: 5px; */
    font-size: 33px;
}
.profile-container img{
    width: 270px;
    position: absolute;
    /* left: 350px; */
}
.profile-container .small-paragraph{
    font-size: 21px;
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-weight: 500;
    line-height: 1.7;
}
.image-container {
    width: 600px;
    height: 300px;
    margin: 50px;
    overflow: hidden;
    /* border-radius: 10px; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  
  .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease-in-out;
  }
.main-header nav a{
    color:#48606c;
}
.text-logo{
    color: #393e61;
    font-family: "SimplerPro", Sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.main-title{
    color: #48606c;
    font-family: "Open Sans";
    font-size: 30px;
    position: absolute;
    /* margin-inline-start: 900px; */
    right: 57%;
    top: 210px;
}

#home p{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    padding-right: 20px;
}
.home-img{
    border: solid;
    width: 400px;
    height: 300px;
    border-width: 1px;
}
.about-section{
    /* height: 100vh; */
    display: block;
}
.contact-section{
    /* height: 75vh; */
    background-color:#ffca34;
}
.contact-form{
  padding-top: 50px;
  padding-bottom: 20px;
}
.contact-form input{
  background-color:#f0efe8;
  font-size:20px;
  font-family: "Open Sans Hebrew Condensed";
  color: #393e61;
}
.contact-form input::placeholder{
  font-size:20px;
  font-family: "Open Sans Hebrew Condensed";
  color: #393e61;
}
.contact-form textarea{
  background-color:#f0efe8;
  min-height: 120px;
  font-size:20px;
  font-family: "Open Sans Hebrew Condensed";
  color: #393e61;
}
.contact-form textarea::placeholder{
  font-size:20px;
  font-family: "Open Sans Hebrew Condensed";
  color: #393e61;
}
.contact-container{
    display: block;
    position: relative;
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
}
.contact-container .main-image{   
    position: absolute;
    right: 0px;
    
}
.contact-container .main-image img{
    width: 300px;
}
.contact-container .contact-featurs{
padding-top: 180px;
}
.contact-row{
  color: #393e61;
  padding: 5px;
  font-family: "Open Sans Hebrew Condensed";
}
.contact-img{
  width: 45px;
  cursor: pointer;
}
.form-left-title{
  float: inline-end;
  line-height: 1.5;
}
.contact-container ul{
    list-style-type: none;
    display: ruby-text;
}

.lower-contact li{
    padding-inline-end: 10px;

}
.acwp-toggler{
    border-bottom: 1px solid rgba(36, 36, 36, 0.1);
    font-size: 16px;
    line-height: 25px;
    margin: 5px;
}
.acwp-toggler label{
    display: flex;
    width: 100%;
    margin: 0;
    cursor: pointer;
    background: white;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 1em;
    outline: none;
    align-items: center;
}
.acwp-toggler span{
    display: inline-block;
   
    font-size: 17px;
    font-weight: 500;
    line-height: 34px;
    color: #333;
}
.acwp-toggler img{
width: 30px;
padding-left: 10px;
}
.btn-toggle {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 25px;
    left: 10px;
    /* top :5px; */
    /* margin: 5px; */
  }
  
  .btn-toggle input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .btn-toggle-slider {
    position: absolute;
    cursor: pointer;
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .btn-toggle-slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    right: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .btn-toggle-slider {
    background-color: #2196F3;
  }
  
  input:focus + .btn-toggle-slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .btn-toggle-slider:before {
    -webkit-transform: translateX(-32px);
    -ms-transform: translateX(-32px);
    transform: translateX(-32px);
  }
  
  /* Rounded sliders */
  .btn-toggle-slider.round {
    border-radius: 34px;
  }
  
  .btn-toggle-slider.round:before {
    border-radius: 50%;
  }

  .focusable {
    display: block;
  }
  .focusable:focus {
    outline: 2px solid blue;
  }
  
  #newsletter h2{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
   
    font-size: 40px;
    font-weight: 500;
  }
  #newsletter h6{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 2;
   
    font-weight: 500;
  }
  
  
  
  #gift .gift-main-img{
    width: 450px;
  }
  #gift .sub-title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 1;
    font-size: 40px;
    font-weight: 500;
  }
  #gift .contact-p{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 1;

    font-weight: 400;
  }
  #newsletter-sign-in{
  
    display: block;
   
  }
  #newsletter-sign-in .user-form{
    background-color: #ffca34;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    height:auto;
   
  }
  
  #newsletter-sign-in .user-form .txt-input{
   
    color: #000000;
   
    font-size:20px;
    font-family: "Open Sans Hebrew Condensed";

  }
  
  #newsletter-sign-in .user-form .txt-input::placeholder{
    font-size:20px;
    font-family: "Open Sans Hebrew Condensed";
    color: #000000;
  }
  #newsletter-sign-in .user-form label{
    color: #FFF;
    font-size:27px;
    font-family: "Open Sans Hebrew Condensed";
  }
  #newsletter-sign-in .user-form .checkbox-input{
    font-size: 20px;
  }
  #newsletter-sign-in .user-form .checkbox-container{
    line-height: 1;
  }
  #newsletter-sign-in .sub-title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 1.5;
    font-size: 40px;
    font-weight: 500;
  }
  #newsletter-signed{
    /* display: block;
    height:60vh; */
    margin-top: 0px;
  }
  #newsletter-signed .title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 1;
    font-size: 50px;
    font-weight: 600;
  }
  #newsletter-signed .sub-title{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 3;
    font-size: 40px;
    font-weight: 500;
  }
  #newsletter-signed .signed-main-img{
    width: 450px;
    /* float: left; */
  }
  #newsletter-signed p{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
    line-height: 1.5;
    font-size: 28px;
    font-weight: 500;
   
  }
  #newsletter-signed .contact-img{
    width: 50px;
  }
  footer{
    background-color:#ffca34;
    padding-bottom: 30px;
  }
  footer p{
    color: #393e61;
    font-family: "Open Sans Hebrew Condensed";
    display: inline;
  }
  footer .link{
    display: inline-block;
    cursor: pointer;
  }
  .dropbtn {
   
    color: #48606c;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "SimplerPro", Sans-serif;
    font-weight: bold;
    border: none;
  }
  /* .dropbtn:after{
    content: "\25bc";
    font-size: 15px;
    padding-right: 5px;
  } */
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: fixed;
    background-color: #ffca34;;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ffca34;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  /* .dropdown:hover .dropbtn {background-color: #FFF;} */
  #accessubilityModal .closeAR{
    color: #fff;
    float: right;
    font-size: 28px;
    cursor: pointer;
    font-weight: bold;
  }
  .regulation-modal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .regulation-modal .modal-content{
    background-color: #ffca34;
    margin: auto;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #888;
  }
  .regulation-modal .modal-content h3,h5,h6{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
  }
  .regulation-modal .modal-content p{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
  }
  .regulation-modal .closeRM {
    color: #fff;
    float: right;
    font-size: 28px;
    cursor: pointer;
    font-weight: bold;
  }
  .contact-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .contact-modal .modal-content {
    background-color: #ffca34;
    margin: auto;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #888;
   
  
  }
  .contact-modal .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .contact-modal .close:hover,
  .contact-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .contact-modal h2{
    color: #48606c;
    font-family: "Open Sans Hebrew Condensed";
  }
  .contact-modal p{
    font-family: "Open Sans Hebrew Condensed";
    font-weight: 500;
    font-size: 21px; 
    color: #48606c;
  }