@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:local('El Messiri SemiBold'),local('ElMessiri-SemiBold'),url(font.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

body {margin: 0;font-family:'El Messiri';background-color: #ECF3F8;#F3F1ED;}

* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

nav {height: 42px;width: 100%;background-color: #263E42;#2EABEB;#54a0c4;#323232;#286D8F;border-bottom: 1px solid black;border-top: 2px solid black;
box-shadow: 0 0 7px 0 #0E6369;}
nav button.right{color: white;font-size: 22px;background-color: #154f6b;margin-top: 5px;margin-right: 5px;border: 1px solid #082533;border-radius: 3px}
nav button.left{color: white;font-size: 18px;background-color: #286D8F;#154f6b;#2EABEB;#154f6b;margin-top: 7px;margin-left: 3px;border: 1px solid black;white;#082533;border-radius: 3px;
	float: left;padding: 3px 6px;box-shadow: 0 0 3px 0 #0E6369;}
/*nav span{background-color: red !important}*/

/*xx*/

header {min-height: 150px;margin: 20px 10px;border: 0px solid gray;text-align: center;box-shadow: 0 0 7px 0 white;#0E6369;;#0E6369;}
header h1{font-size: 18px;background-color: white;margin-bottom: 0;color: #263E42;border-radius: 5px;padding-top: 5px;}
header h2{font-size: 16px;background-color: white;margin-top: 0;color: #263E42;;border-radius: 5px;padding-bottom: 5px;border-bottom: 2px solid #263E42;}


header #hero-img {border: 4px solid white;gray;margin: 0 auto;width: 212px;border-radius: 3px;}
header #hero-img  #sub-hero {border: 2px solid #ECF3F8;#F3F1ED;#047CC0;#263E42;width: 206px;height: 70px;margin: 0 auto;border-radius: 3px;}
header img {width: 202px;border: 2px solid white;gray;margin: 0 auto;border-radius: 3px;}
/*xx*/
/*xx*/
/*xx*/
/*xx*/

main {xmin-height: 700px;margin: 10px;margin-top: -12px;padding: 0px 5px;background-color: white;border-radius: 5px}

main h3{color: #263E42;#92A895;margin-bottom: -10px;padding-top: 8px;border-right: 5px solid #92A895;#263E42;text-align: center;}
main p{color: #263E42;text-align: center;border-bottom: 1px solid #92A895;#263E42}


/*xx*/
/*xx*/
/*xx*/

#Services {margin: 5px 25px;padding: 3px 5px;background-color: white;border-radius: 5px;box-shadow: 0 0 3px 0 #0E6369;;}

#Services h4{padding: 4px 20px;background-color: #ECF3F8;#F3F1ED;#F0F0F0;color: #263E42;black;;border-right: 8px solid #263E42;#154f6b;margin-top: 5px;margin-bottom: -10px;
	border-top-left-radius: 5px;border-bottom-left-radius: 5px;box-shadow: 0 0 3px 0 #0E6369;font-size: 20px}
#Services .Services-list {padding: 2px 10px}
#Services b{background-color: #ECF3F8;#F3F1ED;#F3F1ED;#F0F0F0;color: #154f6b;#263E42;black;padding: 5px 6px;line-height: 35px;margin: 2px;text-align: center;;border-right: 4px solid #263E42;#154f6b;#92A895;#263E42;#55ACE1;red;
	border-top-left-radius: 5px;border-bottom-left-radius: 5px;box-shadow: 0 0 3px 0 #0E6369;}
#Services p{text-align: center;margin: 3px 4px;border: 1px solid #154f6b;black;padding: 6px;border-radius: 5px;font-size: 14px;color: #263E42;box-shadow: 0 0 3px 0 #0E6369;}


/*xx*/



#Contact-us {background-color: white;margin: 15px;border-radius: 5px;height: 110px;padding-top: 10px;padding-bottom: 10px;}
#Contact-us .block1 {float: right;min-width: 50%;border: 0px solid red;text-align: center;}
#Contact-us .block2 {float: left;min-width: 50%;border: 0px solid green;text-align: center;}
#Contact-us img{width: 40px;height: 40px;margin-bottom: -15px;}

#Contact-us .svg-color {filter: invert(57%) sepia(71%) saturate(3818%) hue-rotate(162deg) brightness(94%) contrast(95%);}
#Contact-us p {font-size: 16px;margin-bottom: -3px;color: gray;}
#Contact-us b {font-size: 16px;color: #013557;}
#Contact-us b a {color: #013557;text-decoration: none;}
/*xx*/

#Free-Consulting {border: 2px solid #154f6b;black;margin: 10px;margin-bottom: 105px;border-radius: 5px;border-top: 10px solid #154f6b;#92A895;background-color: #263E42}
#Free-Consulting h6{background-color: #154f6b;#92A895;color: white;height: 30px;margin: 0px 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#Free-Consulting h6{text-align: center;font-size: 18px;}

#Free-Consulting p{text-align: center;color: white;margin: 15px 10px}

/*xx*/

#whatsapp-icon { position: fixed; left: 10px; bottom: 55px;}
#whatsapp-icon a{ ;}
#whatsapp-icon a img{ height: 40px;width: 40px}



#phone-button { position: fixed; right: 1px; bottom: 60px;}
.phone2 {background-color: #154f6b;color: white;padding: 6px 10px;border-radius: 3px;}
/*xx*/

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  border-top: 2px solid black;#263E42;
  
}


footer .footer-links {height: 30px !important;background-color: #323232 !important;line-height: 28px;}
footer .footer-links a{color: #55ACE1;padding: 2px 12px;font-size: 15px}
footer .footer-links a:hover {background-color: black;}
footer .offer {height: 24px !important;background-color: black !important;line-height: 24px;font-size: 14px;}














.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
/*  background-color: rgb(0,0,0);*/
/*  background-color: rgba(0,0,0, 0.9);*/
  background-color: #263E42;#286D8F;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 32px;
  color: #818181;
  display: block;
  transition: 0.6s;

  background-color: #154F6B;border: 1px solid black;color: white;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 30px;

  background-color: #154F6B;
  border: 1px solid black;
  color: white;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.overlay a.closebtn {padding: -3px 5px !important;font-size: 24px;border-radius: 4px;text-decoration: underline;}