.bg-primary{background-color:#feb50d !important;}
.text-primary{color: #feb50d !important;}
.text_blou{color: #3585cc !important;}
.border-primary{border-color: #feb50d !important;}
.btn_secondary{color: #FFFFFF;background-color: #3585cc; border-color: #3585cc;}
.btn_secondary:hover{ color:#fff;}
video{min-width: 50%;  min-height: 50%; height:50% !important;}
.height{height: 55px;}
.field_1_2{width:50%; float:left;}
.left_50{width:48% !important; float:left !important;}
.left_50 input{width:100% !important; float:left !important;}
.drap{ margin-top: 20px !important; float: left !important; width: 100% !important;}
.gfield_select{padding: 9px !important;}

.box{
    font-family: 'Plus Jakarta Sans', sans-serif;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.35s ease-in-out;
}
.box:hover{ box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3); }
.box img{
    width: 100%;
    height: auto;
    transform: translateY(25px) scale(1.2);
    transition: all 0.5s ease 0s;
}
.box:hover img{ transform: translateY(-25px) scale(1.2); }
.box-content{
    color:#444;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    padding:  0 0 10px;
    opacity: 1;
    position: absolute;
    bottom: -76px;
    left: 0;
    transition: all 0.5s ease 0s;
}

.box .title{
    color: #fff;
    background: #feb50d;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin: 0 0 0px;
}
.box .title a{color: #fff;}
.box .title1{
    color: #fff;
    background: #feb50d;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin: 0 0 28px;
}
.box .title1 a{color: #000;}
.box .post{
    font-family: 'Tajawal', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: capitalize;
    margin: 0 0 15px;
    display: block;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    margin: 0 8px;
    display: inline-block;
}
.box .icon li a{
    color: #000;
    font-size: 16px;
    transition: all 0.35s ease 0s;
}
.box .icon li a:hover{
    color: #000;
    text-shadow: 2px 2px 2px #000;
}
@media only screen and (max-width:990px){
    .box{ margin: 0 0 30px; }
}