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

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

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('../fonts/Notosans/NotoSansHebrew-Black.woff2') format('woff2'),
        url('../fonts/Notosans/NotoSansHebrew-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('../fonts/Notosans/NotoSansHebrew-ExtraLight.woff2') format('woff2'),
        url('../fonts/Notosans/NotoSansHebrew-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('../fonts/Notosans/NotoSansHebrew-Thin.woff2') format('woff2'),
        url('../fonts/Notosans/NotoSansHebrew-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('../fonts/Notosans/NotoSansHebrew-Light.woff2') format('woff2'),
        url('../fonts/Notosans/NotoSansHebrew-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Hebrew';
    src: url('../fonts/Notosans/NotoSansHebrew-Medium.woff2') format('woff2'),
        url('../fonts/Notosans/NotoSansHebrew-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body{margin:0;padding:0;font-family:'Noto Sans Hebrew',sans-serif;font-size:14px;font-weight:normal;background-color:#fff}



.btn:focus,button:focus{outline:0}.banner-sec{background-image:url(../images/login-banner.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:400px;padding:100px 0;position:relative}.banner-sec .banner-overlay{background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;width:100%;height:100%}.banner-sec .banner-container{position:relative}.banner-sec .banner-container h1{font-size:3rem;font-family:'Noto Sans Hebrew';font-weight:500;margin:0;color:#fff;display:flex;align-items:center;height:100%;line-height:1.3}.banner-sec .banner-container .b2b-login-box{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 20px 5px rgba(222,222,222,.6)}.banner-sec .banner-container .b2b-login-box h4{color:#003b93;text-align:center;font-family:'Noto Sans Hebrew';font-weight:bold;margin-bottom:40px;font-size:24px}.banner-sec .banner-container .b2b-login-box label{color:#333;font-family:'Noto Sans Hebrew',sans-serif;font-weight:500;font-size:14px;margin-bottom:4px}.banner-sec .banner-container .b2b-login-box .form-control{font-size:14px;height:40px;border-radius:5px}.banner-sec .banner-container .b2b-login-box .form-control:focus{outline:0;box-shadow:none}.banner-sec .banner-container .b2b-login-box .login-search-btn{background-color:#003b93;font-size:14px;padding:.375rem 1rem;border:1px solid #003b93;color:#fff;height:40px;width:100%;border-radius:5px;font-family:'Noto Sans Hebrew',sans-serif;font-weight:500;}.banner-sec .banner-container .b2b-login-box .login-search-btn:hover{background-color:#009ddc;border:1px solid #009ddc;color:#fff}.create-acc-sec{background-color:#fff;padding:50px 0}.create-acc-sec h3{text-align:center;font-size:1.75rem;font-weight:500;font-family:'Noto Sans Hebrew';margin:0}.create-acc-sec .create-acc-div{margin-top:30px;text-align:center}.create-acc-sec .create-acc-div .img-div{height:175px;width:175px;margin:auto auto 15px;box-shadow:0 2px 20px 5px rgba(222,222,222,.6);display:flex;align-items:center;justify-content:center;border-radius:50%}.create-acc-sec .create-acc-div .img-div img{border-radius:50%;max-height:130px;padding:5px;}.create-acc-sec .create-acc-div h5{font-size:20px;font-family:'Noto Sans Hebrew';font-weight:500;margin-bottom:5px;color:#003b93}.create-acc-sec .create-acc-div p{color:#777;font-family:'Noto Sans Hebrew';font-weight:500;font-size:14px;margin:0 auto}.create-acc-sec .btn{background-color:#003b93;border:1px solid #003b93;color:#fff;font-size:14px;padding:.375rem 1rem}.create-acc-sec .btn:hover{background-color:#009ddc;border:1px solid #009ddc;color:#fff}.book-us{background-color:#fff;padding:50px 0}.book-us h3{text-align:center;font-size:1.75rem;font-weight:500;font-family:'Noto Sans Hebrew';margin:0}.book-us .book-us-div{background-color:#fff;border-radius:15px;padding:15px;text-align:center;box-shadow:0 2px 20px 5px rgba(222,222,222,.6);margin-top:30px;min-height:215px;transition:all ease-in-out .5s}.book-us .book-us-div:hover{border-radius:20px;box-shadow:0 2px 20px 5px #dedede}.book-us .book-us-div:hover img{transform:translateY(-10px);transition:all ease-in-out .5s}.book-us .book-us-div img{display:block;margin:auto}.book-us .book-us-div h5{font-size:16px;font-family:'Noto Sans Hebrew';font-weight:500;margin:15px 0}.book-us .book-us-div p{margin:0;font-size:14px;line-height:24px;color:#666}.feature-sec{background-color:#f5f5f5;padding:50px 0}.feature-sec h3{text-align:center;font-size:1.75rem;font-weight:500;font-family:'Noto Sans Hebrew';margin-bottom:10px}.feature-sec h6{font-size:18px;text-align:center;margin-bottom:30px;color:#333}.feature-sec .feature-div{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 20px 5px rgba(222,222,222,.6);display:inline-flex!important;justify-content:flex-start;align-items:center;margin-bottom:0px;height:100%;width:100%;transition:all ease-in-out .5s}.feature-sec .feature-div:hover{box-shadow:0 2px 20px 5px #dedede}.feature-sec .feature-div h4{display:flex;justify-content:space-around;align-items:center;margin:0}.feature-sec .feature-div h4 span{margin:0 0 0 15px;font-size:16px;line-height:24px}@media screen and (max-width:767px){.banner-sec .banner-container h1{font-size:30px;text-align:center}.banner-sec{padding:50px 0}.create-acc-sec .create-acc-div p{width:50%}}@media screen and (min-width:768px) and (max-width:1199px){.create-acc-sec .create-acc-div p{width:75%}}@media screen and (min-width:1200px){.create-acc-sec .create-acc-div p{width:50%}}

.main-banner-sec{
    background-image:url('../images/home_banner.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top left;
    position:relative;
    padding:100px 0px;
    min-height:600px;
}

.main-banner-sec h1{
    font-size: 3rem;
    font-family: 'Noto Sans Hebrew';
    font-weight:500;
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    text-shadow:rgb(0, 134, 65) 1px 0 10px;
}

.main-banner-sec .banner-text h2{
    color: #23487c;
    font-family: 'Noto Sans Hebrew';
    font-size: 3.25rem;
    margin-bottom:25px;
    font-weight:bold;
}

.search-container .search-text ul{
    list-style-type:none;
    padding:0px;
    margin-bottom:0;
}

.search-container .search-text ul li:before{
    content:url('../images/li-tick.svg');
    display:inline-block;
    width: 25px;
    position: relative;
    top: 2px;
}

.search-container .search-text ul li{
    font-size:20px;
    color:#003f7f;
    font-family:'Noto Sans Hebrew';
    margin-bottom:10px;
    font-weight:500;
}

.search-container .search-text ul li span{background-color:rgba(255,255,255,0.75);display:inline-block;padding:3px 10px;border-radius:0.5rem;}

.search-container{
    position:absolute;
    bottom:40px;
    width:100%;
}

.main-banner-sec .search-box{
    background-color:rgba(0,59,147,0.5);
    padding:20px;
    border-radius:10px;
    margin-top:30px;
}

.main-banner-sec .search-box input {
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    border: 0px solid #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-bottom: 2px solid #fff;
    color: #000;
    height: 40px;
    line-height: 40px;
    font-size:16px;
    font-family:'Noto Sans Hebrew';
    font-weight:500;
    outline:0px;
    box-shadow:none;
}

.main-banner-sec .search-box .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(53, 53, 53);
    /* opacity: 1; */
    font-family:'Noto Sans Hebrew';
    font-weight:500;
    /* Firefox */
}

.main-banner-sec .btn-primary{
    background-color: #009ddc;
    font-size: 14px; 
    padding: .375rem 1rem;
    border: 1px solid #009ddc;
    color: #fff;
    height: 40px;
    width: 100%;
    border-radius: 0.25rem;
    font-family: 'Noto Sans Hebrew', sans-serif;
    font-weight:500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-banner-sec .btn-primary:hover{
    background-color: #009ddc;
    border: 1px solid #009ddc;
    color: #fff;
}

.book-us h3 span, .feature-sec h3 span{
    color:#009ddc;
}

@media screen and (max-width:480px){
    .search-container{margin-top:100px;}
    .main-banner-sec .search-box{margin-top:80px;}
}

@media screen and (min-width:481px) and (max-width:767px){
    .search-container{margin-top:150px;}
}

@media screen and (max-width:767px){
    .book-us .book-us-div{min-height:auto;}
    .search-container .search-text ul li{font-size:10px;}
    .search-container .search-text ul li span{padding:5px 5px;display:inline;border-radius:0.25rem;}
    .search-container{position:relative;}
    .main-banner-sec{padding:30px 0px 10px;background-image:url('../images/mobile_banner.png');}
    .main-banner-sec .banner-text h2{font-size:2rem;}
    .search-container .search-text ul li:before{top:5px;}
    .search-container .search-text ul li:before{content:url('../images/li-tick-mob.svg');width:18px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .main-banner-sec{background-image:url('../images/ipad_banner.png');}
}

@media screen and (min-width:992px) and (max-width:1199px){
    .main-banner-sec{background-image:url('../images/ipadpro_banner.png');}
}