@font-face {
    font-family: 'Neo-Sans-Arabic';
    font-style: normal;
    font-weight: 300;
    src: local('Neo Sans Arabic Regular'), url('../Fonts/newsans/NeoSansArabicRegular.woff') format('woff');
}


@font-face {
font-family: 'Neo-Sans-Arabic';
font-style: normal;
font-weight: 100;
src: local('Neo Sans Arabic Light'), url('../Fonts/newsans/NeoSansArabicLight.woff') format('woff');
}


@font-face {
font-family: 'Neo-Sans-Arabic';
font-style: normal;
font-weight: 500;
src: local('Neo Sans Arabic Bold'), url('../Fonts/newsans/NeoSansArabicBold.woff') format('woff');
}


:root{
    --bg1: #eeedea;
    --gray1: #f3f1ed;
    --gray2: #ebe8e2;
    --red1: #783541;
    --gold1: #bd9d73;
}

body:lang(ar){
    font-family: 'Neo-Sans-Arabic';
    font-weight: 300;
}
body{
    background-color: var(--bg1);
}

a{
    text-decoration: none;
    color: var(--red1);
    transition: all 0.5s;
}

a:hover{
    color: var(--gold1);
}

.web_div{
    min-height: 800px;

    /*background-image: url("../../images/bg-111.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;*/

}
.survFrame button{
    position: absolute;
    left: 0;
    bottom: 99%;
    z-index: -1;
}
.survFrame{
    visibility: hidden; 
    position: fixed;
    bottom: 0;
    right: 1rem;
    visibility: hidden;
    max-height: 56vh;
    box-shadow: 0 0 5px #ccc;
    z-index: 9;
}
.responsive-iframe {
    
}

.web_div:after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../images/bg-111.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
#all_body .panel-body{
	max-width: 400px;
}
#all_body ul li{
	list-style-image: url(../../images/safa_icon_20.png);
}
#all_body i.fas{
    color:var(--gold1);
}
.open-accessibility-menu-footer{display:none}
.in_subPage {text-align:left;margin-top: 0.5rem;}
.in_subPage:lang(en){text-align:right;}
.in_subPage a:hover{
	color: var(--red1);
}	
.cusBtn{
	font-size: 15px;
    color: var(--red1);
    text-decoration: none;
    border: 1px solid var(--red1);
    padding: 6px 20px 9px 20px;
    border-radius: 20px;
    transition: all 0.5s;
}
.required,.err_info{
    color:red;
}
.in_subPage a{
	padding-right: 0.8rem;
    padding-left: 0.8rem;
    font-size: 1.05rem;
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
	border: 1px solid var(--gold1);
}
.bt-space {
    margin-bottom: 10px;
}
.cur-title {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.cur-border {
    border-bottom: 1px solid #aeb2b7;
    padding: 3px 0;
}
.pn.color_1{
	color: var(--gold1);
	font-weight: 400;
    font-size: 14px;
}
.bs-tooltip-end .tooltip-arrow::before{
	border-right-color:var(--gold1);
}
.tooltip-inner{
	background-color:var(--gold1);
}
.web_div1{
    will-change: transform; 
    transform: perspective(300px) rotateX(0deg) rotateY(0deg);
    transition: all 0.5s;
}

.content_div{
    min-height: 700px;
    background: rgb(255,255,255);
    /*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.89) 35%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.7) 80%, rgba(255,255,255,0.6) 100%);*/
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.75) 40%, rgba(236,237,232,0.6) 60%, rgba(236,237,232,0.7) 80%, rgba(236,237,232,.6) 100%);
    padding: 15px 20px;
}
.right_side_cont li a:lang(en){
	padding: 6px 5px 9px 15px;
}
.internal-page .content_div .container{
    padding:0;
}
.internal-page .content_div{
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.75) 40%, rgba(246,246,246,1) 100%);
}

ul.top_header_menu .dropdown .dropdown-item:lang(ar){
    text-align: right;
}
ul.top_header_menu .dropdown .dropdown-item{
    font-size:1rem;
    font-weight: 300;
    
}
ul.top_header_menu .dropdown button{
    background: none;
    color:var(--gold1);
}
ul.top_header_menu{
    list-style: none;
    margin-bottom: 0;
    padding-top: 8px;
}

ul.top_header_menu li{
    margin-left: 25px;
}

ul.top_header_menu a{
    color: var(--gold1);
    font-size: 0.95rem;
}

ul.top_header_menu li:first-child a{
    font-size: 1.1rem;
}


ul.top_header_menu a:hover{
    color: var(--red1);
}
.top_header_search{
    width: 270px;
    max-width: 100%;
}


.carousel-control-next,
.carousel-control-prev {
    filter: invert(65%);
}


.top_header_search input{
	border: 0;
	 font-weight: 300;
	 background-color: var(--gray1);
	 border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    
    border-bottom-right-radius: 0;
    border-top-right-radius:0;
}
.top_header_search input:lang(ar){
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    
    border-bottom-right-radius: 20px;
    border-top-right-radius:20px;
   
}
.top_header_search button{
	border: 0;
	 color: var(--red1);
	  background-color: var(--gray1);
	  border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
   
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.top_header_search button:lang(ar){
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
   
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.top_header_search input:focus, .top_header_search button:focus, .top_header_search button:active:focus{
    box-shadow: none;
    background-color: var(--gray1);
}

.top_header_search button:hover{
    background-color: var(--red1);
}


.topmenu ul.navbar-nav{
    list-style: none;
    padding-right: 0;
    margin-top: 5px;
}


.topmenu ul.navbar-nav li:not(first-child){
    margin-left: 10px;
}
.topmenu ul.navbar-nav .nav-link{
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    font-size: 1.05rem;
    color: var(--red1);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
}

.topmenu ul.navbar-nav .nav-link:hover, .topmenu ul.navbar-nav .nav-link.active{
    background-color: var(--gray1);
}

.flipster__nav li{

}
.flipster__nav li a{
    font-size: 0;
    width: 15px;
    height: 11px;
}

.flipster__nav li a:after{
    font-size: 23px;
    z-index: 1;
}

.flipster__nav__link::after{
    background: var(--red1) !important;
}

.flipster__nav{
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}


.slider_div{
    height: 500px;
    overflow: hidden;
}

.slider_div img{
    min-height: 500px;
}

.slider_section{
    position: relative;
}

.left_icon{
    position: absolute;
    /*left: -20px;*/
    left: 30px;
    /*top: 40px;*/
    top: 150px;
    width: 40px;
    z-index: 999;
}

.right_icon{
    position: absolute;
    /*left: -20px;*/
    right: 30px;
    /*top: 40px;*/
    bottom: 5rem;
    width: 40px;
    z-index: 999;
}

.right_icon ul button{
    color: var(--gold1);
    border:1px solid var(--gold1);
}
.left_icon ul,.right_icon ul{
    list-style: none;
    padding-left: 0;
    padding-right: 0;

}

.left_icon ul li{
    margin-bottom: 15px;
}


.left_icon ul img{
    width: 33px;
    height: 33px;

    transition: transform .7s ease-in-out;
}

.left_icon ul img:hover,.left_icon ul li > span:hover,.left_icon ul li a > span:hover{
    filter: sepia(1);
    transform: rotate(360deg);
}

.left_icon ul li > span, .left_icon ul li a > span{
    width: 33px;
    height: 33px;
    border: 2px solid var(--gold1);
    display: block;
    color: var(--gold1);
    border-radius: 50%;
    text-align: center;
    padding-top: 2.5px;

    transition: transform .7s ease-in-out;
}
#form10 input::-webkit-outer-spin-button,
#form10 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#form10 input[type=number] {
  -moz-appearance: textfield;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3):lang(ar), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):lang(ar) {
    border-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):lang(ar) {
    border-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.inputcurr input{
    width: 70%;
}
.inputcurr select{
    width: 30%;
    border: 1px solid #ced4da;
    font-weight: 300;
}
.open-accessibility.open-accessibility-collapsed .open-accessibility-container{
	width: 33px!important;
    height: 33px!important;
	background:none!important;
	float:left;
    display: block;
    color: var(--gold1)!important;
	box-shadow: none!important;
}
.open-accessibility{
	position:relative!important;
	right:inherit!important;
	top:0!important;
	bottom:-30px;
	left: 0;	
	
}
.open-accessibility-collapsed .open-accessibility-menu{display:none!important;}
.open-accessibility-collapsed{
	min-width:1px!important;
}
.open-accessibility-expanded{
	min-width:300px!important;
	left: 90%;
}
.open-accessibility.open-accessibility-expanded .open-accessibility-container{
	margin-top: -5rem;
}
.open-accessibility-expand-button{
	line-height: 30px!important;
    width: 33px!important;
    height: 33px!important;
	border: 2px solid var(--gold1);
	border-radius: 50%;
	left:0;
}
.open-accessibility.open-accessibility-collapsed .open-accessibility-container:hover{
	transform:scale(1);
}
.left_icon ul li > span:hover{
   color: #d0b991;
   border: 2px solid #d0b991;
   transform: rotate(360deg);
}

.center_menus{
    position: relative;
    top: -10px;
}

.center_menus ul{
    list-style: none;
    padding-right: 0;
    padding-left: 0;
    justify-content: center;
}

.center_menus ul li:not(:last-child){
    
}

.center_menus ul li:not(:last-child):lang(en){
    margin-right: 15px;
    margin-left: 0;
}
@media (min-width: 992px){
.offset-lg-3:lang(ar) {
    margin-right: 25%;
    margin-left: 0;
}
}
@media (min-width: 768px){
.offset-md-2:lang(ar) {
    margin-right: 16.66666667%;
    margin-left: 0;
}
}
.offset-lg-4:lang(ar){
    margin-right: 33.33333333%;
    margin-left: 0;
}
.center_menus ul li a{
    padding: 5px 10px 9px;
    background-color: var(--gold1);
    color: #FFFFFF;
    border-radius: 20px;
    font-size: .95rem;
    width: 100%;
    display: block;
    text-align: center;
}

.center_menus ul li a:hover, .center_menus ul li a.active{
    background-color: var(--red1);
}
.readmore {
	white-space:nowrap;
}
.readmore i{
	-webkit-text-stroke:1px;
	padding:0 1px;
}
.readmore:lang(en) i{
	transform: rotate(180deg);
}
.readmore:hover i:first-child{
	transform:translateX(-10px);
}
.readmore:hover i:last-child{
	transform:translateX(10px);
}
.readmore:lang(en):hover i:first-child{
	transform:translateX(10px) rotate(180deg);
}
.readmore:lang(en):hover i:last-child{
	transform:translateX(-10px) rotate(180deg);
}
.readmore i:first-child{
	color:var(--gold1);
	transition:all 0.3s;
}
.readmore i:last-child{
	color:var(--red1);
	transition:all 0.3s;
}
.homecenter2{
    padding: 0 20px;
}
.internal-page .center_div {
    max-width: 1140px;
    margin: auto;
}
.internal_img{
    text-align: center;
    position: relative;
    height: 278px;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: contain;
}

.internal_img img{
    height: 100%;
}
.internal_img:after{
    
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-image: url('../../images/internal_img2.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.internal_title{
    color: var(--red1);
    text-align: center;
}
.form-control[type=file] {
        overflow: hidden;
        font-weight: 300;
    }
.internal_header{
    position: relative;
    padding-top: 30px;
    margin-bottom: 0px;
}

.internal_header1{
    margin-bottom: 20px;
}
.fileUpload label {
  background-color: var(--gold1);
  color: white;
  padding: 0.5rem;
  border-radius: 0.3rem;
  cursor: pointer;
}

#logo-chosen{
  margin-left: 0.3rem;
}


.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.225rem 1.25rem;
    /* 10px 20px */
}
.close_x{
    cursor: pointer;
    display: none;

}
.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #f1e5e6;
    background-color: #d3394c;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #722040;
}


/* style 2 */

.inputfile-2 + label {
    color: #b69366;
    border: 1px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
    color: #722040;
}


/* style 3 */

.inputfile-3 + label {
    color: #b69366;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #722040;
}
.was-validated .form-control.is-invalid
 {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* style 4 */

.inputfile-4 + label {
    color: #b69366;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #722040;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #b69366;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #722040;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 5 */

.inputfile-5 + label {
    color: #b69366;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: #722040;
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
    background-color: #b69366;
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: #722040;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid #dfc8ca;
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid #722040;
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: #b69366;
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1e5e6;
}


/* style 6 */

.inputfile-6 + label {
    color: #b69366;
}

.inputfile-6 + label {
    border: 1px solid #b69366;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #b69366;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
    }
}




.sec_headers{
    color: var(--red1);
    text-align: center;
}
.a2a_kit a span {
    width: 20px!important;
    height: 20px!important;
}
.service_img_div1 .service_title{
    position: relative;
    z-index: 1;
}
.service_img_div1.service_img_dir_l .service_title{
	text-align:center;
    padding-right:15%;
    padding-left:0;
}
.service_img_div1.service_img_dir_r .service_title{
	text-align:center;
    padding-left:15%;
    padding-right:0;
}
.service_img_div1.service_img_dir_l{
	text-align:left;
}
.service_img_div1.service_img_dir_r{
	background-image: url(../../images/service_img_bg1.png);
}
.service_img_div1{
    background-image: url(../../images/service_img_bg.png);
    /*width: 350px;*/
    max-width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: right center;
    /*background-color: #CCC;*/
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    background-size: contain;
}
.service_img_div1.service_img_dir_r span {
    background: linear-gradient(90deg, rgba(241,239,235,1) 44%, rgba(255,255,255,0) 100%);
}
.service_img_div1.service_img_dir_l span {
    background: linear-gradient(270deg, rgba(241,239,235,1) 44%, rgba(255,255,255,0) 100%);
}
.service_img_div1 span {
    background: linear-gradient(90deg, rgba(241,239,235,1) 44%, rgba(255,255,255,0) 100%);
    content: "";
    position: absolute;
    bottom: 1px;
    left: 14px;
    right: 0;
    height: 0;
    z-index: 0;
}   
.category_list .service_img_div1{

}

.service_img img{
    /*width: 100px;*/
    height: 85px;
}

.service_title{
    color: var(--gold1);
    padding-right: 15%;
    margin-top: 2px;
}

.section2_div{
    text-align: right;
    position: relative;
    background: var(--gray2);
    padding: 0 40px 0 10px;
    border-radius: 50px;
    height: 110px;
    display: flex;
    align-items: center;
    transition: all 1s;
    color: var(--red1);
}

.section2_a:hover .section2_div{
    background: var(--red1);
}

.section2_div h3, .section2_div p{
    transition: all 0.5s;
}

.section2_a:hover h3, .section2_a:hover p{
    color: var(--gold1);
}

.section2_div_img:lang(en){
    left: inherit;
    right: 25px;
}
.section2_div_img{
    position: absolute;
    width: 115px;
    left: 25px;
    top: -50px;
}



.sections{
    padding: 40px 0;
}

.section_2{
    padding: 80px 0 40px;
}

.offer_text{
    background: var(--red1);
    color: var(--gold1);
    padding: 20px 20px;
    border-radius: 15px;
    min-height: 260px;
    position: relative;
    width: 220px;
    max-width: 100%;
}

.offer_text1{
    transition: all 0.7s;
}

.offer_img{
    width: 350px;
    overflow: hidden;
    padding: 10px 0;
}

.offer_text h2{
    position: relative;
    padding-bottom: 15px;
}

.offer_text p{
    font-size: 1.2rem;
}

.offer_text h2:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--gold1);
    right: 0;
    bottom: 5px;
}

.offer_text h2:before{
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background-color: var(--gray2);
    right: 0;
    bottom: 5px;
    transition: all 0.7s;
    z-index: 99;
}


.offer_text a{
    background-color: transparent;
    border: 1px solid var(--gold1);
    color: var(--gold1);
    padding: 3px 20px 7px;
    font-size: .8rem;
    text-align: center;   
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    display: inline-table;    
    bottom: 20px;
}

.offer_text a:hover{
    color: var(--red1);
    background-color: var(--gold1);
}

.offer_div:hover .offer_text h2:before{
    width: 100%;
}
.offer_div:hover .offer_text h2{
    color: var(--gray2);
}
.offer_div:hover .offer_text a{
    background-color: var(--gray2);
}

.news_title{
    height: 100%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 15px;
    height: 120px;
    overflow: hidden;
}
.news_title h6{
    font-size: .9rem;
    line-height: 140%;
}

.news_title_div .news_title:lang(en){
    text-align: left;
}
.news_title_div{
    width: 70%;
}
.news_img_div{
    width: 30%;
    height: 120px;
    overflow: hidden;
}

.news_img_div img{
    width: auto !important;
}

.home_title{
    margin-bottom: 20px;
}

.news_div a{
    color: var(--gold1);
}
.news_div a:hover{
    color: var(--red1);
}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color: var(--red1) !important;
}

.owl-theme .owl-dots .owl-dot span{
    background-color: var(--gold1) !important;
}


.item.news_div{
    position: relative;
}

.item.news_div:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 75%;
    height: 7px;
    background-color: var(--red1);
    clip-path: polygon(0% 0%, 98.5% 0%, 99% 26%, 100% 99%, 0% 100%);
}
.item.news_div:before{
    position: absolute;
    z-index: 99;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 7px;
    background-color: var(--gold1);
    transition: all 0.5s;
    clip-path: polygon(0% 0%, 98.5% 0%, 99% 26%, 100% 99%, 0% 100%);
}

.item.news_div:hover:before{
    width: 75%;
}



/**FLIPPER SLIDER **/
.flipster__item.flipster__item--future .offer_text, .flipster__item.flipster__item--past .offer_text{
    /*height: 260px;
    width: 100px;*/
    background: transparent;
}
.flipster__item.flipster__item--future .offer_text p, .flipster__item.flipster__item--past .offer_text p{
    font-size: 1rem;
}
.flipster__item.flipster__item--future .offer_text1, .flipster__item.flipster__item--past .offer_text1{
    background: var(--red1);
    transform: rotate(-90deg);
    min-height: auto;
    padding: 5px 30px;
    height: 100px;
    width: 260px;
    text-align: center;
    position: relative;
    top: 65px;
}

.flipster__item.flipster__item--future .offer_text1{
    left: 100px;
}
.flipster__item.flipster__item--past .offer_text1{
    right: 100px;
}

.flipster__item.flipster__item--future .offer_text, .flipster__item.flipster__item--past .offer_img{
    order: 2 !important;
}
.flipster__item.flipster__item--future .offer_img, .flipster__item.flipster__item--past .offer_text{
    order: 1 !important;
}

.flipster__item.flipster__item--future .offer_text a, .flipster__item.flipster__item--past .offer_text a{
    display: none;
}
.flipster {
    overflow-y: hidden!important;
}


.flipster--flat .flipster__container, .flipster--flat .flipster__item, .flipster--flat .flipster__item__content{
    -webkit-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
/**END FLIPPER SLIDER **/




.app_div{
    color: #FFFFFF;
    background: linear-gradient(
        to top,
        var(--red1) 0%,
        var(--red1) 70%,
        transparent 70%,
        transparent 100%
    );
}
.app_details{
    /*display: grid;
    justify-content: center;
    align-items: center;*/
    padding-top: 35%;
    height: 100%;
}
.app_details p{
    font-weight: 100;
}
.app_img{
    
}

.app_ul{
    list-style: none;
    padding-inline-start: 0;
}

.app_ul li:not(:last-child){
    margin-left: 5px;
}
.app_ul li:not(:last-child):lang(en) {
    margin-right: 5px;
}
.footer_menu_ul{
    padding-inline-start: 20px;
}

.footer_menu_ul li a{
    color: #FFFFFF;
}

.footer_menu_ul li a:hover{
    color: var(--red1);
}

footer{
    background-color: #b69366;
    padding: 25px 0;
    color: #FFFFFF;
}

.footer_menu h5{
    font-weight: 300;
    margin-bottom: 12px;
}

.footer_copyright{
    text-align: center;
    font-weight: 100;
    font-size: 0.8rem;
    margin-top: 10px;

}

.footer_copyright a{
    color: #FFFFFF;
}

.footer_copyright a:hover{
    color: var(--red1);
}


#all_body p{
	margin-right:0!important;
}

@media(max-width: 1199px){
    .center_menus ul li a{
		padding: 5px 8px 9px;
	}
}
@media(max-width: 991px){
	.slider_div{
        height: auto;
    }
	.slider_div img{
        min-height: auto;
    }
	.left_icon{
		left:10px;
	}
	.logo{max-width:100%}
	.container, .container-md, .container-sm{
		max-width:100%;
	}
	.internal_img{
		height: auto;
	}
	.service_img_div1:lang(ar){
        background-image: url(../../images/service_img_bg1.png);
    }
    .service_img_div1.service_img_dir_l .service_title:lang(ar){
        padding-left: 15%;
        padding-right: 0;
    }
	.service_img_div1:lang(en){
        background-image: url(../../images/service_img_bg.png)!important;
    }
    .service_img_div1:lang(en){
        text-align: left!important;
    }
    .service_img_div1.service_img_dir_r .service_title:lang(en){
        padding-right: 15%;
        padding-left: 0;
    }
	.service_img_div1{
		margin-bottom:0rem;
	}
	
	.section2_div_img{
		    width: 80px;
	}
	.open-accessibility-menu-button{
		width:100px!important;
		height:100px!important;
	}
	.open-accessibility-close-button{height:50px!important;}
}
@media(max-width: 320px){
    .open-accessibility-menu-button{
		width:40%!important;
		height:100px!important;
	}
}
@media(max-width: 767px){
    #all_body table{
        width:100%!important;
    }
    .news_title{
        padding:10px;
    }
    .open-accessibility-expanded{
        left:1%;
    }
    .flipster__item img{
        max-width: 80%!important;
    }
    .news_title_div{
        width: 55%;
    }
    .news_img_div {
        width: 45%;
    }
	.internal_title{
		font-size:1.3rem!important;
	}
	.card-body{

	}
	.corner{
		margin-top:1rem;
	}
	.internal_header,.internal_header1{
		margin-bottom:1rem;
	}
    .left_icon{
        position: relative;
    }
    .left_icon ul li{
        margin-left: 5px;
    }
    .left_icon ul{
        display: flex;
        flex-flow: wrap;
        margin-bottom: 0;
    }
    .left_icon .social_ul{
        height:100%;
    }
    body{
        font-size: .9rem;
    }
    ul.top_header_menu li:first-child{
        margin-left: 10px;
    }

    ul.top_header_menu li{
        margin-left: 10px;
    }

    

    

    .center_menus ul li{
        text-align: center;
		padding: 0 5px;
		height: 40px;
    }
	.center_menus ul li a {
		padding: 5px;
		font-size: .8rem;
	}
    .center_menus ul li:not(:last-child){
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .center_menus ul li:nth-child(1), .center_menus ul li:nth-child(2){
        margin-bottom: 12px;
    }

    .center_menus ul li a{
    }
	
	.app_div .row{
		align-items: end;
	}
	.app_div .col-3{
		position:relative;
	}
	.app_div .col-9{
		align-self: flex-start;
	}
    .footer_menu_ul{
        
    }
	
    .top_header_search input, .top_header_search button{
        height: 35px;
    }


    .menu_center_div{
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .left_icon{
        left: -10px;
        top: 0;
        display: none;
        width:100%;
    }

    .logo{
        width: 250px;
        margin-bottom: 5px;
    }

    .content_div{
        padding: 5px 0;
    }

    ul.top_header_menu{
        padding: 0px 5px 0px 0px;
    }

    ul.top_header_menu li{
        margin-top: 6px;
    }

    ul.top_header_menu a, ul.top_header_menu li:first-child a{
        font-size: .9rem;
        margin-top: 6px;
		    white-space: nowrap;
    }
	.internal_title{
		margin-top:0px;
	}
    .top_header_search{
        width: 40%;
    }


    .navbar.navbar-light{
        padding-top: 3px;
    }

    .navbar-toggler {
        padding: 0.15rem 0.25rem;
    }

    .navbar-toggler-icon{
        width: 1em;
        height: 1em;
    }

    .topmenu ul.navbar-nav .nav-link{
        font-size: .95rem;
    }

    .section2_div{
        height: 60px;
        padding:0 20px 0 10px;
    }

    .section2_div_img:lang(en){
        left: inherit;
        right: 15px;
    }
    .section2_div_img{
        width: 59px;
        left: 15px;
        top: -38px;
        transform: scaleX(-1);
    }

    .section2_div p{
        display: none;
    }

    .section2_div h3{
		font-size: 1.2rem;
    }

    .section2_col:first-child,.section2_col:last-child{
        margin-bottom: 40px;
    }

    .offer_text{
        min-height: 130px;
        padding: 10px;
        width: 80%;
		margin:auto;
    }

    .offer_text h2{
        font-size: 1.3rem;
        padding-bottom: 12px;
        margin-bottom: 0;
    }

    .offer_text a{
        padding: 3px 10px 3px;
    }

    .offer_text p {
        font-size: .9rem;
    }

    .offer_img{
        height: 200px;
        text-align: center;
    }

    .news_title h6 {
        font-size: .8rem;
    }

    .sections {
        padding: 20px 0;
    }

    .section_2{
        padding-top: 40px;
    }


}