@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;600;700;800&family=Heebo:wght@200;300;400;500;600;700;800&display=swap');
/* font-family: 'Assistant', sans-serif;
font-family: 'Heebo', sans-serif; */

@font-face {
    font-family: 'fb_egosansmedium';
    src: url('../fonts/fbegosans-mediumwebfont.eot');
    src: url('../fonts/fbegosans-mediumwebfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fbegosans-mediumwebfont.woff') format('woff'),
         url('../fonts/fbegosans-mediumwebfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fbgofansansregularwebfont';
    src: url('../fonts/fbegosans-regularwebfont.eot');
    src: url('../fonts/fbgofansansregularwebfont.eot') format('embedded-opentype'),
         url('../fonts/fbegosans-regularwebfont.woff') format('woff'),
         url('../fonts/fbegosans-regularwebfont.ttf') format('truetype');
}

:root{ 
    --body-font: 'fb_egosansmedium';
    --font-medium:'fbgofansansregularwebfont';
}

::selection{
color: var(--body-color);
background-color: var(--white-color);
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0; font-family: var(--font-medium) ;font-weight: normal; font-size: 16px; color: rgba(253, 245, 229, 1); line-height:25px; box-sizing: border-box;  background-repeat: no-repeat;background-position: top;background-size: cover; overflow-x: hidden;direction: rtl;}
*, *:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal; color: var(--header); line-height:1.2;  font-weight: normal; }

/* Specific Header Settings */
h1,.h1 {font-size:90px;}
h2,.h2 {font-size:50px;}
h3,.h3 {font-size:45px;} 
h4,.h4 {font-size:40px;}
h5,.h5 {font-size: 30px;}
h6,.h6 {font-size: 25px;}

/* Create the Default Paragraphs */
p {margin-bottom: 23px;}
/* p:last-child{ margin-bottom: 0; } */

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: none;}

/* 3. images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

a{ color: var(--fdf-5-e-5, #FDF5E5)}
/* 4. Links
------------------------------------------------------------------------------*/

/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: 'Heebo', sans-serif; font-weight: 400; margin: 0 0 0 0; padding: 20px 40px; border-radius:5px; background-color:transparent; border: 1px solid transparent; display: inline-block; vertical-align: middle; font-weight: 400; color: var(--white-color); font-size: 25px; line-height: 34px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;  overflow: hidden; position: relative;z-index: 1; text-transform: none;}

.button:not(.button-border):after, a.button:not(.button-border):after { transition: all 0.6s; z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-color: #FF5100;  }
a.button:hover::after{ width: 0; }

.button:hover, a.button:hover{ background-color:  transparent; border-radius: 5px;  color: #343434; }

.button.button-red, a.button.button-red {color: var(--white-color); border: 1px solid var(--buttonred-bg);}
.button.button-red:after, a.button.button-red:after { background-color: var(--buttonred-bg);}

.button.button-blue, a.button.button-blue { color: var(--white-color); border: 1px solid var(--buttonblue-bg);}
.button.button-blue:after, a.button.button-blue:after { background-color: var(--buttonblue-bg);}

.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--white-color); border: 1px solid var(--button-bg);}

.button.button-border:after, a.button.button-border:after { border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: var(--button-bg); z-index: -2; transition: all .35s;}
.button.button-border:hover:after, a.button.button-border:hover:after {width: 100%;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff;}

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { background-color: #196761; padding:9px 10px; font-family: 'Heebo', sans-serif; font-size: 16px; font-weight: 400;letter-spacing: 0;width: 100%; color: var(--fdf-5-e-5, #FDF5E5); text-transform: none;filter: alpha(opacity=100);border: 1px solid var(--196761, #196761);border-radius: 1px;-webkit-border-radius: 0;-moz-border-radius:0;line-height:19px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important;  width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color: #FDF5E5;opacity:1;}
input:-moz-placeholder {color:#FDF5E5; opacity:1;}
input::-moz-placeholder {color: #FDF5E5; opacity:1; }
input:-ms-input-placeholder {color: #FDF5E5;opacity:1;}
textarea::-webkit-input-placeholder {color: #FDF5E5; opacity:1; }
textarea:-moz-placeholder {color:#FDF5E5; opacity:1; }
textarea::-moz-placeholder {color: #FDF5E5; opacity:1; }
textarea:-ms-input-placeholder {color: #FDF5E5;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1394px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}
.aspect-container { position: relative; width: 100%; padding-top: 100%;} 
.aspect-inner{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; object-fit: contain; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {/*border-top:1px solid rgba(77, 171, 247, 0.2);*/}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 20px;}
.table>thead>tr>th {color: #fff;font-size: 16px; line-height:1; font-weight: 300;text-align: left;}
.table>tbody>tr>td {font-size: 16px; line-height:1; font-weight: 300; text-align: left;}
.table>tbody>tr>td:first-child {/*font-size: 18px; font-weight: 700;*/}
.table>tbody>tr>td a {}
tbody>tr:nth-child(even) {background-color: rgba(0, 0, 0, 0.2);}

p:last-child{ margin: 0; }

/* -- main css --- */
.main{  background-color: #fff; min-height: 100vh; }
.main .slider-item{ max-width: 75%; width: 100%;  line-height: 0; }
.main .slider-item .main-slide{ height: 100%; line-height: 0; }
.main .slider-item .main-slide .slider-item-box{ width: 100%; line-height: 0; overflow: hidden; background-position: center; background-size: cover; }
.main .slider-item .main-slide .slider-item-box img{ width: 100%; height: 100%; object-fit: cover; }

.main .contact-item{ max-width: 25%; width: 100%; background-color: #005752; position: relative; }
.main .contact-item .contact-box{ padding: 0px 74px 0; height: 100%; letter-spacing: 0.2px; line-height: 19px; font-family:var(--font-medium); font-size: 12px;  text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .contact-item .contact-box .contact-box-logo{ max-width: 246px; height: 111px; width: 100%; }
.main .contact-item .contact-box .contact-box-logo img{ width: auto; }
.main .contact-item .contact-box .contact-text{ padding: 33px 8px 18px; }
.main .contact-item .contact-box .contact-text p:last-child{ font-family: var(--body-font); }
.main .contact-item .contact-box h2{ color: var(--fdf-5-e-5, #FDF5E5); text-align: center; font-size: 26px;  padding: 0px 0 9px; }

.contact-from .input-fild{ padding: 0 0 16px; }
.contact-from { text-align: right; font-size: 11px; line-height: 15px; letter-spacing: 0.2px; }

.contact-from .custom-checkbox { display: flex; position: relative;  padding: 23px 0 26px;}
.contact-from .custom-checkbox input[type="checkbox"] { opacity: 0;  }
 .contact-from .custom-checkbox label:before { cursor: pointer; content: ""; position: absolute; right: 0; top: 23px; width: 24px;  height: 24px; border: 2px solid #196761; background: #196761; }
 .contact-from .custom-checkbox label{ padding-right: 18px; font-weight: 400; }
.contact-from .custom-checkbox input[type="checkbox"]:checked + label:before {  background-color: #196761;  border-color: #196761; }
 .contact-from .custom-checkbox label:after { content: ""; position: absolute; right: 5px;  top: 28px;  width: 15px;  height: 10px;  border-left: 2px solid #FDF5E5; border-bottom: 2px solid #FDF5E5; transform: rotate(-45deg); display: none; }
.contact-from .custom-checkbox input[type="checkbox"]:checked + label:after { display: block; cursor: pointer;  }

.contact-from .submit-btn { text-align: center; position: relative; }
.contact-from .submit-btn input[type="submit"]{ cursor: pointer; background-image: url(../images/arow.png); border: 1px solid #FDF5E5; background-position: 60px; background-repeat: no-repeat; padding: 10px 64px 10px 0px; width: 200px; height: 48px; border-radius: 3px; background-color: var(--fdf-5-e-5, #FDF5E5); color: var(--005752, #005752); text-align: right; font-size: 22px; font-style: normal; font-weight: 600; line-height: 22px;}
.contact-from .submit-btn input[type="submit"]:hover{ background-color: transparent; color: #FDF5E5; border: 1px solid #FDF5E5; background-image: url(../images/arow-yellow.png);  }
.contact-from .logo-img{ padding: 64px 0 0;  }
.contact-from .logo-img .logo-box{ max-width: 50%; width: 100%; display: flex;  justify-content: center; align-items: center; }

 .contact-from .copy-right{ padding: 6px 0 0px; letter-spacing: 0.35px; }
.contact-from .copy-right p{ padding: 0 10px; margin: 0; }
.contact-from .copy-right a{ padding: 0 20px; font-size: 10px; font-weight: 500; position: relative; letter-spacing: 0.28px }
.contact-from .copy-right a::before{ content: ''; position: absolute; height: 10px; border-right: 1px solid #FDF5E5; right: 0; top: 50%; transform: translateY(-50%); }
  

.contact-item .brave{ position: absolute; left: 15px; top: 20px; width: auto; }

.slider-item  .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; padding: 0; cursor: pointer;}
.slider-item button.slick-right.slick-arrow{  text-align: right; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 60px; padding: 0; line-height: 0; height: 120px; border-radius: 70px 0px 0px 70px;  }
.slider-item button.slick-next.slick-arrow {  text-align: left;left: 0; background-color: rgba(0, 0, 0, 0.4); width: 60px; padding: 0; line-height: 0; height: 120px; border-radius: 0px 70px 70px 0px; }
.slider-item button.slick-next.slick-arrow img{ margin-left: 10px; transition: all 0.6s; }
.slider-item button.slick-right.slick-arrow img{ margin-right: 10px; transition: all 0.6s;  }
.slider-item button.slick-next.slick-arrow img:hover, .slider-item button.slick-right.slick-arrow img:hover{ transform: scale(1.3); }

/* required-fill css */
.required-fill{position: absolute; bottom: -50px; transform: translateX(-50%); left: 50%; border-radius: 4px; background-color: #FF9595; width: 266px; padding: 8px; text-align: center; color: #841111; font-size: 12px; font-weight: 500; font-family: 'Heebo', sans-serif; display: none;}
.required-fill p{ margin: 0; }


/* submit-value-fill css */
.submit-value-fill{ width: 345px; height: 192px;border-radius: 4px; background-color: #00524D; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; line-height: 19px; color: var(--fdf-5-e-5, #FDF5E5); letter-spacing: 0.28px; margin-bottom: 190px; }
.submit-value-fill h5{ padding: 10px 0 10px; font-size: 26px; font-style: normal; font-weight: 400; line-height: 1; color: var(--fdf-5-e-5, #FDF5E5); text-align: center; }
.submit-value-fill p{ margin: 0; }


/* Dots arrow css */
ul.slick-dots{ position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); width: 100%; display: flex; justify-content: center; align-items: center; } 
ul.slick-dots li{ font-size: 0; padding: 0 7px;}
ul.slick-dots li.slick-active button{ background-color: #005752; }
ul.slick-dots li button{  cursor: pointer; font-size: 0; padding: 0;  width: 10px; height: 10px; background-color: #FDF5E5; border-radius: 50px; }

input.error{border:1px solid #ff9595}
label.error{display:none!important}

.slick-list.draggable{ height: 100%; }
.slick-track{ height: 100%; }

.submit-value p{ margin-bottom: 0; }