@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Titillium+Web:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*---------------------------------------------*/
/*header*/
html{
  overflow-x: hidden;
}
body{
  overflow-x: hidden;
}
img{
  width: 100%;
}
/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/

 a {
  text-decoration: none!important;
 }
.shree {
    background: linear-gradient( rgb(113 82 221 / 65%), rgb(85 48 209 / 53%) ) , /* bottom, image */ url(../img/top.png)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
    
}

.shree_logo{
  width: 260px!important;
      margin-top: 50px;
}



.logo_sv{
  width: 250px!important;
}

.top h6{
      font-size: 22px;
    font-weight: 700;

}

.top h6 span{
    color: #5b479c;
  
}

.shree h1{
         font-size: 10.5rem;
    font-weight: 700;
    color: #ffffff59;
}

.shree h2{
     font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff59;
    margin-top: 49px;
    margin-left: 11px;
}

.button_250 {
    display: inline-block;
    border-radius: 4px;
    background-color: #00b4a9;
    border: none;
    color: #282727;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 9px;
    width: 140px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

/*-------------------------------------------------------------------*/
.pt-50{
  padding-top: 50px;
}

.pt-20{
  padding-top: 15px;
}

.pt-30{
  padding-top: 30px;
}

.pb-50{
  padding-bottom: 50px;
}

.pb-20{
  padding-bottom: 20px;
}



@media (max-width: 767px){
  .shree h1{
         font-size:11.5rem;
    font-weight: 700;
    
    color: #ffffff59;
}
.shree h2{
     font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff59;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;
}

.padma h1{
         font-size:11.5rem!important;
    font-weight: 700;
    
    color: #ffffff59;
}
.padma h2{
     font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff59;
    margin-top: 0px!important;
    margin-left: 0px!important;
    text-align: center;
}
  .shree_logo{
  width: 100%!important;
      margin-top: 50px;
}

  .padma_logo{
  width: 100%!important;
      margin-top: 50px;
}
/*  .shree h1 span{
        font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff59;
    margin-top: -549px;
    margin-left: 0px;
}
*/}

/*-----------------------------padma-----------------------------------*/

.padma {
    background: linear-gradient( rgb(139 4 4 / 69%), rgb(106 4 4 / 75%) ) , url(../img/top.png)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
    
}

.padma_logo{
  width: 260px;
      margin-top: 30px;
}

.logo_sv{
  width: 250px!important;
  padding: 20px;
}

.top h6{
      font-size: 22px;
    font-weight: 700;

}

.top h6 span{
    color: #5b479c;
  
}

.padma h1{
         font-size: 10.5rem;
    font-weight: 700;
    color: #ffffff59;
}

.padma h2{
     font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff59;
    margin-top: 49px;
    margin-left: 11px;
}

.button_padma {
    display: inline-block;
    border-radius: 4px;
    background-color: #f3af2d;
    border: none;
    color: #282727;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 9px;
    width: 140px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

/*.foot ul{
  list-style: none;
  line-height: 0px 20px;
}

.foot ul li{
 display: inline-block;
 padding: 0px 25px;
 color: black;
 font-weight: 500;
}

.foot ul li a{

 color: black;
}

.foot ul li i{
  font-size: 25px;
  color: #00b4a9;
      padding: 0px 5px;

}*/


.foot h2{
 font-size: 34px;
    color: #00b4ac;
    font-weight: 400;
}


.foot ul{
  color: black;
  font-size: 20px;
  list-style: none;
  padding: 0px;
  margin-top: 30px;
}

.foot ul li i {
    
    float: left;
    font-size: 27px;
    
    font-weight: 300;
    margin-right: 12px;
    padding: 0px 30p;
    position: relative;
    color: rgb(0 180 172);
}

.foot ul li span {

    display: block;
    overflow: hidden;
    max-width: 100%;
    font-size: 17px;
    font-weight: 600;

}

.foot ul li span a{
    color: black;
    display: block;
    font-weight: 600;
    overflow: hidden;
    max-width: 100%;
    font-size: 17px;

}

.foot ul li{
padding: 15px 30px;
display: inline-block;

}

/*------------------------------------------------------*/
.dis_none{
  display: none;
}

 @media (max-width: 767px){
  .button_abt {
    display: inline-block;
    border-radius: 4px;
    background-color: #00b4a9;
    border: none;
    color: #242323;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    width: 135px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}
   .col-xs-6{
    width: 50%!important;
  }
     .col-xs-8{
    width: 75%!important;
  }
      .col-xs-2{
    width: 15%!important;
  }
  .disp_none{
  display: none!important;
}
.fac h5{
      font-size: 18px;
    color: #fdf97c;
}

.fac_img1{
  
    background: linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ), url(../img/facilities/AC.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}

.fac_img2{
  
    background: linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ) , url(../img/facilities/3-rooms.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}

.fac_img3{
  
    background: linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ), url(../img/facilities/CCTV.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}

.fac_img4{
  
    background:linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ), url(../img/facilities/Generator.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}

.fac_img5{
  
    background: linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ), url(../img/facilities/Location-T-nagar.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}

.fac_img6{
  
    background: linear-gradient( rgb(87 31 42 / 19%), rgb(80 6 5) ) , url(../img/facilities/parking.jpg)no-repeat 0px 0px;
    background-size: cover;
    padding: 10px 0px;
        border-radius: 5px;
        height: 180px;

    
}
.col-xs-12{
  width: 100%!important;
  padding: 0px;
}

.gal{
  
    background:  url(../img/abt1.png)no-repeat 0px 0px ;
    background-size: cover;
    padding: 10px 0px;
    height: 72%;
        margin: 0px 0px 70px;
    
}
.suit ul li {
    padding: 20px 3px;
    font-size: 13px;
    color: #e5dede;
 }
.dis_none{
  display: block!important;
}
.service_bg ul li {
    list-style: none;
    line-height: 20px;
    color: white;
    padding: 20px 10px;
    border-right: 1px solid #58479b;
    
    font-size: 20px;
    font-weight: 600;
}
.other ul li {
    margin-top: 20px;
    border: none!important;
    padding: 5px 10px;
  }
.disp_none{
  display: block;
}



.soon{
      padding: 0px ;
    margin-top: 20px;
}

}