html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
#bs-1529739293881 {
    background-color: rgb(22 153 172);
    color: rgb(255, 255, 255);
}
.astroid-component-section {
    padding: 0px 0;
}
.astroid-header-section header.astroid-header:not(.astroid-header-sticky) {
    padding: 6px 0;
    z-index: 1;
}
.astroid-logo img {
    max-width: 250px;
    max-height: 72px;
}
.mg_bottam {
  margin-bottom: 12px;
}
._mgTp10 {
  margin-top: 10%;
}
._mgTp {
  margin-top: 32px;
    margin-bottom: 32px;
}
.center {
  text-align: center;
}
._img {
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.Div_100 {
  width: 100%;
  height: auto;
}
._div50 {
  width: 50%;
  height: auto;
  float: left;
}
.div_50 {
  width: 50%;
  height: auto;
}
._pullRight {
  float: right;
}
._pullLeft {
  float: left;
}
._gmap {
  width: 100%;
  height: 460px;
  border: 1px solid gray;
  border-radius: 5px;
}
.para_mainCont {
  font-size: 18px;
  font-weight: 600;
  font-family: sans-serif;
  color: #1c1c44;
}
._para {
  font-size: 16px;
  font-weight: 500;
  font-family: sans-serif;
  color: #1c1c44;
}
._divBtm {
 width: 100%;
 height: auto;
}
._divBtm h2{
  font-size: 20px;
}
.social_icon {
 width: 100%;
}
.social_icon .fab {
  font-size: 32px;
  color: #c1b6b6;
  margin: 4px;
  transition-duration: 0.5s;
}
.social_icon .fab:hover {
  font-size: 32px;
  color: #3b0f9b;
  margin: 4px;
  transition-duration: 0.5s;
}
.social_icon ul {
  list-style: none;
  padding-left: 0px;
  display: flex;
}
.social_icon ul {
  list-style: none;
}
.clearfix {
  overflow: auto;
}
._topAlign {
  padding-top: 22%;
}
._ldrTm {
  width: 70%;
  height: auto;
  float: left;
}
._rgt30 {
  width: 30%;
  height: auto;
  float: left;
}
._mMbrteam {
  width: 100%;
  height: auto;
  border: 1px solid gray;
  border-radius: 8px;
  margin: 8px 2px 8px 2px;
  background: #f2f2f5;
  padding: 10px 2px 2px 10px;
}
._right_Bar {
  width: 94%;
  height: auto;
  border: 1px solid gray;
  border-radius: 8px;
  padding: 4px 4px 8px 0px;
  margin: 8px 2px 8px 18px;
  background: #f2f2f5;
}
._right_Bar ul{
  margin: 25px;
}
._right_Bar ul li{
   margin-top: 25px;
   margin-bottom: 25px;
   font-size: 18px;
   list-style-type: disclosure-closed;
   border-bottom: 1px solid gray;
}
.h_title {
  font-size: 18px;
   font-weight: 600;
   font-family: sans-serif;
}
.bTnQTA {
  border: 2px solid #e4b3b3;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 18px 8px 18px;
  background: #f1f1f9;
  color: #070729;
  font-weight: 700;
  transition-duration: 0.5s;
}
.bTnQTA:hover {
  border: 2px solid #1d9f0a;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 18px 8px 18px;
  background: #cba642;
  color: #1616a6;
  font-weight: 700;
  transition-duration: 0.5s;
}
.bg_area {
  border: 1px solid #e9e5e5;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
}
._spePrt {
  width: 33.33%;
   height: auto;
   float: left;
   margin: 10px 0px 10px 0px;
   padding: 5px;
}
._spePartinside {
  width: 100%;
   text-align: center;
   border: 1px solid gray;
   border-radius: 8px;
   padding: 10px;
   background: #f3efec;
   transition-duration: 0.5s;
}
._spePartinside:hover {
  width: 100%;
  text-align: center;
  border: 1px solid #ed571b;
  border-radius: 8px;
  padding: 10px;
  background: #ddebe2;
  transition-duration: 0.5s;
}
._spePartinside img{
  width: 138px;
  height: auto;
  border: 1px solid #1c2e69;
  border-radius: 8px;
  transition-duration: 0.5s;
}
._spePartinside img:hover {
    width: 138px;
    height: auto;
    border: 1px solid #f54308;
    border-radius: 8px;
    transition-duration: 0.5s;
}
._spTitle {
  font-size: 18px;
  font-weight: 600;
  color: #27267f;
  font-family: 'Source Sans Pro';
}
._discr {
 font-size: 16px;
}
._speImg {
  margin-top: -15%;
  margin-bottom: 10px;
}
._quotaText {
  font-size: 18px;
    font-weight: 600;
    font-family: monospace;
    color: #154693;
    padding: 154px 10px 20px 20px;
}
._quotaBtn {
  font-size: 20px;
    font-weight: 600;
    font-family: unset;
    color: #fff;
    background: #673ab7;
    border: 1px solid #f0dfdf;
    border-radius: 8px;
    padding: 20px 40px 20px 40px;
    transition-duration: 0.5s;
}
._quotaBtn:hover {
  font-size: 20px;
  font-weight: 600;
  font-family: unset;
  color: #ebe1e6;
  background: #330768;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 20px 40px 20px 40px;
}
._quotaImg {
  width: 100%;
}
._imgIcon {
  margin-top: -15%;
    margin-bottom: 10px;
}
._imgIcon img{
  width: 132px;
  height: auto;
  border: none;
}
._imgIcon img:hover{
  width: 132.5px;
  height: auto;
  border: none;
}
._part4 {
  width: 25%;
  height: auto;
  float: left;
  margin: 10px 0px 10px 0px;
  padding: 8px;
}
._part4Inside {
  width: 100%;
  height: auto;
  text-align: center;
  border: 1px solid #858080;
  border-radius: 8px;
}
._part4Inside:hover {
    width: 100%;
    height: auto;
    text-align: center;
    border: 1px solid #5cc92a;
    border-radius: 8px;
}
._part4Inside img{
  border-radius: 10px;
}
.mt_gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px 20px 0px;
}

.mt_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.mt_column {
    flex: 1;
    margin: 10px;
}

.image-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: height 0.3s ease;
}

.image-container:hover .overlay {
    height: 100%;
}

.text {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.image-container:hover {
    transform: scale(1.05);
}
/*...........................................(h tag).............................*/
._h2 {
  font-size: 24px;
  font-weight: 600;
  font-family: sans-serif;
}
._h3 {
  font-size: 16px;
  font-weight: 550;
  font-family: sans-serif;
}
/*...........................................(max-width 768px)........................*/
@media only screen and (max-width: 768px)  {
 ._div50 {
   width: 100%;
   height: auto;
   padding: 2px;
 }
 .div_50 {
   width: 100%;
   height: auto;
   margin: 1px;
 }
 ._topAlign {
   padding-top: 4%;
 }
 ._ldrTm {
   width: 100%;
   height: auto;
 }
 ._rgt30 {
   width: 100%;
   height: auto;
 }
 ._right_Bar {
   width: 100%;
   height: auto;
   border: 1px solid gray;
   border-radius: 8px;
   padding: 4px 4px 8px 0px;
   margin: 8px 2px 8px 0px;
   background: #f2f2f5;
 }
 ._spePrt {
   width: 100%;
   height: auto;
   margin-top: 48px;
 }
 ._quotaText {
   text-align: center;
   font-size: 18px;
   font-weight: 600;
   font-family: monospace;
   color: #154693;
   padding: 15px;
 }
 ._part4 {
   width: 100%;
   height: auto;
 }
 .mt_column {
        flex: 1 1 100%;
        max-width: 100%;
    }
}