/*================= RESET CSS ========================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
}
ol,ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
*,
::before,
::after{
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
}
a{
    text-decoration: none;
}
/*================= RESET CSS ========================*/
/*================= gLobal CSS ========================*/

body, * {
    font-family: 'AvenirLTStd';
    letter-spacing: 0.3px !important;
}
h1 {
    font-family: 'AvenirLTStd-black';
}

/* width */
body::-webkit-scrollbar {
    width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
    box-shadow: lightgrey;
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: #522d90;
}


.text-heading {
    color: #522E90;
}

.btn__primary {
    background-color: #522d90;
    color: #fff !important;
    text-decoration: none !important;
}
.btn__white {
    background-color: #ffffff;
    color: #522d90 !important;
    text-decoration: none !important;
}
.font__AnvBlack{
    font-family:"AvenirLTStd-black";
}
.btn_custom {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    padding: 14px 26px;
    line-height: 1;
}
.btn__black{
    border-radius:.25rem;
    background-color: #262526;
    width: 100%;
  }
  .btn__black a{
      color: #fff;
      text-decoration: none;
  }

.f-13 {
    font-size: 13px;
}
.f-14 {
    font-size: 14px;
}
.f-15{
  font-size: 15px;
}
.f-16{
    font-size: 16px;
}
.text_gray {
    color: #676c75;
}
.letter_space-2 {
    letter-spacing: 2px !important;
}


.heading_h2 {
    color: rgba(40, 43, 49, 0.9);
}

.section_gap {
    padding: 50px 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.margin__left-right{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

 .main{
     overflow-x: hidden;
 }
/*================= gLobal CSS ========================*/


/* =============INV OVERVIEW ========= */
/* ------INV BANNER----- */
.prp__heading{
    font-size: 46px;
    text-shadow: 0px 3.5px 2px rgba(0, 0, 0, 0.1);
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #ffffff;
 }
 .prp__banner h4{
     font-size: 20px;
    line-height: 1.42;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
 }
/* ------------- */
 
.detail__heading{
    font-size: 35px;
    font-weight: 900;
    line-height: 2.4;
    letter-spacing: 1px;
    text-align: center;
    color: #41414B;
  }
   
  .detail__lct > h6{
    font-size: 14px;
  line-height: 1.29;
  color: rgba(38, 38, 38, 0.8);
  opacity: 0.8;
  font-weight: 500;
}
    
  
  
  .main__img img{
    height:430px;
  }
   
  .small__img{
      margin-top: 10px;
     padding-right:0;
     position: relative;
     margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      background-color: white;
      border: .5px solid #878a99;
  }
  .small__img img{
      height: 60px;
  }
  .small__img-eight{
      background-color: #130f0f29;
  }
  .small__img-eight::before{
      position: absolute;
      top: 50%;
      left: 50%;
      content: '8+';
      color: #fff;
      transform: translate(-50%, -50%);
      font-weight: 600;
       font-size: 24px;
       
  }
 
  
  /* --------middle content----- */
    .invOver{
    font-weight: 900;
    line-height: 1.04;
    text-align: left;
    color: #676c75;
  }
  .midle__p{
      color: #0f1b24;
      line-height: 1.8;
  }
  
  /* -------last content---- */
  .last__contentBx{
      /* border: 1px solid  rgba(0,0,0,.125); */
      background: #fff;
      z-index: 1;
      position: sticky;
      top: 10px;
      right: 0;
  }
  .last__bx{
       position: relative;
  }
  .last__bx::after{
      position: absolute;
      content: '';
      bottom: 0;
      width:70px;
      background-color:  rgba(0,0,0,.125);
      height: 1px;
      color: #111;
  }
  .last__bx:hover{
      background-color: #ebeef1;
  }
  .last__bx:hover .circle__span{
      background-color: #522E90;
      opacity: 1;
  }
  .last__bx:hover p{
      color: #522E90 !important;
  }
  .last__bx:hover p{
      font-weight: bold;
  }
  .small{
    font-size: 12.9px;
    font-weight: 500;
    line-height: 2.14;
    text-align: justify;
    color: rgba(103, 108, 117, 0.7);
  }
  /* -------middle part------- */
  .midle__p{
    font-weight: 500;
    line-height: 1.86;
    text-align: justify;
    color: #676c75;
  } 
  .circle__span{
      width: 11.5px;
    height: 11.5px;
    opacity: 0.5;
    background-color: #262526;
    border-radius: 50%;
  }
  
  .f-30{
    font-size: 17.5px;
    font-weight: 500;
    line-height: 2.6;
    letter-spacing: 0.35px;
    text-align: center;
    color: #ffffff;
  }
  
  
  .video{
      padding: 16px;
      background: #fff;
  }
 
  .play__btn::after{
      position: absolute;
      content: '';
      width: 59px;
      height: 59px;
      border-radius: 50%;
      background: transparent;
      border: 2px solid #fff;
  }
  .play__btn{
      position: relative;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #fff;
  }
  
   
   .update__content .content__one h6{
    font-weight: 500;
    line-height: 1.53;
    text-align: justify;
    color: #6ddaa9;
   }
   .content__one{
       position: relative;
   }
    
   .content__one .round__black{
       position: absolute;
       display: flex;
       justify-content: center;
       align-items: center;
       top: 0;
       left: 0;
       width: 16px;
       height: 16px;
       background-color: #262526;
       border-radius: 50%;
   }
   .round__black::before{
    position: absolute;
     top: 0;
     transform: translateY(-19%);
     content: '';
     width: 29px;
     height: 29px;
     border-radius: 50%;
     border: 1px solid  #f7f8fb;
   }
   .height__gray{
       position: absolute;
       top: 22px;
       left:8px;
       height: 80px;
       color: #262526;
       border: 1px solid #262526;
       opacity: 0.4;
   }
   .reports{
    padding-left: 28px;
    padding-right: 28px;
    background: #fff;
}
  .updates{
    padding: 28px;
    background: #fff;
   }
    .reports{
      background: #fff;
    }
   .reports p{
       line-height: 1.9;
       text-align: left;
   }
   .btn__black--download{
    position: relative;
    padding: 14px 16px 14px 30px;
    color: #fff;
    text-align: left;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
   }
   .download__icon{
    position: absolute;
    bottom: -6px;
    right: 16px;
    color: #fff;
    padding : 5px;
}
   /* ---------investment heighlights--------- */
   .inv__highlights{
    background: #fff;
 }
   .highlights{
    font-size: 21px;
    letter-spacing: 0.7px;
    color: rgba(38, 37, 38, 0.8);
   }
   .paddng__tb{
    padding-top: 30px;
    padding-bottom: 30px;
}
.paddng__tb > div > span{
 color: #262526;
 font-size: 12px;
 font-family:"AvenirLTStd-black";
 font-weight: 900;
}
.paddng__tb > div > small{
    font-size: 14px;
    opacity: .7;
 color: rgba(38, 37, 38, 0.7);
 line-height: 1.86;
}
.gray__circle{
    width: 20px;
    height: 20px;
    opacity: 0.5;
    background-color: #262526;
    border-radius: 50%;
    margin-right: 9px;
}

    .highlight__bx{
      border: solid 0.5px #e7e8ea;
      background: #fff;
    }
    .highlight__heigh{
        position: relative;
    }
    .highlight__heigh::after{
        position: absolute;
        content: '';
        right: 0;
        height: 65px;
        margin-top: auto;
        margin-bottom: auto;
        width: 1px;
        opacity: 0.6;
        background: rgba(0,0,0,.125);
        color: rgba(0,0,0,.125);
    }
    /* ---------investment heighlights--------- */
    /* -------investment Plan------- */
    .investment__plan{
        background: #fff;
    }
    .inv__heading{
        font-size:  42px;
        font-weight: 900;
        line-height: 2.2;
        letter-spacing: 0.53px;
        color: #41414B;
      }
    .investment__plan h4{
        opacity: 0.7;
      font-size:24px;
      font-weight: 500;
      text-align: justify;
      color: rgba(103, 108, 117, 0.7);
    }
    .investment__img{
        padding-top: 60px;
        padding-bottom: 60px;
    }
   
    .rate__span{
        font-size: 28px;
        font-weight: 900;
        line-height: 0.55;
        text-align: left;
        color: #532f91;
      }
      .min__inv{
        font-size: 16px;
        font-weight: 500;
        line-height:2;
        text-align: left;
        color: #4b4a4a;
      }
      .btn__black-custom{
        display: inline-block;
        color: #fff;
        font-size: 34px;
        font-weight: 500;
        border-radius:.25rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }
     /* -------investment Plan------- */
     /* -------return of Investment------ */
     .return__div{
        background: #512e8f;
        border-radius: .25rem;
        /* width: 300px; */
        width: 100%;
    }
    
    .invest__amnt{
        font-size: 18px;
        letter-spacing: -0.17px;
        text-align: left;
        color: rgba(55, 60, 72, 0.6);
      }
      .return__span{
        position: relative;
        padding: 0 10px;
        font-size: 24px;
    }
    .return__span::after{
       position: absolute;
       content: '';
       right: 0;
       transform: translateX(25px);
       height: 100%;
       opacity: 0.1;
       border: 1px solid #fff;
    }
     
     /* -------return of Investment------ */
     /* ----invest now pop up---- */
     .custom__modal-header{
         display: flex;
         justify-content: center;
         position: relative;
        background-color: #fff !important;
        color: #212529 !important;
        padding: .5rem 1rem;
        align-items: center;
     }
     .custom__modal-header .modal-title{
         font-weight: bold;
          font-family:"AvenirLTStd-black";
     }
     .custom__modal-body{
          border: 1px solid #ccc;
         margin:0 50px 50px 50px;
         padding-left: 20px;
         padding-right: 20px;
     }
     
     /* --------- */
     .invest__data{
         border: 1px solid rgb(230, 229, 229);
         border-radius: .35rem;
         background-color: #f8f9fa !important;
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .invest__data__ul{
         justify-content: space-around;
     }
     .invest__data__ul .invest__data__ul_li{
         text-align: center;
         font-size: 13px;
         color: rgba(38, 37, 38, 0.8);
         opacity: 0.9;
     }
     .invest__data__ul .invest__data__ul_li:nth-child(2){
         border-right: 2px solid #ccc;
         border-left: 2px solid #ccc;
         padding-left:3rem;
         padding-right:3rem;

     }
     .invest__data__ul .invest__data__ul_li span{
         display: block;
     }
    /* -----table------ */
    thead th, tbody th{
    font-weight: 500;
    letter-spacing: 0.12px;
    color: rgba(255, 255, 255, 0.7);
    }
    /* --------graph------- */
     
    .pop__up{
       position: relative;
      
    }
    .pop__up img{
        position: absolute;
        width: 150px;
        top: -35px;
    }
    /* --------tenant----- */
    .t__details h4{
        font-size: 22px;
        color: rgba(55, 60, 72, 0.8);
   } 
   .fcl__table tbody tr th{
    padding: 12px 0 12px 12px !important;
    
}
.t__details-spn small{
  color: #676c75;
  line-height: 1.29;
}
.t__details-list > .t__details-ttl{
   font-size: 12px;
   color: #676c75;
   font-weight: 500;
}
.t__details-list > .t__details-dta{
  color: #676c75;
  font-weight: 500;
}
.text_muted{
  color: rgba(103, 108, 117, 0.5);
  font-weight: 500;
  opacity: 0.7;
  font-size: 17px;
}
.decs > p{
    font-size: 14px;
   font-weight: 500;
   line-height: 1.86;
   text-align: left;
   color: #676c75;
}

.gray__circ{
    position: relative;
}
.gray__circ::after{
  position: absolute;
  content: '';
  width: 30px;
  top: 8px;
  left: 0;
  height: 30px;
  border-radius: 50%;
  background-color:  #545e75;
  border-radius: 50%;
}
.gray__circ > p{
    font-weight: 500;
    line-height: 1.78;
    text-align: left;
    margin-left: 15px;
     color: #676c75;
 }
    /* ------chart-------- */
    .chart__right > p{
    font-weight: 500;
    line-height: 1.67;
    text-align: justify;
    color: #676c75;
    }
    /* -------location------ */
    .prp__pricing{
        font-size: 28px;
       opacity: 0.9;
     font-weight: 900;
     letter-spacing: -0.28px;
     padding-bottom: 12.5px;
     color: rgba(55, 60, 72, 0.8);
     padding-left: 45px;
    }
    .price{
     font-size: 35px;
     letter-spacing: -0.29px;
     text-align: left;
     color: #373c48;
     padding-left: 45px;
     font-weight: 400;
     line-height: 1.4;
    }
    .location__img{
        width: 100%;
        border-radius: 8px;
    }
    
    /* -------location------ */
    /* ---------Floor plan--------- */

    .plan__title{ 
        font-size: 28px;
        letter-spacing: -0.28px;
        text-align: left;
        color: rgba(55, 60, 72, 0.8);
        line-height: 1.79;
    }
    .plan__title-pln{
        color: #17152e;
    }
    .aside__planA{
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width:100%;
        height: 226px;
        border-radius: 8px;
    }
    .aside__planA::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #00000079;
        border-radius: 8px;
    }  
    .floor__img img{
        width: 70% !important;
    }
    .span__two{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 50px;
        font-weight:800;
        filter: drop-shadow(1px 1px 1px rgb(226, 223, 223));
        line-height: 2;
    }
    
    /* ---------Floor plan--------- */

    /* ---------own a share--- */
    /* -------- */
    .share__title{
        font-size: 40px;
        font-weight: 500 !important;
        line-height: 1.09;
        letter-spacing: 0.58px;
        }
        .share__title-bold{
            font-weight: 900 !important;
        }
     
    .pink__btn{
          background-color:  #522E90 !important;
          padding: 16px;
          width: 200px;
          line-height: 1 !important;
      }
      .custom__pink-btn{
        padding: 18px 19px !important;
    }
      .pink__btn a{
         text-decoration: none;
         word-spacing: .4px;
         font-size: 14px;
         letter-spacing: 1.2px;
      }
      
        
      .question__span{
          display: flex;
          justify-content: center;
          align-items: center;
          position:  relative;
          top: 10px;
          left: 50%;
          z-index: -1;
          background-color:   #f8f9fa;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          border: .1px solid gray;
      }
      .question__icon{
          font-size: 11px;
          font-weight: bold;
          line-height: 1.59;
          text-align: center;
          color: #999ea8;
      }
      .pink__cont{
          background-color: #9227be;
          margin-top: 20px;
          margin-bottom: 20px;
          border-radius: 5px;
      }
       
      .btn__white{
          background-color: #fff;
          width: 200px;
          padding: 16px;
      }
      .btn__white a{
          color: #000000;
          font-size: 20px;
          text-decoration: none;
      }
     
      .p__text{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-align: justify;
    color: #676c75;
  }
      
  /* .cool-lg-4 {
      margin-top: -3%;
  }
   */
  
  /* @media (min-width: 992px){
  .col-lg-5 {
  
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
      margin-left: 30%;
      margin-top : -8%;
  }
} */
      
      /* ----floor plan------ */
     
     
     
      
     
      /* .text__white{
        opacity: 0.8;
       font-size: 18.3px;
       letter-spacing: -0.31px;
        text-align: left;
        color: rgba(255, 255, 255, 0.8);
      }
  
      .text__white_ROI{
        font-size: 18.3px;
        letter-spacing: -0.31px;
        text-align: left;
        color: rgba(255, 255, 255, 0.8);     
      } */
     
      
      
  
      .dflex{
           text-align: center;
      }
      .heght__r{
          position: relative;
      }
       .heght__r::after{
          position: absolute;
          right: 0;
          top: 50%;
          transform: translatey(-50%);
          content: '';
          height: 80px; 
          border: .09px solid  #747677; 
      }
      .tm__bg{
          background-color: #522E90;
          border-radius: 8px;
      }
      .progress{
          height: 10px;
          border-radius: 10px;
      }
      .progress-bar{
          background-color: #522E90 !important;
          border-radius: 10px;
      }
      .table thead th{
          border-bottom: .9px solid rgb(128, 125, 125);
      }
      .table th{
          border-top: none;
      }
      thead{
          background-color: #522E90;
          color: #fff;
      }
      thead th{
          margin-left: auto;
          margin-right: auto;
          text-align: center;
      }
      tbody th{
          background-color: #522E90;
          color: #fff;
          text-align: left !important;
      }
     
  /* ------question------ */
  .questions__ttl{
      font-size: 32px;
    font-weight: 500;
    line-height: 1.39;
    letter-spacing: 0.45px;
    text-align: center;
    color: #282b31;
  }
  .ques__strng{
      font-weight: 900;
  }
  .question__heading{
    font-weight: 800;
    line-height: 2.19;
    text-align: left;
    color: #282b31;
  }
  .question__text{
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: #676c75;
    opacity: 0.8;
  }
  /* ------footer------ */
  .page-footer{
      background-color: #522d90;
  }
  .page-footer h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.19px;
    text-align: left;
    color: #ffffff;
  }
  .square__span{
      font-size: 8px;
     color: #cebfbd;
  }
  .footer__allLinks li a{
    font-size: 12px;
    line-height: 2;
    color: rgba(255, 255, 255, 0.8);
  }
  .social__icons{
      width: 35px;
      height: 35px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      margin-right: 8px;
  }
  .social__icons i{
    color: #4b4a4a;
  }
  .ftr__cntnt{
      opacity: 0.6;
    font-size: 16px;
    line-height: 1.9;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
  }
  .chart__smround{
      width: 17px;
      height: 17px;
      background-color: #42dabf;
      border-radius: 50%;
  }
  .chart-tw{
      background-color: #35bae9;
  }
  .chart-th{
      background-color: #fcc103;
  }
  .chart-fr{
      background-color: #f9327a;
  }
  .chv__iconspan{
      background: #e7e8ea;
      width: 17.5px;
      height: 17.5px;
      border-radius: 50%;
      transform: translateX(-50%);
  }
  .chv__iconspan-icon{
     font-size: 14px;
    opacity: 0.4;
  }
   
    
  
  /* ------/end of custom styles here------- */
  
  /* ---------media queries here-------- */
  @media screen and (max-width:992px){
      
  }
  @media screen and (max-width:991.98px){
      .question__span{
          position: relative;
          top: 0;
          left:0 !important;
      }
      /* .padd__right{
          padding-right: 10px !important;
      } */
      .margin__left-right{
        margin-left:1rem !important;
        margin-right:1rem !important;
     }
     .heght__r{
        padding: 1rem !important;
     }
  }
  @media screen and (max-width:768px){
      .highlight__heigh{
          flex-direction: column !important;
      }
     
      .investment__plan h1{
          font-size: 25px;
      }
      .miraya__rose{
          font-size: 25px;
      }
      .text_mob-center{
        text-align: center !important;
    }
      .pleft{
          padding-left: 15px !important;
      }
       .m_left  {
          margin-left:0 !important ;
          padding-left: 16px;
      }
      .share__bg .content, .dflex{
          flex-direction: column !important;
      }
     
      
     
      
  }
  @media screen and (max-width:767px){
      .navbar-container{
          padding-left: 0 !important;
          padding-right: 0 !important;
      }
    .f-32{
        font-size: 32px;
    }
      .detail__heading{
          font-size: 25px;
      }
     
      .margin__left-right{
         margin-left: 16px !important;
         margin-right: 16px !important;
      }
      .main__img img {
          height: 226px;
      }
      /* .mob_pad_r{
        padding-right: 0px !important;
    }
    .mob_pad_l{
       padding-left: 0px !important;
    } */
    .detail__lct > h6{
        margin-top: 5px !important;
    }
    .location_iframe{
        height: auto !important;
     }
  }
  
  @media screen and (max-width:576px){
    .padd__right{
        padding-right: 16px !important;
    }
    .pad__left{
      padding-left: 16px !important;
  }
  .tm__bg{
    /* flex-direction: column !important; */
    overflow-x: auto;
}
.location_iframe{
   height: auto !important;
}
.share__div{
    flex-direction: column;text-align: center;
}
    /* .mob_pad_r{
        padding-right: 15px !important;
    } */
    /* .mob_pad_l{
       padding-left: 15px !important;
    } */
    
  }
  @media screen and (max-width:575px){
       .return__div{
           max-width: 300px;
           margin-left: auto;
           margin-right: auto;
       }
  }
  @media screen and (max-width:480px){
    .gray__circ{
        margin-bottom: 10px;
      }
      .d_flex{
          flex-direction: column;
      }
      .gray__circ::after{
          top: 0;
      }
      .highlight__bx{
        flex-direction: column !important;
     }
     .highlight__heigh::after{
        height: 0 !important;
        width: 80%;
        margin-right: auto !important;
        margin-left: auto !important;
        bottom: 0 !important;
        border-bottom: 1px solid rgba(0,0,0,.125) !important;
        background: rgba(0,0,0,.125);
        color: rgba(0,0,0,.125);
        right: auto !important;
    }
  }
  @media screen and (max-width:435px){
    .pink__btn, .btn__white{
        margin-top: 10px;
    }
  }
  @media screen and (max-width:388px){
      .detail__heading{
          font-size: 20px;
          margin-right: 0 !important;
      }
       .m_left{
           padding-left: 0 !important;
           padding-right: 0 !important;
       }
      .detail__lct > h6{
          font-size: 13px;
      }
       
  }
  @media screen and (max-width:376px){
    .w-mob-100{
        width: 100% !important;
    }
    .aside__planA {
        height: auto;
    }

  }
  @media screen and (max-width:375.98px){
    .btn__black-custom {
        font-size: 24px;
    }
  }