* {
  text-align: center;
}
body {
  font-family: "Roboto", sans-serif !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1980' height='1080' preserveAspectRatio='none' viewBox='0 0 1980 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1249%26quot%3b)' fill='none'%3e%3crect width='1980' height='1080' x='0' y='0' fill='rgba(19%2c 59%2c 99%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c883.335C161.183%2c861.372%2c272.451%2c724.284%2c414.353%2c644.746C567.92%2c558.67%2c767.974%2c541.176%2c868.401%2c396.586C973.543%2c245.208%2c1021.498%2c35.248%2c957.823%2c-137.714C895.44%2c-307.167%2c696.692%2c-372.575%2c547.689%2c-474.575C435.488%2c-551.382%2c318.672%2c-606.403%2c193.973%2c-660.611C50.086%2c-723.159%2c-83.67%2c-831.648%2c-239.873%2c-816.934C-405.904%2c-801.294%2c-562.135%2c-707.705%2c-668.614%2c-579.357C-774.107%2c-452.198%2c-807.952%2c-282.668%2c-819.823%2c-117.873C-831.098%2c38.656%2c-788.672%2c188.146%2c-734.51%2c335.439C-676.338%2c493.638%2c-628.996%2c667.725%2c-493.889%2c768.506C-355.608%2c871.655%2c-170.935%2c906.627%2c0%2c883.335' fill='%230c2640'%3e%3c/path%3e%3cpath d='M1980 2011.4299999999998C2153.321 2010.338 2297.517 1894.5819999999999 2445.324 1804.059 2596.402 1711.533 2763.5460000000003 1631.818 2851.21 1477.868 2942.451 1317.637 2969.741 1123.818 2935.889 942.564 2902.739 765.073 2799.948 606.631 2665.899 485.66499999999996 2541.026 372.97900000000004 2378.596 313.52599999999995 2212.13 289.44000000000005 2060.702 267.53 1903.786 286.472 1767.311 355.64700000000005 1643.387 418.461 1583.9470000000001 553.055 1490.04 655.447 1392.687 761.596 1236.2640000000001 827.962 1205.153 968.594 1173.7849999999999 1110.388 1280.904 1240.126 1330.5030000000002 1376.615 1385.045 1526.705 1396.69 1698.3220000000001 1510.893 1809.944 1635.113 1931.356 1806.3029999999999 2012.524 1980 2011.4299999999998' fill='%231a5086'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1249'%3e%3crect width='1980' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  margin: 0;
  padding: 0;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
/* Start Navbar Style */
.navbar .navbar-nav .nav-link .nav-item.active,
.navbar .navbar-nav .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
  color: #45a2ff !important;
  font-weight: 600 !important;
}
.navbar {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: rgb(49, 116, 182);
  background: -moz-linear-gradient(
    90deg,
    rgba(49, 116, 182, 1) 0%,
    rgba(12, 38, 64, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(49, 116, 182, 1) 0%,
    rgba(12, 38, 64, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(49, 116, 182, 1) 0%,
    rgba(12, 38, 64, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3174b6",endColorstr="#0c2640",GradientType=1);
  opacity: 0.9;
}
/* End Navbar Style */

/* First Section Style */
img {
  width: 235px;
  border-radius: 100%;
  border: 4px solid #3b51d1;
  padding: 3px;
  transition-duration: 0.7s;
}
img:hover {
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.img-btns:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #036bd3 !important;
  text-shadow: 1px 1px 2px #000000;
}
.about-p {
  width: 40rem;
  margin: 20px auto;
}
/* End Section Style */

/* Start Section 2 Designs */
.card {
  background-color: #193f65 !important;
  transition-duration: 0.7s;
  border-radius: 20px !important;
  border: 1px solid !important;
  max-width: 300px;
}
.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* End Section 2 Designs */

/* Start Section 3 Design */
.accordion {
  width: 800px !important;
}
.accordion-button {
  background-color: #083057 !important;
  border: 2px solid !important;
}
.accordion-item {
  background-color: #133b63 !important;
}
.accordion-header {
  border-color: #036bd3 !important;
}
table {
  --bs-table-bg: #133b63 !important;
  --bs-table-color: white !important;
}
/* End Section 3 Design */

/* Start PreLoader Style */
#preloder {
  background: #1a87c5 url("../images/gnu-loader.gif") no-repeat center center;
  background-size: 35%;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 100;
}
/* End PreLoader Style */

/* Start Footer Style */
footer {
  background-color: #133b63;
  color: #fff;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* End Footer Style */

/* Start Design Tools */
.space {
  padding: 10px;
}

.path {
  height: 300px;
}
/* End Design Tools */

/* Start Responsive out of bootstrap */
@media screen and (max-width: 663px) {
  .about-p {
    width: auto;
    margin: 20px auto;
  }
}
/* End Responsive out of bootstrap */


/*
   All Copyrights Reseved to devM7MD & Developer Tools
    Discord -> 1dev.m7md
     Enjoy!
  

     FREE PALESTINE FOR EVER!
*/