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

@font-face {
    font-family: 'Noto Sans Hebrew Condensed';
    src: url('./assets/fonts/NotoSansHebrewCondensed-SemiBold.woff2') format('woff2'),
        url('./assets/fonts/NotoSansHebrewCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Hebrew Condensed';
    src: url('./assets/fonts/NotoSansHebrewCondensed-Bold.woff2') format('woff2'),
        url('./assets/fonts/NotoSansHebrewCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* body */
body{ background-color: #fff; margin: 0px; padding: 0px; color: #333; font-size: 16px; font-family: 'Noto Sans Hebrew Condensed'!important; font-weight: normal;}
/* End body */

/* headings */
h1, h2, h3, h4{  margin-bottom: 24px;}
h1{ font-size: 48px;}
h2{ font-size: 40px;}
/* end headings */

/* anchar color */
a { color:#a31e22;  }
a:hover { color:#a31e22; }

.link-underline a { text-decoration: underline;}
.link-underline a:hover { text-decoration: none;}
/* End anchar color */

/* paragraph */
p{font-size: 16px; color:#9a9b9f; margin-bottom: 15px;}
/* end paragraph */

/* Button */
.btn-gradiant{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b8db+0,ad46ff+100 */
    background: linear-gradient(to right,  #00b8db 0%,#ad46ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: none!important;
    box-shadow: none!important;
    color: #fff!important;
    font-weight: 600!important;
    padding: 12px 25px;
    border-radius: 12px!important;
}
.btn-gradiant:hover{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b8db+0,ad46ff+100 */
    background: linear-gradient(to right,  #ad46ff 0%,#00b8db 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* End */

/* Fonts */
.font-24{ font-size: 24px;}
.font-20{ font-size: 20px;}
.font-18{ font-size: 18px;}
.font-16{ font-size: 16px;}
.font-14{ font-size: 14px;}
.font-13{ font-size: 13px;}
.font-italic{ font-style: italic;}
.font-wt-bold{ font-weight: 700;}
/* End Fonts */

/* BG */
.bg-gray{background-color: #f7f7f7!important;}
.bg-danger{background-color: #a31e22!important;}
.bg-primary{ background-color: #1d293f!important;}
.bg-cover{ background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%!important; }
/* End BG */

.tribebynova-hero{ min-height: 800px; position: relative; z-index: 1;}
.tribebynova-hero .bg-gradient-outside{ content: ''; width: 100%; z-index: 6; opacity: 0.5; height: 100%; background: url(./assets/images/bgr-1-video.jpg) no-repeat; background-size: cover; position: absolute; top: 0px;}
.tribebynova-hero .video-box{ height: 100%; position: absolute; width: 100%;}
.video-innerbox {
  position: relative;
  width: 100%;
  height: 100vh; /* Full height of the viewport */
  overflow: hidden;
}

.video-innerbox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 1080px;
  border: 0;
}

.tribebynova-hero::after{ content: ''; width: 100%; height: 400px; position: absolute; bottom: 0px; z-index: 10;   
    background: linear-gradient(
    to bottom,
    rgba(94, 85, 214, 0),   /* Light transparent blue */
    rgba(145, 104, 160, 0.8),   /* Mid green with some opacity */
    rgba(63, 193, 201, 0.4)      /* Fully opaque red */
  );   
 }

.tribebynova-hero .container{ position: relative; z-index: 100; text-align: center; max-width: 750px; padding-bottom: 80px; }
.tribebynova-hero .container .btn{ min-width: 228px; padding: 12px 25px!important; }
.tribebynova-hero .container .logo{ width: 100%; max-width: 836px; text-align: center; }

.tribebynova-hero h1 { font-size: 48px!important; margin-bottom: 24px!important; background: #53EAFD; background: linear-gradient(to right, #53EAFD 0%, #FFFFFF 54%, #DAB2FF 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;}
.gradient-bg-box{ position: relative; z-index: 10;  padding-top: 0px; }

.gradient-bg-box::before{ content:''; position: absolute; width: 100%; top:-105px; height: 108%; background: url(./assets/images/bgr-2.png) repeat-y; background-size: cover;  }
.container { max-width: 1205px;}
.leave-box{ background-color: rgba(255, 255, 255, 0.1); border-radius: 14px; position: relative; min-height: 677px;}
.leave-box .diamond-shape{ position: absolute; width: 114px; height: 178px; left: -80px; top: -40px;}

.leave-box .form-box{ position: relative; z-index: 10;}
.leave-box::after{position: absolute; right: 0px; bottom: 0px; content: ''; width: 689px; border-radius: 0 14px 14px 0; height: 677px; background: url(./assets/images/flower-img.png) no-repeat; z-index: 1;}
.leave-box .flower-img{ position: relative; bottom: 0px; right: 0px; }
.leave-box .form-control { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); color: #fff;}
.leave-box .form-label { color:#fff; font-size: 19px!important;}
.leave-box input::-webkit-input-placeholder { color:#fff!important;}

.leave-box input:-moz-placeholder { color: #fff!important;}
.tribebynova-footer { padding-bottom: 30px;}
.tribebynova-footer ul.social-media-icons{ margin: 15px 0 20px; padding: 0px;}
.tribebynova-footer ul.social-media-icons li{ margin: 0px 5px; padding: 0px; list-style: none; display: inline-block;}
.tribebynova-footer ul.social-media-icons li img{max-width: 42px;}

.wpcf7-form.init{direction: rtl!important;}
.wpcf7-form.init label{ color: #fff!important;}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{ direction: rtl!important;}
.wpcf7-form-control-wrap { color: #fff!important;}
.wpcf7-form.init .mb-3 {text-align: right;}
.wpcf7-form.invalid label { color:#fff;}
.wpcf7 form.invalid .wpcf7-response-output { color: #ffb900; text-align: center;}

.frm-fluent-form label {color: #fff!important;}
.frm-fluent-form label .ff_t_c p{ color: #fff!important;}
.ff-default .ff-el-form-control { direction: rtl!important; background: none!important; color: #fff!important;}
.ff-default .ff-el-form-control:focus { border-color: #F5F5F5!important; box-shadow: none!important;}
.ff-default .ff-el-form-control::placeholder {color: #fff!important;}

.frm-fluent-form .mb-3.ff_list_inline {margin-bottom: 0px!important;}
.sticky { position:fixed;top:0; z-index: 100;}

.hide-logo{ display: none!important;}
.show-logo{ display: block!important;}
.logo-fixed {position: fixed; width: 100%; top: 20px; z-index: 1000; display: none; text-align: center;}

/* Media Query for responsive view */

/* Max Width Media Query */
@media (max-width: 575.98px) {
	
}

@media (max-width: 767.98px) {
.tribebynova-hero{ min-height: 450px!important;}
.tribebynova-hero .container { padding-top: 80px!important;}
.video-innerbox iframe {
  min-height: 400px!important;
}

	.leave-box::after{display: none!important;}
}
/* End Max Width Media Query */


@media (min-width: 576px) and (max-width: 767.98px) { 

}

@media (min-width: 768px) and (max-width: 991.98px) {
	
}


@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* Min Width Media Query */
@media (min-width: 1200px) {
	 
}
/* End Min Width Media Query */

/* End Media Query for responsive view */