/*-------------------------------------*/
/*Basic Setup*/
/*-------------------------------------*/
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    
}
html,
body{
    background-image: url(img/background.png);
    color: #000;
    font-family: 'lato' , 'arial' , sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-rendering: optimizeLegibility;

}

img,h1,h2,h3,h4,h5{
  user-select: none;
}

.clearfix{zoom: 1}
.clearfix:after{
    content: '.';
     clear: both;
    display: block;
    height: 0;
     visibility: hidden;
}
.row{
    max-width: 1140px ;
    margin: 0 auto ;
    background-color: #fff;
        border-left: 1px solid #e67e22;
        border-right: 1px solid #e67e22;
}

/*-----------------------------*/
/*----------header----------*/
/*-----------------------------*/

/*-----------nav-bar------------*/
.head-of-nav-logo{
    display: block;
    height: 100px;
    width: 100%;
}

.line{
  height: 50px;
    width: 100%;
  background-color: #c9c9c9;/*lel ezhar fkt*/ 
    box-shadow:
        inset 0 0 2px 0 rgba(255,255,255,.4),
        inset 0 0 3px 0 rgba(0,0,0,.4),
        inset 0 0 3px 5px rgba(0,0,0,.05),
        2px 2px 4px 0 rgba(0,0,0,.25);
}

.curve-logo{
    width: 100px;
    height: 40px;
    border-bottom-left-radius: 42px;
    border-bottom-right-radius: 42px;
    border: 1.25px solid gray;
    border-top: 0;
    top: 50px;
    margin: 0 0 0 25px;
    position: relative;
    background-color: #c9c9c9;
    box-shadow: inset 0 0 2px 0 rgba(255,255,255,.4), inset 0 0 3px 0 rgba(0,0,0,.4), inset 0 0 3px 5px rgba(0,0,0,.05), 2px 2px 4px 0 rgba(0,0,0,.25);
    z-index: +1;
  
}

.curve-logo img{
    height: 100px;
    width: auto;
    position: absolute;
    top: -40px;
   
}

.nav-bar-english,
.nav-bar-arabic{
    margin: 0;
    display: block;
}

.nav-bar-english ul,
.nav-bar-arabic ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-bar-english > li,
.nav-bar-arabic > li{
    list-style: none;
    float: right;
   margin: 10px 5px 0 0;
    vertical-align: top;
    position: relative;
    width: 140px;/* li 3rdo 150px*/
}

.nav-bar-english > li >a,
.nav-bar-arabic > li >a{
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    display: block;/*3mltaha kda 3shan tmla hight 100% we el width 100%*/
    text-align: center;
    background-color: rgba(252, 214, 88, 0.72);
    border: 2px solid rgba(252, 214, 88, 0.72);
    border-radius: 5px;
    color: #000;
    font-size: 100%;
    transition: all ease-in-out 1s;
}

.nav-bar-english li a:hover,
.nav-bar-arabic li a:hover{ /*mlhash lazma 3shan fe trick 3mltha fe line 136*/
    background-color: #fcd658;
    border: 2px solid #ffc400;
}

.sub-nav-bar{
    display: none;
    position: absolute;
    top: 34px;
    right: -90px;
   /* height: 145px; */
    /* width:329px; 3mltlo width 3shan ybko 2column a=>120px li|margin=>10px */
    width:425px; 
    background-color: #fff;
  outline: 2px solid #000;   
}
.sub-nav-bar >li{
   margin: 5px 0 5px 30px;
    float: left; 
}

.sub-nav-bar > li > a{
    border: 2px solid #000;
    font-size: 85%;
    color: #000;
    display: block;
    text-align: center;
    /* width: 120px; */
    width: 170px;
    height: 25px !important;
    line-height: 25px;
    text-decoration: none;
    
}

.sub-nav-bar-1{
    display: none;
    position: absolute;
    top: 0px;
    left:320px; /* 3shan el sub-nav-bar => width=> 260px;*/  
    background-color: #fff;
    height: 200px;
    width: 260px;
}


.sub-nav-bar-1 > li > a{
 
    border: 2px solid #000;
    width: 120px;
    display: block;
    float: left;
    text-align: center;
    color: #000;
     margin: 3px;
    font-size: 70%;
   
}

.nav-bar li > a{
      transition: all ease-in-out 1s;
}
.nav-bar li:hover > a{
    background-color: #fcd658;
      border: 2px solid #ffc400;
}





 .nav-bar li:hover .sub-nav-bar{
    display: block;
}

.nav-bar li:active .sub-nav-bar{
    display: block;
}


.sub-nav-bar li:hover .sub-nav-bar-1{
    display: none;
} 


.headline img {
    width: 75%;
    height: 100%;
}
/*-----------sub-nav-bar------------*/

/*-----------banner-ticker------------*/

.headline{
    display: flex;
    margin: 2% auto;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.headline img{
    border: 1px solid  #e67e22;
}



.uptick{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;

}

.announce1-br,.contact-br , .announce1-br-2{
    border: 1px solid  #e67e22;
    background-color: #e67d228c;
    padding: 0 1%;
    color: black;
    text-align: center;
}

.contact-br > a{
    color: #000;
}

.contact-br a span{
    color: red;
    text-decoration: underline;
    font-weight: 900;
}
.fixobixo{
    position:fixed;
    top: 0;
    z-index: 1000;
    max-width: 1140px; /* m2as el row  */
}





/*line- news*/
/* liScroll styles */




:root {
    --ticker-bg-color: #f8f9fa;
    --ticker-border-color: #dee2e6;
    --ticker-text-color: #495057;
    --ticker-link-color: #ff0000;
    --ticker-link-hover-color: #0056b3;
    --ticker-date-color: #6c757d;
    --ticker-font-family: "Inter", sans-serif;
    --ticker-font-size: 14px;
    --ticker-height: 40px;
    --ticker-padding: 10px;
    --ticker-item-padding: 25px; /* Horizontal padding between items */
    --ticker-control-bg: #6c757d;
    --ticker-control-color: #fff;
    --ticker-control-hover-bg: #5a6268;
}


.ticker-wrapper {
    max-width: 800px; /* Match ticker container max-width */
    margin: 20px auto; /* Center the whole component */
}

.tickercontainer { /* Outer container */
    border: 1px solid var(--ticker-border-color);
    background: var(--ticker-bg-color);
    width: 100%; /* Take full width of wrapper */
    height: var(--ticker-height);
    /* margin: 20px auto; /* Removed, handled by wrapper */
    padding: 0 var(--ticker-padding);
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    box-sizing: border-box;
    position: relative; /* Needed for mask positioning */
}

.tickercontainer .mask { /* Masking div */
    position: absolute; /* Position relative to container */
    left: var(--ticker-padding);
    right: var(--ticker-padding);
    top: 0;
    bottom: 0;
    overflow: hidden;
}

ul.newsticker { /* The scrolling list */
    position: absolute; /* Position relative to mask */
    top: 0;
    bottom: 0;
    /* left is controlled by JS */
    font-family: var(--ticker-font-family);
    font-size: var(--ticker-font-size);
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Vertically center items */
    /* Width is set dynamically by JS */
}

ul.newsticker li {
    float: left; /* Kept for JS width calculation compatibility */
    margin: 0;
    /* Padding controls the gap, adjusted in JS settings too */
    padding: 0 var(--ticker-item-padding);
    background: transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%; /* Ensure li takes full height for vertical alignment */
    color: var(--ticker-text-color);
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0 5px;
    color: var(--ticker-link-color);
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

ul.newsticker a:hover,
ul.newsticker a:focus { /* Added focus style */
    color: var(--ticker-link-hover-color);
    text-decoration: underline;
    outline: 2px solid var(--ticker-link-color); /* Basic focus indicator */
    outline-offset: 2px;
}

ul.newsticker span { /* Style for the date/time */
    margin-right: 8px;
    color: var(--ticker-date-color);
    font-size: 0.9em;
}

/* --- Ticker Controls --- */
.ticker-controls {
    text-align: right; /* Position controls */
    margin-top: 8px;
}

.ticker-controls button {
    background-color: var(--ticker-control-bg);
    color: var(--ticker-control-color);
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    transition: background-color 0.2s ease-in-out;
}

.ticker-controls button:hover,
.ticker-controls button:focus {
    background-color: var(--ticker-control-hover-bg);
    outline: 2px solid var(--ticker-control-bg); /* Basic focus indicator */
    outline-offset: 2px;
}

/* --- Responsive Adjustments --- */

/* Medium screens (e.g., tablets) */
@media (max-width: 768px) {
    :root {
        --ticker-font-size: 13px;
        --ticker-height: 38px;
        --ticker-padding: 8px;
        --ticker-item-padding: 20px;
    }
    .ticker-wrapper {
        width: 95%; /* Slightly wider on smaller screens */
    }
}

/*---------------------------------*/
/*skdslider*/
/*---------------------------------*/
.skdslider{
    height:400px !important; 
}


.skdslider .slide-desc{
    width: 50%;
    height: 50%;
}
.slide-desc p{
    padding: 5% 0;
    text-align: center;
   
}
.slide-desc a{
    display: block;
    color: #fff !important;
    font-size: 14pt;
    padding: 3%;
    width: 25%;
    margin: 10px auto;
}




/*---------------------------------*/
/*heading*/
/*---------------------------------*/
h1{
    font-family: sans-serif;
   color: #000;
    margin: auto 0;
    text-align: center;
    font-size: 175%;
    font-weight: 500;
   line-height: 120%;
 
}

span{
    font-weight: 600;
    font-size: 100%;

    
}


h2.htwo-sec-arabic,
h2.htwo-sec-english{
    display: flex;
    justify-content: space-around; 
    align-items: center; 
    height: calc(410px * 12 / 100);
    font-weight: 300;
    text-align: center;
    /* margin: 5px 0 2px 0;  */
     color: #000;
    white-space: wrap;
    /* padding: 2px; */
}

h2.htwo-sec-arabic{
    font-size: 120%;
}

h2.htwo-sec-english{
    font-size: 100%;
}

h3{
    width:100%;
    text-align: center;
    font-size: 150%;
    display: block;
}

h3:after{
    display: block;
    content: " ";
    height: 2px;
    width: 85px;
    background-color: #e67e22;
    margin: 0 auto;
    margin-top: 20px;
}

h4{
    display: inline-block;
/*    position: absolute;*/
    text-align: center;
margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
    font-size: 100%;  
     color: #000;
    font-weight: 400;
    height: 38px;
    
}
h4:after{
    display: block;
    content: " ";
    width:50%;
    height: 2px;
   background-color: #e67e22;
   margin: 5px auto 0 auto;   
}

/*---------------------------------*/
/*side-bar*/
/*---------------------------------*/

/* contain-tick-uptick contain-tick-uptick-eng fixobixo
JS هتتغير
style هتتغير


*/

/* .contain-tick-uptick-english,
.contain-tick-uptick-arabic{

} */

.contain-tick-uptick-english .uptick .announce1-br-2,
.contain-tick-uptick-english .uptick .announce1-br{
    display: none;
}

.contain-tick-uptick-english .uptick .contact-br{
text-align: center;
}

.side-container-english,
.side-container-arabic{
    display: block;
    border: 2px solid #e67e22;
    margin-top: 70px;
    width: 100%;
}



.sidebar-container-english ul{
    font-size: 75%;
    font-weight: 500 ;
    
}

.sidebar-container-arabic ul{
    font-size: 90%;
    font-weight: 500 ;
}


.side-container{
  display: block;
  border: 2px solid #e67e22;
   margin-top: 70px;
    width: 100%;
}


.side-bar{
    display: inline-block;
    padding: 0px;
    width:100%;
    margin: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.46);

}

.side-bar li{
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.71);
    border-bottom: 1px solid #ccc;
    height: 40%;
   line-height: 40px;
    position: relative;
    font-weight: 100;
    transition: all ease-in-out 1s;
}

.side-bar li:last-child{
    border: none;
}

.side-bar li:hover{
    background-color: #adadad;
    left: 5px;
     border-right: 2px solid #e67e22;
}


.side-bar a{
    text-decoration: none;
    color: #fff ;
    font-weight: 100;
    display: block;
}

.img-slider{
    height: 450px;
    width: auto;
}

/*----------4-1-2020--------*/
.hide-new-section a{
    display: none !important;

}
.hide-new-section{
     width: 0 !important;
     display: none !important;
}



/*----------------------------*/
.banner-for-display{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 440px;
  

}
.banner-for-display img{
    width: 100%;
}
iframe{
    width: 100%;
    margin-top: 0;
   
  
}
/*---------------------------------*/
/*sections*/
/*---------------------------------*/


.part-1 a{
    text-decoration: none;
    color: #000000;
}


.part-1{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
   color: #fff;
   border-radius: 5%;
    text-align: center;
    justify-content: space-evenly;
    
}


.main-pic{
    display: block;
    height: calc(410px * 56 / 100);
    width:calc(410px * 56 / 100);
    background-color: #000;
    border: 2px solid #cf6d17;
       border-radius: 15px;
    margin: 0 auto;
   
}


.details{
    display: flex;
    justify-content: space-around; 
    align-items: center; 
    height: calc(410px * 16 / 100);
    color: #000;
    margin: 0 auto;
    padding: 0 2px 0 2px;
}

.arabic-section-page .part-1 .details{
    font-size: 90%;
}

.english-section-page .part-1 .details{
    font-size: 80%;
}

.btn{
    max-width:80%;
    padding: 5% 10%;
    background-image: url(img/btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   display: inline-block;
    margin: 2% 0;
    font-size: 100%;
    border-radius: 5px;
}

.arabic-section-page,
.english-section-page{
    display: flex;
    flex-wrap: wrap;
}

.arabic-section-page .part-1{
    height: 425px; 
}

.english-section-page .part-1{
    height: 500px; 
}

.arabic-all-sections,.english-all-sections{
    display: flex;
    width: 100%;
    flex-wrap:wrap;
}

.arabic-one-section,.english-one-section{
    display: flex;
    width: 50%;
    height: 675px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}



.arabic-one-section a,.english-one-section a{
 text-decoration: none;
 color: black;
}

.arabic-one-section > P, .english-one-section > P{
    display: flex;
    align-items: center;
    font-size: 1vw;
    padding: 0 15px;
    text-align: center;
    /* overflow: scroll; */
}

.arabic-one-section > h2,.english-one-section > h2{
    display: flex;
    align-items: center;
    padding: 0 15px;
    text-align: center;
     /* overflow: scroll; */
}

.image-container {
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
  border: 2px solid #333;
}

.image-container a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; /* منع التفاعل مع جميع الروابط */
}

.image-container a.active {
  pointer-events: auto; /* تفعيل الرابط الحالي فقط */
}

.animated-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 1s ease, transform 1.5s ease;
}

.active {
  opacity: 1 !important;
}

.stretch-left {
  transform: scaleX(0);
  transform-origin: left;
}
.stretch-top {
  transform: scaleY(0);
  transform-origin: top;
}
.stretch-center {
  transform: scale(0);
  transform-origin: center;
}
.rotate-in {
  transform: rotate(-360deg);
  opacity: 0;
}
.scale-flip {
  transform: scaleX(-1) scale(0);
  opacity: 0;
}



/*---------------------------------*/
/*footer*/
/*---------------------------------*/

.main-footer{
    display: flex;
    background-color: #000;
    width: 100%;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.main-footer > a{
    display: none;
}
.fb{
    display: none;
    height: 25px;
    width: auto;
    float: right;
    margin: 10px 5px;
}

.main-footer ul{
  color: #ce5f00;
    display: block;
    margin: 5px 0;
   font-size: 90%;
    list-style: none inside;
    float: left;
}
.main-footer li{
    margin: 5px;
    display: inline-block;
}
.main-footer li a{
    color: #cf6d17;
}

.main-footer p{
    color: #a2a2a2;
    font-size: 75%;
    margin: 0 10px;
    padding: 5px 0;
}
.main-footer a{
    text-decoration: none;
    text-transform:uppercase;
    color: #fff;
    margin-left: 4px;
}

/*---------------------------------*/
/*INTERNAL-PRDUCT*/
/*---------------------------------*/
.arabic-proudct-page,
.english-proudct-page{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.container{
    width: 50%;
    display: flex;
    justify-content: center;
}
.large-5{
    width: 100%;
}
.title-of-product{
    display:block;
    width: 70%;
     margin: 0 15%;

    
}
.title-of-product:after{
    display: block;
    content: " ";
    height: 2px;
    widows: 25%;
    background: #ce5f00;
    margin-top: 10px;
}

#magnific{
    display: block;
    margin-top: 10%;
}

#magnific .row{
    border: 0;
}

.xzoom-gallery5{
    margin: 10px 0 0 0 ;
    padding: 0;
     user-select: none;
    outline: none;
    
}

.xzoom-thumbs {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.parent-details-english,
.parent-details-arabic{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
    flex-wrap: wrap;
    background-image:linear-gradient(rgba(255, 255, 255, 0.69), rgba(255, 255, 255, 0.69)), url(img/outer-logo-2.png);
     background-size: 100% ;
     background-position-y: center;
    background-repeat: no-repeat;
    height: 500px;
    width: 50%;
    line-height: normal;
    overflow: hidden;
}
.parent-details-arabic::after{
    content: '';
    clear: both;
}

.parent-details-english::after{
    content: '';
    clear: both;
}




div.parent-details-english div.deta,
div.parent-details-english div.details-section > div {
    float: left;
    direction: ltr;
}

div.parent-details-arabic div.deta,
div.parent-details-arabic div.details-section > div {
    float: right;
    direction: rtl;
}
.deta{
    display: flex;
    flex-direction: column;
    font-size: 0.95em;
    height: 75%;
    width: 80%;
    user-select: none;

}



.deta span{
    font-style: italic;
    font-weight: 100;
    font-family: 'Changa';

}

.details-section{
    padding: 0;
}
.details-section  div {
    display: block;
    float: right;
    font-family: 'Changa';
    font-size: 85%;

}

.details-section >p{
    font-family: 'Changa';
    margin-bottom: 0;
    display: inline-block;
    width: 90%;
    font-size: 85%;
}
h2.htwo-proud-arabic,
h2.htwo-proud-english{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ce5f00;
    white-space: wrap;
    height: calc(230px - 171px);
    font-size: 110%;
}
.slide-area-title{
    display: block;
    color: #fff;
    background-color: #000;
}


.jd-slider{
    height: calc(440px * 59.091 / 100); /*440px container Height For jdslider(260px) & iframe Facebook(180px)*/
} 

.jd-slider .slide-inner{
    height: calc(260px - 30px);
}

.controller{
    margin-top: 1px;
}

.mod-live{
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    padding: 5px;
   
}

h6{
    display: inline-block;
    border: 2px solid #000;
    width:50%;
    margin: 3px 25%;
}

.mod-live > a{
    display: inline-block;
/*    height: 40px;*/
    width: 75%;
    margin: 0 12.5%;
    line-height: 40px;
    border-radius: 10px;
    transition: all 1.5s ease;
    background-color: rgba(252, 214, 88, 0.72);
    border: 2px solid rgba(252, 214, 88, 0.72);
}

.mod-live > a:hover{
     background-color: #fcd658;
      border: 2px solid #ffc400;
}



/*---------------------------------*/
/*contact-form*/
/*---------------------------------*/
form{
    width: 100%;
}

form .row{
    margin: 0 !important;
    width: 100%;
}
.call-us{ 
    border: 1px solid #ddd; 
}

input,textarea{
    width:75%;
    margin-right: 0px;
    display: inline-block;
    direction: rtl;
    text-align: center;
  
}

.contact-page-english,
.contact-page-arabic{
    text-align: center;
}

.contact-page-english div,
.contact-page-arabic div{
    /* float: right;
    direction: rtl; */
    margin-bottom: 10px;
    margin-top: 10px;
}

.contact-page-english:before,
.contact-page-arabic:before{
    content: "";
    display: block;
    height: 1.5px;
    width: 35%;
    background-color: #ce5f00;
    margin: 0 auto;
}

.contact-page-arabic div{
    float: right;
    direction: rtl;
}
.contact-page-english div{
    float: left;
    direction: ltr;
}

.info-user{
    display: inline-block;
    font-size: 15px;
    color: #ce5f00;
    margin: 0 50px 0 0;  
}

input[type=submit]{
   width: 25%;
    display: block;
    margin: 0 auto;
}

fieldset{
    width: 100%;
    display: inline-block;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;

}

legend{
    text-align: center;
    border: 1px groove  #ddd;
    width: 25%
    
}

/*---------------------------------*/
/*Why-MisrAlamna*/
/*---------------------------------*/
.why-misr-alamna{
    display: block;
    margin-top: 10px;
    float: right;
  
}


.why-misr-alamna p{
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 120%;
    
}

.why-misr-alamna p span{
    display: block;
}
.contact-us-2 {
    display: block;
/*    float: right;*/
    direction: rtl;
      padding: 50px;
    background-image:linear-gradient(rgba(255, 255, 255, 0.42),rgba(255, 255, 255, 0.81)),url(img/inner-logo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    
   
}

 .contact-us-2 > a{
    color:blue;
    font-weight:bold; 
     padding:10px; 
    border: 1px solid ;
     background-color:#fff;
}

.time-work{
    color:blue;
    font-weight:bold;
}

.contact-us-2 > p{
    display: block;
   padding: 20px 30px;
    line-height: 25px;
}

/*---------------------------------*/
/*massage-front*/
/*---------------------------------*/
.mo2kt,.mo2kt p:nth-child(1){
    display: none;  
    border: 1px solid  #e67e22;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    height: 100vh;
    z-index: +1000;
    background-color: #fff;
width: 1140px;
   

}

.mo2kt > img{
    display: block;
    margin: 0 auto;
    height: 600px;
    width: 600px;
}

.mo2kt > p{
    padding: 15px;
    background-color: #ddd;
    border: 1px solid  #e67e22;
    font-size: 150%;
    color: #ff0080;
}

.mo2kt .btn{
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
}

.mo2kt p:nth-child(1){
    color: red;
    height: 100vh;
  background-color: #fff;
    line-height: 500px;
}

/*---------------------------------*/
/*English Pages*/
/*---------------------------------*/
.nav-bar-english{
    font-size: 85%;
    font-weight: 500 ;
}

.nav-bar-english ul{
    font-size: 90%;
    font-weight: 500 ;
}