@import url(bootstrap.min.css);
@import url(font-awesome.css);


/*:root {
  --yellow-: #FFCC00;
  --color-2: #4c6edb;
  --color-3: #24aad8;
  --color-4: #1ac7c2;
  --color-5: #1ddea3;
}*/

html,
body {
  background-color: #fff;
  color: #7a7878;;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

.heightapp {
  min-height: 100vh;
}

[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif !important;
}

[dir="rtl"] .nav {
  padding-right: 0;
}

header  {
  display: inline-block; width: 100%; background: #fff; height: 90px; position: relative; z-index: 8; vertical-align: top;
  direction: ltr;
  
}

.banner  {
  display: inline-block; width: 100%; background: url(../../images/slider.jpg) center no-repeat; position: relative;
  background-size: cover; height: calc(100vh - 156px);
  overflow: hidden;
}

.banner::before {
  position: absolute; z-index: 1; content:''; width: 50%; height: 100%; top:0; right:0; 
  background: linear-gradient(117.52deg, rgba(0, 0, 0, 0.5) 0%, rgba(85, 10, 13, 0.5) 63.16%, rgba(186, 3, 10, 0.5) 100.55%);
backdrop-filter: blur(8.5px);}

.homebanner   {
  position: relative; z-index: 2; transform: translateY(25%);
}



.menu-holder  {
  display: inline-block; width: 100%; padding-top: 5px; padding-bottom: 5px; background: #ED1B23;
}

a.slider-fill  {
  display: inline-block; font-weight: 600; height: 50px; line-height: 50px; border: 1px #fff solid; padding: 0 25px; background: #fff; color: #ED1B23 !important; text-decoration: none !important;
}

a.slider-fill:hover  {
  background: #ED1B23; color: #fff !important;  border: 1px #ED1B23 solid;
}

a.slider-line  {
  display: inline-block; font-weight: 600; height: 50px; line-height: 50px; margin-right: 15px; border: 1px #fff solid; padding: 0 25px; background: none; color: #fff !important; text-decoration: none !important;
}

a.slider-line:hover  {
  background: #ED1B23; color: #fff !important; border: 1px #ED1B23 solid;
}

a.link-red  {
  display: inline-block; font-weight: 600; height: 50px; line-height: 50px; border: 1px #ED1B23 solid; padding: 0 25px; background: #ED1B23; color: #fff !important; text-decoration: none !important;
}


a.link-thin  {
  display: inline-block; font-weight: 600; height: 50px; line-height: 50px; margin-right: 15px; border: 1px #777 solid; padding: 0 25px; background: none; color: #666 !important; text-decoration: none !important;
}

a.link-thin:hover  {
  background: #ED1B23; color: #fff !important; border: 1px #ED1B23 solid;
}

.banner h3  {
  font-size: 32px; color: #fff; position: relative; padding-right: 50px; margin-bottom: 20px;
}

.banner h3::before  {
content: ''; width: 40px;   height: 40px; position: absolute; top:0; right:0; background: url(../../images/white-icon.png) center no-repeat;
background-size: 100%;  }

.title-sections   {
   font-size: 25px; color: #000; padding-top: 18px;
}

.title-sections span   {
  position: absolute; top:-8px; right:0; font-size: 15px; color: #000; padding: 0;
}


.banner h6  {
font-size: 18px; line-height: 28px; color: #fff; max-width: 90%;
}

.banner img  {
  left:-38px; position: relative; max-width: 98%;
  }


.w-bg  {
  display: inline-block; width: 100%; background: #fff;
}

.w-light  {
  display: inline-block; width: 100%; background: rgba(229, 198, 115, 0.05);
}

.gray-bg  {
  display: inline-block; width: 100%;  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(230, 198, 115, 0.05) 100%);
}

.grdiant-bg  {
  display: inline-block; width: 100%;  background: linear-gradient(180deg, rgba(230, 198, 115, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

footer  {
  display: inline-block; width: 100%; background: #FCFCFC; padding-top: 50px; padding-bottom: 50px; position: relative;
}

footer img {
  max-width: 180px;
  
}

.whitefooter  {
  border-radius: 10px; background: #FCFCFC; position: relative; z-index: 2; padding:0; display: inline-block; width: 100%;
}

ul.social-media   {
  display: inline-block; width: 100%; padding: 7px 0 0; margin: 0; text-align: right;
}

ul.social-media li  {
  display: inline-block; margin-right: 10px; list-style: none;
}

ul.social-media li a   {
  display: inline-block; text-align: center; font-size: 14px;  width: 32px; background: #f9f9f9; color: #777 !important; height: 32px; border-radius: 50%; text-decoration: none;
}

ul.social-media li a i  {
  display: inline-block; height: 32px; line-height: 32px;
}

ul.social-media li a:hover   {
   color: #fff !important; background: #A3854F;
}

.logo   { display: inline-block; margin-top: 12px;}
.logo img  { width: 200px;}



a.whitelink    { display: inline-block; height: 40px; line-height: 37px; padding: 0 32px; background: #fff; text-decoration: none !important; border: 1px #fff solid; border-radius: 8px; color:#2aacb2 !important; font-weight: 600; font-size: 16px; 
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }

  a.bluelink    { display: inline-block; height: 40px; line-height: 37px; padding: 0 32px; background: #2aacb2; text-decoration: none !important; border: 1px #2aacb2 solid; border-radius: 8px; color:#fff !important; font-weight: 600; font-size: 16px; 
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); }
    
a.whiteborder   { display: inline-block; height: 40px; line-height: 37px; padding: 0 32px; background: transparent; text-decoration: none !important; border: 1px #fff solid; border-radius: 8px; color:#fff !important; font-weight: 600; font-size: 16px; }


.text-left    { text-align: left; }

.servic-block  {
  display: inline-block; width: 100%; background: #fff; border-radius: 15px; 
  box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.03); padding: 30px;
}

.servic-block img {
  max-height: 85px; margin-bottom:20px;
}

.servic-block h4 {
  display: inline-block; width: 100%; color: #000; font-weight: 700; font-size: 20px; margin-bottom: 12px;
}

.servic-block p {
  display: inline-block; width: 100%; margin-bottom: 0;
}

a.whiteapp   {
  display: inline-block; box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%); 
  border: 1px #fff solid; border-radius: 8px;
  color: #000 !important; text-decoration: none !important;
  font-weight: 600; height: 48px;
  line-height: 45px;
  padding: 0 20px;
}

a.whiteapp svg   {
  transform: scale(1.2); color: #2aacb2 !important; margin-left: 5px;
  -webkit-transform: scale(1.2);
}

a.whiteapp:hover   {
  background: #2aacb2; color: #fff !important; border: 1px #2aacb2 solid;
}

a.whiteapp:hover svg   {
color: #fff !important;
}

ul.checklist  {
  display: inline-block; width: 100%; padding: 0; margin: 0 0 40px;
}

ul.checklist li  {
  display: inline-block; width: 44%; padding: 0 40px 10px 0; margin: 0 0 12px; position: relative;
  color: #000; font-size: 20px; font-weight: 600;
}

ul.checklist li::before {
  position: absolute; right:0; top:2px; width: 26px; height: 26px; 
  content: ''; background: url(../../images/cild-icon.svg) center no-repeat;
  background-size: 100%;
}

ul.normallist  {
  display: inline-block; width: 100%; padding: 0; margin: 0 0 40px;
}

ul.normallist li  {
  display: inline-block; width: 100%; text-align: center; margin: 0 0 15px; font-size: 18px; color: #000; font-weight: 600;
}


.titlfooter  {
  display: inline-block; width: 100%;
  font-size: 18px; font-weight: 800; color: #000; margin-bottom: 22px;
}

.eubfooter  {
  display: inline-block; width: 100%;
  font-size: 18px; color: #000; margin-bottom: 22px;
}

ul.listfooter  {
  display: inline-block; width: 100%; padding: 0; margin: 0;
}

ul.listfooter li  {
  display: inline-block; width: 138px; list-style: none; margin: 0 0 15px;
}

ul.listfooter li a  {
  display: inline-block; width: 100%; padding: 0 14px 0 0; position: relative; color: #000 !important; font-size: 14px; text-decoration: none !important;
}

ul.listfooter li a::before  {
  position: absolute; right:0; top:0; font-family: FontAwesome; font-size: 18px; content: "\f104";
}

ul.listfooter li a:hover  {
   color: #ED1B23 !important; 
}

.titlecov  {
  display: inline-block; width: 100%; padding: 0; position: relative; color: #000;
}

.titlecov a  {
  display: inline-block; color: #ED1B23 !important; font-size: 16px; text-decoration: none !important;
}

.titlecov a:hover {
  color: #000 !important; 
}



.menu-msndam button  {
  width: 70px; height: 54px; background: url(../../images/menu-icon.png) center no-repeat; position: absolute; left:0; top:0;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.menu-msndam button.show  {
  top: -54px;
}

.menu-msndam .dropdown-menu  {
  background: rgb(208, 169, 98, 0.8); width: 240px; border-radius: 0; padding-top: 20vh; inset:unset !important; position: fixed !important; top:-100vh !important; left:0 !important; height: 100vh;
  transform: translateX(123) translateY(0) !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.menu-msndam .dropdown-menu::before  {
  position: absolute; content: "\f102"; top:0; left:0; width: 100%; height: 32px; line-height: 32px; text-align: center;
  font-family: FontAwesome; color: #a2895d; font-size: 18px; cursor: pointer;
  background: rgba(208, 169, 98, 0.15);
  box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.1);
}

.menu-msndam .dropdown-menu.show  {
  top:0 !important;
   transform: translateX(0) translateY(0) !important;
}

.menu-msndam .dropdown-menu li  {
margin-bottom: 20px; min-height: 40px;
}

.menu-msndam .dropdown-item  {
  color: #fff; font-weight: 600; text-align: center;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.menu-msndam .dropdown-item:focus, .menu-msndam .dropdown-item:hover  {
    color: #fff; background-color: transparent; font-size: 20px;
}

.menu-msndam .btn.show, .menu-msndam .btn:first-child:active  {
  border-width: 0 !important;
}

.menu-msndam .dropdown-toggle::after  {
display: none;
}

.msandam-tabs .nav-tabs  {
  border: none !important;
}

.msandam-tabs .nav-tabs .nav-link  {
 color: #000; font-size: 17px; height: 52px; line-height: 52px; padding: 0 50px; margin: 0 10px; border-radius: 0; border: none !important;
  box-shadow:4px 4px 12px rgb(163 133 79 / 10%);
}

.msandam-tabs .nav-tabs li:first-child  {
   margin: 0 0 0 10px;
 }

.msandam-tabs .nav-tabs .nav-item.show .nav-link, .msandam-tabs .nav-tabs .nav-link.active {
   color: #fff; background: #ED1B23; padding: 0 100px;
}

.msandam-tabs .nav-tabs .nav-link:hover  {
 color: #ED1B23;
}

.msandam-tabs .nav-tabs .nav-item.show .nav-link:hover, .msandam-tabs .nav-tabs .nav-link.active:hover {
  color: #fff; 
}

.invest-home  {
  display: inline-block; width: 100%; padding: 0 200px 0 0; margin: 0 0 30px; min-height: 110px; position: relative;
}

.img-investhome  {
  position: absolute; right:0; top:0; border-radius: 5px; background: #fcfcfc url(../../images/bg-article.jpg) center no-repeat;
  width: 175px; height: 110px; overflow: hidden;
}

.img-investhome img {
  position: absolute; top:50%; left:50%; min-width: 100%; min-height: 100%; max-width: 120%; z-index: 1;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.img-investhome a {
  position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 2;
}

a.link-investhome  {
  font-size: 16px; color: #ED1B23 !important; text-decoration: none !important;
}

a.link-investhome:hover  {
  color: #000 !important; 
}

.text-investhome  {
  display: inline-block; width: 100%; font-size: 16px; color: #787878; line-height: 22px;
}

.gold-title  {
  font-size: 20px; color: #ED1B23; margin: 20px 0 15px;
}

.tab-content  {
  background: #fff; padding: 10px 25px; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%); margin: 30px 0 0;
}

.invetchance  {
 display: inline-block; position: relative; padding: 20px; margin: 0 0 25px; width: 100%; background: #fff; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%);
}

a.link-investchance  {
  font-size: 16px; color: #ED1B23 !important; text-decoration: none !important; display: inline-block; max-width: calc(100% - 60px);
}

a.link-investchance:hover  {
  color: #000 !important; 
}

a.arrow-chance   {
  position: absolute; top:20px; left:20px; color: #ED1B23 !important; font-size: 20px;
}

a.arrow-chance:hover  {
  color: #000 !important; 
}

.caruslholder {
  float: right;
  width: 100%;
  direction: ltr;
  position: relative;
  z-index: 4;
}

.img-newshome  {
  display: inline-block; width: calc(100% - 20px); margin-right: 10px; position: relative; overflow: hidden; height: 200px; overflow: hidden; margin-bottom: 15px;
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%);
}

.img-newshome img {
 position: absolute; top:50%; left:50%; min-width: 100%; min-height: 100%; max-width: 120%;
 transform: translateX(-50%) translateY(-50%); z-index: 1;
 -webkit-transform: translateX(-50%) translateY(-50%);
}

.datenewshome   {
  display: inline-block; font-size: 15px; color: #000; margin: 0 0 10 0;
}

.viewerhome   {
  display: inline-block; font-size: 15px; color: #000; position: relative; padding: 0 40px 0 0; margin: 0 10px 10px 0; border-right: 1px #bfbebd solid;
}

.viewerhome::before   {
position: absolute; right:10px; top:2px; content: ''; width: 20px; height: 12px;
background: url(../../images/viewsers.svg) center no-repeat;}

.mewshomeblock  {
  direction: rtl;
}

.mewshomeblock a {
  position: absolute; z-index: 2; background: #fff; top:130px; color:#ED1B23 !important; height: 48px; line-height: 48px; 
  font-size: 16px; text-align: center; font-weight: 600; width: 150px; text-decoration: none !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
 }

 .mewshomeblock a:hover {
  width: 200px;
 }

 .mewshomeblock h3 {
  display:inline-block; width: 100%; margin: 0 0 15px; color: #000 !important; font-size: 17px; font-weight: 600; line-height: 24px; }

.text-newshome  {
  display: inline-block; width: 100%; 
  font-size: 15px;
  color: #787878;
  line-height: 20px;
  }

  .partnersstuff  {
    display: inline-block; width: 100%; min-height: 300px; position: relative; overflow: hidden; padding-bottom: 120px;
  }

  .partnersstuff::before  {
position: absolute; top:50%; left: 50%; content: 'الأشخاص المؤثرة'; font-size: 100px; text-align: center; color: #f7f6f4; width: 100%; z-index: 0;
transform: translateX(-50%) translateY(-50%);  }

.partnersstuff::after  {
  position: absolute; content: ''; bottom:-130px; left:0; width: 100%; height: 100%; background: url(../../images/lines.svg) center bottom no-repeat; }




ul.govrnrat-feather  {
  display: inline-block; width: 100%; margin: 0; padding: 0;
}

ul.govrnrat-feather li  {
  display: inline-block; width: 100%; margin: 0 0 20px; padding: 0 15px 0 0; position: relative; list-style: none; font-size: 16px; color: #000;
}

ul.govrnrat-feather li::before  {
position: absolute; content: ''; right:0; top:0; width: 2px; height: 100%; background: #d7d6d3; }

.home-slider  {
  display: inline-block; width: 400px; height: 400px; overflow: hidden; position: relative;
  box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
}

.home-slider img {
position: absolute; top:50%; left:50%; min-width: 100%; min-height: 100%; max-width: 120%; transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%); }

.strip  {
  padding-right: 50px;
}

.strip::before {
  width: 40px; height: 40px; background: url(../../images/logo-footer.png); content: ''; position: absolute; top:15px; right:0;
  background-size: 100%;
}

.parteners  {
  display: inline-block; width: 100%; text-align: center; max-width: 200px;
}

.parteners img  {
  width: 100%; text-align: center; margin-bottom: 0;
}

.parteners h4  {
  width: 100%; font-size: 15px; color: #000;
}



 img.img-town {
position: relative; width: 190px; height: 190px; display: inline-block; position: relative; margin-bottom: 3px; margin-left: 25px; z-index: 2;
}

.cyrcildots  {
  position: absolute; width: 100%; height: 100%; z-index: 1; top:0; left:0
}

.cyrcildots::before  {
  position: absolute; content: ''; width: 170px; height: 140px; background: url(../../images/dot-box.svg) center no-repeat;
  background-size: 100%; top:0; left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%); margin-left: -30px;
}

.cyrcildots::after  {
  position: absolute; content: ''; width: 120px; height: 120px; background: none;
  background-size: 100%; top:50px; left:50%; border: 1px solid rgba(0, 0, 0, 0.25);
transform: translateX(-50%); border-radius: 50%;
-webkit-transform: translateX(-50%); margin-left: 30px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.red-theme  {
  position: absolute; z-index: 3; width: 44px; height: 44px; border-radius: 50%; text-align: center; background:#ED1B23 url(../../images/white-icon.png) center no-repeat; 
  background-size: 24px; top:0; left:50%; 
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); margin-left: 40px;
}



.town-title  {
  color: #000; font-size: 18px; font-weight: 600;
} 

.town-slogan  {
  color: #000; font-size: 15px;
}

.img-eventhome  {
  display: inline-block; width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 10px; margin-bottom: 8px;
}

.img-eventhome img  {
position: absolute; top:50%; left:50%; z-index: 1; min-width: 100%; min-height: 100%; max-width: 120%; width: auto !important;
transform: translateX(-50%) translateY(-50%);
}


.img-eventhome::after  {
  position: absolute; z-index: 3; content: "\f04b"; top:50%; left:50%; color: #fff; font-size: 24px;
  transform: translateX(-50%) translateY(-50%); font-family: FontAwesome;
  -webkit-transform: translateX(-50%) translateY(-50%);

 }

.img-eventhome a  {
  position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 4;
  }

  .newsletter  {
    display: inline-block; width: 90%; border-radius: 8px; background: #fff; padding: 6px 40px 6px 6px; position: relative;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.05);
  }

  .newsletter::before  {
   position: absolute; font-family: FontAwesome; font-size: 20px; top:16px; right: 14px; content:"\f003"
  }

  .newsletter input[type="text"]  {
    display: inline-block; width: calc(100% - 52px); border: none; height: 48px; line-height: 48px;
  }

  .newsletter input[type="text"]:focus-visible  {
    outline: none !important;
  }

  .newsletter button  {
    display: inline-block; width: 48px; border: none; height: 48px; line-height: 48px; text-align: center; color: #fff; background: #ED1B23; 
  }

  .owl-carouselsteps h4    {
     color: #000; font-size: 15px; font-weight: 700; margin-bottom: 10px;
  }

  .owl-carouselsteps h5    {
    color: #777; font-size: 13px; font-weight:normal;
 }

 .fit-layout  {
  padding-left: 4vw; padding-right: 4vw;
 }

 .menu-holder .me-auto {
  margin-left: auto!important; margin-right: unset !important;
}

.menu-holder ul {
  padding-right: 0;
}

.menu-holder a.nav-link  {
  color: #fff; padding-left: 1rem !important; padding-right: 1rem !important;
}

.statict-white  {
  background: #fff; box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%); display: inline-block; width: 100%; padding-top: 40px; padding-bottom: 35px; text-align: center;
}

.statict-white h4  {
  display: inline-block; width: 100%; margin-bottom: 10px; font-weight: 700;
  color: #000; font-size: 40px;
}

.statict-white h6  {
   display: inline-block; width: 100%; text-align: center; margin-bottom: 0;
  color: #58595B; font-size: 18px;
}

.statict-white img  {
  display: inline-block; max-width: 60%; margin-bottom: 15px; height: 55px;
}


@media (min-width: 1800px) {

  .mewshomeblock a  {
    top:190px
  }

  .img-newshome {
    height: 260px;
}
  .fit-layout  {
    padding-left: 8vw; padding-right: 8vw;
   }
   .titlfooter {
    font-size: 24px;
}

ul.listfooter li {
  width: 170px;
  margin: 0 0 18px;
}

ul.listfooter li a {
  font-size: 17px;
}

.eubfooter {
  font-size: 21px;
}

.logo img {
  width: 240px;
}

header  {
  height: 105px;
}

.menu-holder {
  padding-top: 8px;
  padding-bottom: 8px;
}

.menu-holder a.nav-link {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
  font-size: 20px;
}

.banner {
  height: calc(100vh - 183px);
}

.fit-layout  {
  padding-left: 6vw; padding-right: 6vw;
 }
}

  @media (min-width: 1920px) {

    .banner {
      height: calc(100vh - 206px);
    }

    .menu-holder  {
       padding-top: 10px; padding-bottom: 10px;
    }

    header  {
      height: 120px;
    }

    .menu-holder a.nav-link {
      padding-left: 1.4rem !important;
      padding-right: 1.4rem !important;
      font-size: 23px;
  }

    .logo  {
      margin-top: 15px;
    }

    .logo img {
      width: 270px;
  }

    .eubfooter {
      font-size: 24px;
    }

    ul.listfooter li a {
      font-size: 20px;
  }

    .mewshomeblock a  {
      top:230px
    }
    .fit-layout  {
      padding-left: 8vw; padding-right: 8vw;
     }
     ul.listfooter li {
      width: 190px;
      margin: 0 0 22px;
    }

    .img-newshome {
      height: 300px;
  }
}


@media (min-width: 1600px) {


}

@media (min-width: 1400px) {
 



}

@media (max-width: 1240px) {
 
}

@media (max-width: 1200px) {
  .home-slider  {
     width: 360px; height: 360px;
  }

  .whitefooter  {
    padding: 40px 25px;
  }
}

@media (max-width: 996px) {
 
}

@media (max-width: 991px) {

  


  ul.listfooter li {
   text-align: right;
    width: 49%;
}

  header  { height: unset; min-height: 100px; }
  .banner  {

    background-size: cover
  }



ul.social-media li   {
  margin-right: 5px;
  }

ul.social-media li a   {
width: 40px; height: 40px; 
}

ul.social-media li a i  {
height: 40px; line-height: 40px;
}

}

@media (max-width: 768px) {

}

@media (max-width: 767px) {

  a.slider-fill {
    margin-bottom: 10px;
}

  .homebanner {
     transform: translateY(0); 
}

  .banner::before {

    width: 100%;
   
}

  .msandam-tabs .nav-tabs .nav-item.show .nav-link, .msandam-tabs .nav-tabs .nav-link.active {
    padding: 0 22px;
}

  .img-investhome {

    height: 190px;
}

  .statict-white  {
    padding-top: 20px; padding-bottom: 10px; 
  }

  ul.checklist li  {
    width: 100%; 
  }

  .invest-home {
   padding: 0; 
}

.img-investhome {
  position: relative; margin-bottom: 15px; display: inline-block; width: 100%;
}

  .title-sections {
    font-size: 20px;
}

  .msandam-tabs .nav-tabs .nav-link  {
    margin: 0 5px;
  }

  .msandam-tabs .nav-tabs .nav-link {
    padding: 0 12px;
}

  footer::before {
    width: 200px;
    height: 200px;
}

  .home-slider {
    width: 300px;
   
}


  .slidemode  {
    display: none;
  }

  .logo {
    right: 15px;
}

header {
  padding: 0 5px;
}

.w-bg, .gray-bg {
  padding: 0 10px;
}
  .banner  {
    height: unset; min-height: 300px; overflow: unset; text-align: center; padding: 0 5px;
  }

  .banner img  {
    margin-top:20px; left:0
  }

  .banner h3 {
    font-weight: 700; text-align: right;
    font-size: 24px; margin-top: 20px;
}

.banner h6 {
  font-size: 20px;
  line-height: 28px;
}

footer  {
  text-align: center;
}

ul.social-media  {
  text-align: center; margin-bottom: 30px;
}

ul.listfooter  {
  margin-bottom: 30px; text-align: right;
}

a.whiteapp {
  padding: 0 6px;
}

a.bluelink {

  padding: 0 28px;
}
}

@media (max-width: 622px) {

}

@media (min-width: 576px) {
 
}
@media (max-width: 571px) {
  

}

@media (max-width: 400px) {
 
}

@media (max-height: 480px) {
 
}