:root {
  --primary-gradient: linear-gradient(
    265.69deg,
    #A1BD4A -6.43%,
    #A1BD4A 49.05%,
    #3C7618 97.9%
  );
  --secondary-gradient: radial-gradient(
    78.59% 110.32% at 102.32% 133.12%,
    #A1BD4A 0%,
    #3C7618 100%
  );
  --primary-color: #23542b;
  --secondary-color: #bb1e26;
  --primary-hover: rgb(0, 56, 28);
  --primary-gray: #DDDDDD;
  --lighter: #f5f5f5;
  --darker: #235034;
  --primary-blue: #EBF9FF;
  --primary-dark: #231f20;
  --white:#fff;
  --primary-font: "Noto Sans Hebrew", sans-serif;
  --secondary-font: "Noto Sans Hebrew", sans-serif;
  --link-color: #0a58ca;
  --link-hover: #FFBC0D;
  --trans: all 0.5s ease;
  --test: all;
  --big-radius: 32px;
  --small-radius: 16px;
}

body {
	font-family: var(--primary-font);
}

.navbar-toggler .navbar-toggler-icon {
  display: inline-block;
  width: 30px;
  height: 3px;
  transition-duration: 0.25s;
  transition-property: background-color, transform;
  background-color:#000;
  border-radius: 5px;
}
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  position: absolute;
  display: block;
  width: 30px;
  height: 3px;
  content: "";
  transition-duration: 0.25s;
  transition-property: margin, transform;
  background: #000;
  border-radius: 5px;
}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:after {
  margin-top: 8px;
}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {
  margin-top: -8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  margin-top: 0;
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  margin-top: 0;
  transform: rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  transition: none;
  background: rgba(0, 0, 0, 0);
}
.navbar-toggler:focus {
  box-shadow: none;
}

.logo {

	font-size: 18px !important;
	font-weight: 800;

	.logo-img
{
width: 65px;
}

}

.navbar{
	padding: 10px 0 46px 0;
}
.nav-item .nav-link {
    transition: .5s;
	color: #222 ;
}



section {
    padding: 80px 0;
}

.carousel-text {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    text-align: center;
    z-index: 2;

	h2{
		font-size: 58px;
	}
	p{
		font-size: 20px;
	}

}

div#splide {
    max-height: 680px;
    overflow: hidden;
}
div#splide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #bc1e262b;
    z-index: 1;
}
.splide__slide img{
    filter: brightness(0.5);
}
.navbar{
	box-shadow: 0px 0px 10px #00000012;
}

h2.text-info {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 30px;
}

ul.navbar-nav.ms-auto.nav-btm {
     position: relative;
    width: 90%;
    border-radius: 10px 10px 0 0;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
	margin: 0 auto;
    justify-content: space-around;
	
	.nav-link{
		color: var(--white);;
	}
	a.btn.btn-outline.dropdown-toggle{
		font-size: medium;
        color: var(--white);
	}
}
hr {
    color: var(--primary-gray);
}
.rounded{
	border-radius: 20px !important;
}
.social li a{
	color: var(--primary-color);
}
.social li a {
    color: var(--white);;
    padding: 4px;
    margin: 4px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
	line-height: 1.5;
}

.navbar .social li a {
    color: var(--primary-color);
    background: #fff;
    border-radius: 20px;
    font-size: 15px;
}

.navbar-expand-lg .navbar-collapse {
            justify-content: flex-end;
}

section.features{
	background: #b0232b0f;
}
.features h4{
	color: var(--primary-color);
}
.features .fa {
    font-size: 35px;
    color: var(--secondary-color);
    background: var(--white);;
    padding: 10px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 1;
    border-radius: 10px;
    box-shadow: 0px 10px 10px -8px #1c311d59;
}
#splide-product .splide__pagination {
    bottom: -1.5em;
}
#splide-product .splide__slide .card {
    border-radius: 16px;
    border: #efefef 2px solid;
	transition: 0.2s;
	overflow: hidden;
	.card-body{
		text-align: right;
	}
}
#splide-product .splide__slide {
 .card:hover{
	border: var(--secondary-color) 2px solid;
		outline: #3aa74c0e 2px solid;
	transition: 0.2s;
	.btn{
		background: var(--primary-color);
		color: var(--white);;
	}
 }
}
.col-auto.d-block{
	    width: 280px;
    height: 280px;
	img{
		width: 100%;
		height: 100%;
	    filter: brightness(1);
        object-fit: cover;
	}
}
.row.g-0.border.rounded.overflow-hidden{
	a {
	    color: var(--secondary-color);
		margin-top: 10px;
	}
	border: #efefef 2px solid !important;
}

.row.g-0.border.rounded:hover{
	border: var(--secondary-color) 2px solid !important;
	transition: 0.2s;
	transition: 0.2s;
	img{
		    filter: brightness(1.1);
			transition: 0.2s;
	}
}

.splide__pagination__page.is-active {
    background: #2b532d;
    transform: scale(1.4);
    z-index: 1;
	opacity: 1;
}
input.form-control.me-2 {
    border-radius: 30px;
}

.splide__arrow {
    background: var(--white);;
  }

.text-primary {
    --bs-text-opacity: 1;
    color:var(--primary-color)!important;
}

.job-card{

	background: var(--white);;
	    border-radius: 15px;
    padding: 15px 20px;
    border: 2px solid #23542b10;

	.icon{
		width: 80px;
        padding: 5px;
	}
	h2{
		font-size: 24px;
	}
}

.job-card:hover{
    box-shadow: 0px 15px 15px -15px #d5d5d5;
	transition: 0.3s;
	border: 2px solid var(--secondary-color);
	.btn{
		 background: #212529;
		 border-color: #212529;
		 color: var(--white);;
	}
}

footer {
    background: #f9f2f3;
    color: #000;
	border-radius: 20px 20px 0 0;
    a{
		color: var(--white);;
	}
}
.btn-secondary{
	background: #222;
	border-color: #222;
}

.btn-secondary:hover {
    color: var(--white);;
    background-color: #000;
    border-color: #000;
}
.btn-primary:hover {
    color: var(--white);;
    background-color:var(--primary-color);
    border-color: var(--primary-color);
}
.navbar-nav .dropdown a.btn.btn-outline{
 background: transparent !important;
 border-color: transparent !important;
}

footer .social li a{
color: var(--primary-color);
}

.job-card ul.list-unstyled .fa{
 color: var(--secondary-color) !important;
 
}
.navbar-nav {
  list-style: none;
}




/* Responsive Css */

/* Styles for screens 768px and wider (tablets and desktops) */

@media screen and (max-width: 991px) {
    div#splide {
    margin-top: 80px;
}
    .visible-xs{
        display: block !important;
    }
 .mob-top.visible-xs{
        display: flex !important;
    }

    
    .hidden-xs{
        display: none !important;
    }


    .new {
    width: 100% !important;
    position: relative !important;
    background: transparent !important;
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    transform: none;
    left: inherit;
    bottom: auto;
    animation: auto;
    border-radius: initial;
    flex-direction: column !important;
    margin-bottom: 10px;
}
	
	.social li a {
    color: var(--primary-color);
}
	.navbar-nav .dropdown-item{
		white-space: break-spaces;
	}
	section.clean-block.pt-0.Articles {
    padding-bottom: 60px;
}
	.mb-5 {
    margin-bottom: 2rem!important;
}
	.splide__slide img {
            vertical-align: bottom;
        width: 100%;
        object-fit: cover;
        height: 35vh;
}
	h2.text-info {
    margin-bottom: 25px !important;
}
	section {
    padding: 30px 0;
}
	.job-card{
		margin-bottom: 20px;
	}
	.col-auto.d-block {
    width: 100% !important;
	height: auto;
}
	
	.carousel-text {
    top: 50%;
	width: 70%;
	    h2 {
        font-size: 25px;
            font-weight: 800;
    }
	    p {
        font-size: 18px;
    }
}
	.navbar {
    padding: 50px 0px 0px 0px;
}
	.logo {
    width: 140px;
	display: flex;
    gap: 10px;
    align-items: center;
	span{
		display: inline-block;
    width: 100px;
    white-space: normal;
    font-size: 14px;
	}
}
	form.d-flex{margin-bottom: 15px;}

	ul.navbar-nav.ms-auto.nav-btm {
        position: relative;
        padding: 0px;
        background: transparent;
        left: auto;
        transform: none;
        text-align: start !important;
        display: flex;
        align-items: flex-start !important;
        max-height: max-content !important;
		padding-bottom: 0px;
		width: 95%;
	
	a.btn.btn-outline.dropdown-toggle{
		color: #222 !important;
		font-size: medium;
		padding: 0px;
		background: transparent;
            border: none;
	}

	.nav-link{
		color: #222;
	}

  }
}

@media screen and (max-width: 768px) {
   
	a.nav-link.btn.btn-primary {
    font-size: 14px;
    margin: 0;
    padding: 10px 10px;
    height: auto;
}
	.Articles .splide__slide img {
    	height: auto;
	}
}

@media screen and (max-width: 1399px) {
.col-auto.d-block {
    width: 200px;
	height: auto;
}
}


.nav-top{
	padding: 5px;
	background: var(--secondary-color) !important;
	.container{
		justify-content: space-between;
	}
	.social li a{
		    background: var(--white);
			color: var(--primary-color);
    border-radius: 30px;
    font-size: 14px;
	}

}
.new{
        width: 100%;
    position: absolute;
    background: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%,0px);
    left: 50%;
    bottom: 0;
    max-width: 1300px;
    border-radius: 10px 10px 0 0;
    padding: 0px 10px;
}
.search .btn{
    margin-left: 10px;
}

@media (min-width: 1200px) {
    .new {
        max-width: 1140px;
        padding: 0px 10px;        
    }
}

@media (min-width: 1400px) {
    .new {
        max-width: 1320px;
        padding: 0px 10px;
    }
}

button.navbar-toggler.border-0.p-0 {
}
.mob-top{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction:row !important;
    align-items: center !important;
    justify-content: space-between;
    left: 0;
    background:var(--primary-dark);
    padding: 5px 8px;
}