@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
html {
  scroll-behavior: smooth;
}


body {
font-family: "Mukta", sans-serif;
  float: left;
  width: 100%;
  color: #000;
  font-weight: 300;
background:#013cc1;
  background-attachment: fixed;
  background-size: 40%;
  padding-right: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.ar{ font-family: "Cairo", sans-serif;direction:rtl;}
.modal-open {
  padding-right: 0!important;
  overflow: hidden;
}

::-moz-selection {
  /* Code for Firefox */
  color: #000;
  background: #d7c07f;
}

::selection {
  color: #000;
  background: #d7c07f;
}

.btn {
  box-shadow: none;
  outline: none;
}

button {
  box-shadow: none;
  outline: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

p {
  color: rgba(35, 31, 32, 1);
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
}

a:hover {
  color: #0e2c18;
}

ul li,
ul li a,
ol li,
ol li a {
  color: #161616;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

:focus {
  outline: none;
}

/* Styles for images */
img {
  max-width: 100%;
  height: auto;
}
:root{--pc:rgba(160, 37, 31, 1)}
  .logo-wrap{text-align: center;
    height: 100%;
    margin: auto;
    vertical-align: middle;
    margin: 10% 0px;}
    .logo-wrap img{max-width:400px;}
.margin-auto{margin:0 auto;}
.form-type {background:#013cc1;padding:2em; border-radius:12px;}
.form-type .form-btn{background:#fff;color:#000; border:#000 1px solid;width:100%;margin:10px 0px;text-transform:uppercase;font-weight:bold;}
.form-type .form-btn:hover{background:#fafafa;color:#013cc1; border:#013cc1 1px solid;}
.btn-primary{background:#013cc1;border:0px;}
.modal-header{background:#013cc1;}
.modal-title {color:#fff;text-transform:uppercase;text-align:center;}
.form-label {margin-bottom:5px;}
.form-control{border-radius:4px;border:1px solid #000; color:#000;}
.home-btn .btn{background: #fff;
    color: #000;
    border: #000 1px solid;
    width: 100%;
    margin: 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 12px;
    display: inline-block;
    max-width: 150px;}
    .modal-header img{max-width: 170px; float:left;}
  @media only screen 
  and (min-device-width: 350px) 
  and (max-device-width: 800px) {
      
      .col-3{width:100%;}
          .logo {
      width: 150px; /* adjust size */
      height: auto;
      margin: 20px;
    }
   .logo-wrap img{max-width:300px;}
  }