

.active{
       /* font-weight: bold;*/
       color: #ed2626 !important;
}
strong{
    font-weight: 600;
    font-size: 18px;
    color: #000;
  }
.about_housing{
        font-size: 22px;
    color: #000;
    font-weight: bold;
  }

@media (min-width: 768px){  
.flex{
  display: flex;
}
}
    .img_content{
    /* margin-top: 90px; */
    color: #fff;
    text-align: center;
    } 
    .img_content_header{
        font-size: 27px;
    }
    .img_content_para{
        font-size: 16px;
        margin-top: 30px;
        line-height: 1.8em;
    }
    .img_content_enq{
        font-size: 17px;
        /* margin-top: 20px; */
        color: #f9ed03;
    }
    .bg-img{
        /*height: 541px;*/
        width: 100%;
    }
    body{
        overflow-x: hidden;
    }
    .home_right{
        /*height: 541px;*/
        /* width: 32.49%; */
    }
  strong{
    font-weight: 600;
    font-size: 18px;
    color: #000;
  }

    .bounce {
      animation: bounce 2s infinite;
      cursor:pointer;
    }
        .copy_footer {
        font-size: 13px !important;
        font-family: Myriad Pro;
        color: #000;
        font-weight: 600;
        padding: 6px 0px 6px 15px;
        width: 100%;
        text-align: center;
        background: #e6e5e5;
        line-height: 25px;
        position: relative;
        top:1518px;
    }
    @media (min-width: 1199px){
          .corpt{
                position: absolute;
                top: 15%;
                left: 28%;
          }
          strong {
          font-weight: 600;
          font-family: 'Roboto', sans-serif;
          font-size: 1.2em;
      }
       .house{
        width: 100%;height: 100vh;
      }
              .corp {
               background-color: #ebecec;
              /* height: 100vh; */
          }
          .padd{
              padding-right: 0px !important; 
                padding-left: 0px !important; 
          }
          .about {
                margin: 35px 0 20px 25px;
                font-family: 'Roboto', sans-serif;
                font-size: 22px;
                font-weight: 600;
                color: #000;
          }
          .aboutus {
          margin:15px 30px 0 25px;
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          color: #000;
          line-height: 1.5;
          }
          .abt_us{
                     margin:15px 80px 0px 0px;
                    font-family: 'Roboto', sans-serif;
                    font-size: 16px;
                    color: #000;
                    line-height: 2.0;
                  }
      .facil_list {
                    list-style: decimal;
                    list-style-position: outside;
                    overflow-y: scroll !important;
                     height: 100vh !important; 
                    scroll-behavior: smooth;
                }
      .gate{
      position: absolute;
      bottom: 8px;
      right: 18%;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
          }
          .dream{
            font-size: 16px;
    text-align: center;
    padding: 12px 0px 8px 0;
    background: #d9dada;
    font-weight: bold;
    color: #575656;
          }
          
  }
        @media (max-width: 768px){

          body{
            padding-top:65px;
          }

     .abt{
      font-size: 19px;
          font-weight: 600;
          font-family: 'Roboto', sans-serif;
          text-align: center;
        }
        .padd{
        padding-right: 0px !important; 
          padding-left: 0px !important; 
    }
      
         p {
          font-size: 16px;
          font-family: 'Roboto', sans-serif;
          color: #6b6969;
          padding: 15px 10px 0 10px;
      }
      .aboutus {
         /*margin: 5px 10px 0 10px;*/
           font-family: 'Roboto', sans-serif;
        font-size:16px;
      }
      .house{
        width: 100%;      }
.gate {
    position: absolute;
    left: 170px!important;
    top: 180px!important;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
}
.dream {
        background: #d9dada;
        padding: 10px;
        text-align: center;
        font-size: 16px;
    }
  .abt_us{
   margin:5px 10px 0 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.0em;
  color: #000;
  line-height: 2.0;
  text-align: justify;
}
.dreams {
    font-size: 14px;
    text-align: center;
    padding: 12px 0px 8px 0;
    background: #d9dada;
    font-weight: bold;
    color: #575656;
}
      }
   
        @media (min-width: 768px) and (max-width: 1024px) {
             .image_container {display:flex}
          .house{
        width: 100%;      }
                .facil_list {
                   width:100%;
                }
                .aboutus {
              margin: 5px 40px 0 10px;
              font-family: 'Roboto', sans-serif;
              font-size: 16px;
          }
          .abt_us{
                     margin:15px 40px 0 10px;
                    font-family: 'Roboto', sans-serif;
                     font-size: 0.9em;
              font-weight: 600;
                    color: #000;
                    line-height: 2.0;
                  }
                      .image_container {
        display: block;
    }
    .copy_footer {
      top:0;
    }
        .gate {
        position: absolute;
        bottom: 15px;
        left: 70%;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 1.5em;
        text-align: center;
        top: 515px;
    }

        }
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-15px);
      }
      60% {
        transform: translateY(-7px);
      }
    }



    @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
      .padd img{
        margin: auto;
        width: 52% !important;
      }
      .copy_footer {
        top: 1028px;
    }
      }
      