/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* font */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* For desktop: */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
  --pdark: #76062a;
  --plight: #aa3e52;
  --pmin: #76062a;
  --sdark: #2b2b2b;
  --slight: #7f7f80 ;
  --smin: #535354 ; 
}

/* START */

/*
body {

    line-height: 1.42857143;
    color: #333;
    background-color: #E1E2E1 !important;
}

*/


/*Test*/


.strong {
font-family: Tajawal !important;
font-size: x-large !important;
}

.hbspt-form{
font-family: Tajawal !important;
font-size: x-large !important;
}

.hs-form-iframe{
    font-family: Tajawal !important;
font-size: x-large !important;
}

#hsForm_64aac9e7-1d0f-4280-be12-417161ae366a{
    font-family: Tajawal !important;
font-size: x-large !important;
}

.form{
  font-family: Tajawal !important;
font-size: x-large !important;  
}

.hs-form-64aac9e7-1d0f-4280-be12-417161ae366a_60ca83d5-fd9a-4f4b-ac2d-97ae15c537c6 .hs-form-field label:not(.hs-error-msg) 
{
  font-family: Tajawal !important;
font-size: x-large !important;    
}
/*----------------------*/

.body {
    display: revert;
}

header {
    margin-top: 20px;
}

.h3, h3 {
    /* font-size: 24px; */
    text-align: center;
}

/*بوكس الشعار*/
.logo-box{
background-image: radial-gradient(circle, #e9e9e9, #ededed, #f1f1f1, #f5f5f5, #f9f9f9, #f0f0f0, #f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#e7e7e7, #dedede);
 border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 4px;
    padding: 11px;
        border-radius: 10px;

        box-shadow: -4px 5px 10px 4px #bdb6b6;
}


/*صورة الشعار*/
.logo-img {
    vertical-align: middle;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: contain;
    box-shadow: 3px 3px 4px 4px var(--smin);
    background-color: rgb(255, 255, 255);
        padding: 10px;

}

/*البوكس الاصلي*/
.container{

/*background-image: radial-gradient(circle, #e9e9e9, #ededed, #f1f1f1, #f5f5f5, #f9f9f9, #f0f0f0, #f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#f0f0f0,#e7e7e7, #dedede);*/
 
    /* fallback for old browsers */
    background: #e6e9f0;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(230,233,240,0.5), rgba(238,241,245,0.5));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(230,233,240,0.5), rgba(238,241,245,0.5))
  
 border-radius: 6px;
 font-weight: 500;
font-family: Tajawal;   
    color: var(--pdark) !important;
    text-decoration: none;
    text-shadow: 3px 2px 4px rgb(148, 145, 145);
    font-size: 20px;
    
    width: 90%;
    padding: 5px;
    margin: 4px;
    margin-left: 8%;
    text-align: -webkit-center;

    box-shadow: -4px 5px 10px 4px #bdb6b6;
        border-radius: 10px;
}


/*بوكس الفيديو*/
.vid-box{
 background-color: var(--pdark);
 width: 100%;
 border-radius: 10px;

	overflow:hidden;
	padding-top:30px;
	position:relative;
 
}

.vid-box object,
.vid-box embed {
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

/*صورة الخصم */

.disc-img {
       margin-bottom: 50px !important;
    width: 102%;
    height: auto;
    margin: 2px;
    padding: 2px;
    border-radius: 10px;
    box-shadow: 3px 3px 4px 4px #ccc;
}

}

/* form */
.hbspt-form{
margin-top: 20px;
padding: 20px;
}

/*بوكس الأزرار*/
.btn btn-primary{
     background-color: var(--pdark);
}

/*الأزرار*/
.btn-primary {
    
    background-color: beige !important;
    border-color: var(--pdark) !important;
    width: 100%;
    height: 60px;
    margin: 6px auto;
   /* max-width: calc(100% - 20px);*/
    padding: 5px;
    transition-property: box-shadow, transform;
        transition-duration: 0.3s;
}
.btn-primary:hover{
    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 50%);
    transform: scale(1.1);
}


.btn-box{
  
    display: grid;
    justify-content: space-around;
    margin: 10px;
    padding: 5px;
}

.btn{
    margin: 10px;
    padding: 5px;

}

.btn-text{
    margin: 0 0 10px;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: var(--pdark);
}

/*الفروع*/
.branch-box{
display: grid;
    justify-content: space-around;
    margin: 10px;
    padding: 5px;
}

/*BUR*/
.city-box-elq{
border: 2px solid #c2bfbf;
background-color: #ffffff;
margin: 5px;
padding: 5px;

background-image: url(https://s1.picuza.com/jZkB2.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 0.375rem 0.375rem 0 0;

}

/*RUH*/
.city-box-ruh{
    background-image: url(https://s1.picuza.com/jZyPN.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 0.375rem 0.375rem 0 0;

}



/*UNZ*/
.city-box-unz{
    background-image: url(https://s1.picuza.com/jZQHl.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 0.375rem 0.375rem 0 0;
}

/*KHO*/
.city-box-kho{
    background-image: url(https://s1.picuza.com/jZgpD.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 0.375rem 0.375rem 0 0;
}

/*city name*/
.city-name{
    font-family: Tajawal; 
    font-size: 100px; 
text-align: right;
color: var(--pdark);
text-shadow: #7f7f80;
background-color: #ffffff95;
top: 100px;
padding: 2px;
display: flex;
    justify-content: right;

}

/*city card color*/
.card-body{
/*background-color: #e6e6e696 ;*/
width: 100%;
height: 20em;
}

.card-body:hover, .card-body:active {
    background: rgba(141, 135, 135, 0.507);
    }

    .office-city{
        font-size: 35px;
    }


/*صورة الشركاء*/
.partners-img{
    border: 1px solid #838080;
    border-radius: 10px;
    margin: 5px;
    padding: 2px;
    width: 100%;
}

/*ايقونات الايزو*/
.footer-icon {
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}

/*icons*/
.fa fa-twitter{
background: #55ACEE;
  color: white;

}

.fa fa-youtube{

 background: #bb0000;
  color: white;
}
.fa fa-instagram{

background: #125688;
  color: white;
}

.fa fa-snapchat-ghost{

background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa {
  
    padding: 16px !important;
    width: 50px !important;
    height: 50px !important;
    text-align: center !important;
    text-decoration: none !important;
    margin: 1px 2px !important;
    color: #f0f0f0 !important;
    background: var(--pdark) !important;
    border-radius: 50% !important;

}

.fa:hover {
    opacity: 0.7;
}


.iconbox{
  text-align: center;
    margin: 5px;
    padding: 5px;
    font-family: monospace;
     margin: 4px;
    padding: 11px;
        border-radius: 10px;
}

a {
  font-weight: 500;
font-family: Tajawal;   
    color: var(--sdark) !important;
    text-decoration: none;
    text-shadow: 3px 2px 4px rgb(151, 147, 147);
    font-size: 35px;
}

/*-----------------------*/

@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: initial;
}

.col-xs-6 {
    width: 90% !important;
    padding: 2px;
    margin: 5px;
   /* display: flex;*/
    align-items: stretch;
    justify-content: space-between;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*MOB*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
/*--------------------------------------------------------------------*/


}