.navbar_ars {
  /* overflow: hidden; */
  /* background-color: maroon; */
  background-color: #fff;
  /* position: fixed; */
  /* top: 0; */
  /* width: 100%; */
  /* height: 10%; */
  box-shadow: 0 0 0.7rem maroon;
  border-bottom: maroon 1px solid;
  padding: 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.navbar_ars img {
    float: left;
    width: 10%;
    height: 100%;
    background-color: white;
    display: block;
    text-decoration: none;
    margin-left : 1%;
}
.navbar_ars a {
  float: right;
  display: block;
  /* color: white; */
  color: maroon;
  text-align: center;
  padding: 1.8% 1%;
  text-decoration: none;
  font-size: 17px;
}

.navbar_ars a:hover {
  background: maroon;
  color: #fff;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}

/* Contact Page */
.main_div{
    display: flex;
  }
  .left_div{
    width: 30%;
    height: auto;
    margin-left: 5%;
    margin-right: 1%;
    /* background-color: gainsboro; */
    border: gray solid 1px;
    box-shadow: 0 4px 8px 0 gainsboro, 0 6px 20px 0 gainsboro;
  }
  
  .map_div{
    width: 89%;
    height: auto;
    margin: 0% 5%;
    padding: 0.5%;
    /* background-color: gainsboro; */
    border: gray solid 1px;
    /* box-shadow: 0 4px 8px 0 gainsboro, 0 6px 20px 0 gainsboro; */
  }
  
  .right_div{
    margin-left: 1%;
    margin-right: 1%;
    width: 58%;
  }
  .right_div_shadow{
    margin-left: 1%;
    margin-right: 1%;
    width: 58%;
  
    /* background-color: gainsboro; */
    border: gray solid 1px;
    box-shadow: 0 4px 8px 0 gainsboro, 0 6px 20px 0 gainsboro;
  }
  
.c2{
  display: flex; 
  color: maroon;
}
.c21{
  width: 40%;
  color: maroon;
  border-radius: 6px;
  box-shadow: 10px 0 5px -8px maroon;
}
.c22{
  width: 60%;
  font-size: 14px;
  /* padding-left: 10%; */
  /* display: flex; */
}
.dflx{
  display: flex;
}
.dlbl{
  width: 15%;
}
.dinp{
  width: 70%;
  margin-left: 2%;
}
.log_btn{
    width: 30%;
    padding: 2%;
    /* font-size: 18px; */
    background-color: maroon;
    color:#fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    /* margin: 1%; */
    font-size: 16px;
  }
  .log_btn:hover{
      opacity: 0.8;
      /* background-color: #c4e37d; */
      /* color: black; */
      transition: 0.5s ease-out; 
    }
.form-btn{
  background-color: maroon;
  color: #ffffff;
  /* margin: 5px 10px; */
  padding: 1% 2% 1% 2%;
  font-size: 14px;
  border: none;
  text-align: center;
  /* margin-left: 5%; */
  border-radius: 18px;
}
.form-btn:hover{
  transition:ease-out ;
  transition-duration: 1s;   
  opacity: 0.9; 
  background-color: maroon;
  color: #000000;  
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  
  [class="c2"] {
    width: 100%;
    display: block;
  }
  [class="c21"] {
    width: 100%;
    /* display: flex; */
  }
}
@media only screen and (max-width: 454px) {
  [class="subtitlediv"] {
    margin-top: 7.5%;
    text-align: center !important;
    align-content: center;
    font-size: 8px;
    /* padding-left: 16%; */
  }
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  label {
    font-size: 3vw !important;
  }
  [class="apo_div"] {
    width: auto;
    /* margin: auto; */
  }
  [class="main_div"] {
    display: block;
  }
  [class="btn"] {
    font-size: 14px;
  }
  [class="subtitlediv"] {
    margin-top: 7.5%;
    text-align: center;
    font-size: 14px;
    /* padding-left: 8%; */
  }
  [class="left_div"] {
      width: 90%;
      height: auto;
      margin: 0% 5%;
  }
  [class="right_div_shadow"] {
      width: 90%;
      height: auto;
      margin: 2% 5% 0% 5%;
  }
}
.inp_div {
  margin: 0.5%;
  width: 75%;
}
.lbl_div {
  width: 20.8%;
  margin: 0.7% 0.5% 0.5% 0.5%;
  color: maroon;
}
.lbl_inp_flex_div {
  display: flex;
  width: 90%;
  margin: 0% 8%;
}
/* End of Contact Page */

/* body {
  margin: 0;
  font-family: Arial, sans-serif;
} */

/* .carousel-item active img{
  height: 10%;
} */
/* ***** */
  /*.contact-page-nav {
 padding: 0.5% 0%; 
  width: 100%;
  height: 100%;
  background-image: url("a-3.jpeg"); 
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center center; */
  /* background-color: #836c23; */
  /* color: khaki;
  display: flex;
} */

/* ***** */
/* ****************************************** */
/* body {
  margin: 0;
  font-family: 'Arial', sans-serif;
} */

/* #header {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  position: fixed;
  width: 100%;
  top: 0;
} */

/* .slider-container {
  margin-top: 70px;
}

.slider {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.slide {
  flex: 0 0 100%;
}

img {
  width: 100%;
  height: auto;
} */

/* ****************************************** */