*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  /*   overflow-x: hidden; */
   
   } 
   body{
     background:#FFFFFF;
   
   }
html{
  overflow-x: hidden;
}
   .fancybox__container {
    z-index: 99999 !important;
   }
.footerFont{
  font-family: Open Sans;
font-weight: 400;
font-size: 14px;
line-height: 24.5px;
letter-spacing: 0%;


}

   .btn-outline-info{
    border-radius: 0 !important;
    padding: 16px 12px;
    font-size: 18px ;
    color: rgba(239, 107, 35, 1) !important;
    border:1px solid rgba(239, 107, 35, 1);
   }

   .btn-outline-info:hover{
    background:rgba(239, 107, 35, 1)!important;
    color: #FFFFFF !important;
    border-color: #EF6B23;
   }
   .btn-info{
    border-radius: 0 !important;
    background: linear-gradient(360deg, #FBA406 -49.44%, #EF6B23 120.67%);
    border-color: #EF6B23 !important;
    height: 50px;
    padding: 9.5px 41px;
   }

   .impactText2{
    font-family: Open Sans;
font-weight: 400;
font-size: 18px !important;
line-height: 29px;
letter-spacing: 0px;
   }
.founder{
  font-family: Poppins;
  font-size: 36px !important;
  font-weight: 400 !important;
  margin-top: 5px;
}
   .nav1 a {
    color: #333333;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
/* .contact-btn{
  width: 619px !important;
height: 50px !important;
gap: 10px;
padding-top: 12px;
padding-right: 24px;
padding-bottom: 12px;
padding-left: 24px;

}*/
.a bhayafound{
  display: flex
;
    align-items: center;
}
    .nav1 a:hover{
    color: rgba(217, 94, 49, 1);
    }

    .positionNavBar{
        position: sticky;
        top: 0px;
        z-index: 12345;
    }

    .call1{
      justify-content: center;
    }

    .call2{
      display: none;
    }
    .call1{
      display: block;
    }
    .bg1{
        background-image: url('../images/ListD.png') !important;
        width: 100%;
        height: 660px;
        background-repeat: no-repeat; 
        background-size: cover; 
        position: relative;
        top: 20px;
    }

    .links{
      margin-left: 60px;
    
    }
    
    .bold1{
      font-family: Open Sans;
      font-size: 48px !important;
      font-weight: 800 !important;
      line-height: 57.6px;
      letter-spacing: -1.2000000476837158px;
      color: #25282B;    
    }
    
    .content1{
    position: absolute;
    top: 394px;
    left: 84px;
    font-family: Poppins;
    font-size: 48px !important;
    font-weight: 600 !important;
    color: rgba(105, 57, 0, 1);
    }
    .content2{
        color: rgba(105, 57, 0, 1);
        position: absolute;
        top: 450px;
        left: 84px;
        font-family: Poppins;
        font-size: 36px !important;
        font-weight: 400 !important;
        
        }

        .messageClass{
          text-align: -webkit-center;

        }
/*     
    .ceo{
        background-image: url(./images/image\ 7.png);
        background-repeat: no-repeat; 
        background-size:cover;
        width: 560px;
        height: 598px;
        position: absolute;
        top: 62px;
        left: 53%;
        z-index: 1000;
    } */
    
      .quick{
        font-family: Open Sans;
  font-size: 40px;
  font-weight: 600;
  line-height: 18px;
  color: #ef6e21c9 !important;
      }
    .ceo2{

    width: 725px !important;
    height: 151px;
    position: absolute;
    top: 163px;
    left: 84px;
    font-family: Port Lligat Slab;
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    color: rgba(167, 90, 0, 1);
    }
    .ceo1{
        position: absolute;
        top: -20px;
        left: 8px; 
        }

    .test {
        width: 550px;
    position: absolute;
    top: -40px;
    left: 60px;
    /* background: linear-gradient(to right, #025F7C, #308EAB, #3DB4D9EB); */
    /* background: linear-gradient(to right, #7B4200 0%, #F7931E 153.61%); */
    padding: 1px;
        
        
        
      }

      .test3 {
       
    width: 550px;
    position: absolute;
    top: 210px;
    left: 2px;
    /* background: linear-gradient(to right, #025F7C, #3DB4D9); */
    /* background: linear-gradient(to right, #8F4D00 0%, #F7931E 260.12%); */
    padding: 1px;
}
        
        
      

      .text2 i{
        position: absolute;
        top: 150px;
        left: 84px;
        width: 550px;
      }

      .bg2{
        background-image: url(../images/Background.png) ;
        width: 100%;
        height: 588px;
        background-repeat: no-repeat; 
        background-size: cover;
        position: relative;
    }
    
      .who{

        font-family: Open Sans;
        font-size: 18px;
        font-weight: 600;
        line-height: 29px;
        overflow: hidden;
        z-index: 1234;
        }

.who5{
  background-image: url(../images/group4t.png);

    background-repeat: no-repeat; 
    background-size:cover;
    width: 343px;
    height: 482px;
    top: 21px;
    left: 873px;
    z-index: 1000;
    margin-top: -50px;
    /* margin-left: auto; */
}

.bg3{
    background-image: url(../images/Background\ \(1\).png) !important;
    width: 100%;
    height: 588px;
    background-repeat: no-repeat; 
    background-size: cover;
    margin-bottom: 10px !important;
    position: relative;
}

.bold2{
    font-family: Open Sans;
    font-size: 48px !important;
    font-weight: 700 !important;
    /* position: absolute; */
    /* left: 580px; */
    color: #FFFFFF;



  
  }

  .what{
    /* width: 745px; */
    /* height: 81px; */
    /* position: absolute; */
    /* left: 580px; */
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    color: #FFFFFF;
    /* text-align: justify; */
    }
/* 
    .what1{
        top: 124px;
        }

.what2{
top: 227px;
}

.what3{
top: 305px;
}

.what4{
top: 407px;
} */

.what5{
    background-image: url(../images/Group\ 4\ \(2\).png);
    background-repeat: no-repeat; 
    background-size:cover;
   
    width: 381px;
    height: 492px;
    /* position: relative;
    top: 15px;
    left: 80px; */
    z-index: 1000;
}

.impactImg{
  background-image: url(../images/Rectangle\ 78.png);
  background-repeat: no-repeat; 
  background-size:cover;
  width: 457px;
  height: 255px;
}




.impactImg2{
  background-image: url(../images/Rectangle\ 79.png);
  background-repeat: no-repeat; 
  background-size:cover;
  width: 459px;
  height: 265px;
}


.impactImg3{
  background-image: url(../images/Rectangle\ 80.png);
  background-repeat: no-repeat; 
  background-size:cover;
  width: 459px;
  height: 243px;
}
.mesImg{
  background-image: url('../images/Rectangle\ 81.png');
  background-repeat: no-repeat; 
  background-size:cover;
   width: 902px;
  height: 211px;
}

.mes1{
    font-family: Open Sans;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;   
    padding: 40px 20px 0 20px;
}

.mes2{
    
    background-image: url(../images/Ellipse\ 1.png);
    background-repeat: no-repeat; 
    background-size:cover;
    width: 61px;
    height: 61px;
   

}

.formMargin{
  margin-top: 90px !important;
}

.mes2Rohini{
  text-align: -webkit-right;
    /* margin-right: 166px; */
    margin-top: 4px;
    width: 963px;
}

.mes3{
  font-size: 14px;
}


.bg4{
    background-image: url(../images/Frame\ 48095905.png) !important;
    width: 100%;
    height: 758px;
    background-repeat: no-repeat; 
    background-size: cover;
    margin-bottom: 5px !important;
    position: relative;
    top: 150px;
}

/* .cardimgs{
  width: 600px;
} */


.form2{
    background-color: #FFFFFF;
    height: 588px;
}


  
  .login-div form {
    padding: 0 30px 30px 30px;
  }
  
  .login-div #login-title {
    display: block;
    font-family: Open Sans;
    font-size: 48px;
    font-weight: 600;
    line-height: 65.37px;

    margin-left: 33px;
    margin-top: 20px;

  }
  
  .login-div form {
    width: 100%;
  }
  .login-p{
    margin-left: 34px;
    font-family: Open Sans;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;



  }
  .bg5{
    background: #424242;
    width: 100%;
    /* height: 222px; */
    padding: 50px;
    color: #FFFFFF;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.527999997138977px;
    text-align: left;
    position: relative;
    top: 145px;
  }

  .bg5 a{
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Open Sans';
font-weight: 600;
font-size: 22px;
line-height: 28.8px;
letter-spacing: -0.53px;
  }


  .bg6{
    background: #333333;
    width: 100%;
    height: auto;
    padding: 67.5px 45px 67.5px 44px;
    color: #8A8A8A;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24.5px;
    position: relative;
    top:114px;
   

  }


/* .c1{
  background-image: url(./images/fi_819865.png);
  height: 60px;
  width: 60px;
  background-repeat: no-repeat; 
  background-size: cover;
  
} */

.c1 a{
  text-decoration: none;
  color: white;
}

/* .c2{
  background-image: url(./images/fi_1959251.png);
  height: 60px;
  width: 60px;
  background-repeat: no-repeat; 
  background-size: cover;
  
} */

.c2 a{
  text-decoration: none;
  color: white;
}

/* .c3{
  background-image: url(./images/fi_482138.png);
  height: 60px;
  width: 60px;
  background-repeat: no-repeat; 
  background-size: cover;
  
} */

.c3 a{
  text-decoration: none;
  color: white;
}


      li a:hover{
       color: #3DB4D9;
        }


.transparentImage{
    width: 100%;
    position: relative;

}

 .mediaImg{
  height: 259px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;

} 
.mediaImg2{
  height: 261px;
  width: 100%;
  border-radius: 10px;
   object-fit: cover;
} 

.overlay{
  position: absolute;
  height: 259px;
  width: 30.7%;
  background-color: #00000088;
  opacity: 0.6;
  z-index: 123;
  top: 106px;
  border-radius: 10px;
}

.overlay:hover, .overlay3:hover, .overlay2:hover, .overlay4:hover{
  opacity: 0;
}


.overlay2{
  position: absolute;
  height: 261px;
  width: 47.1%;
  background-color: #00000088;
  opacity: 0.6;
  z-index: 123;
  top: 387px;
  border-radius: 10px;
}

.overlay3{
  position: absolute;
  height: 259px;
  width: 30.7%;
  background-color: #00000088;
  opacity: 0.6;
  z-index: 123;
  top: 673px;
  border-radius: 10px;
}

.overlay4{
  position: absolute;
  height: 261px;
  width: 47.1%;
  background-color: #00000088;
  opacity: 0.6;
  z-index: 123;
  top: 956px;
  border-radius: 10px;
}
.media, .blog1, .blog2{
  position: relative;
  top: 80px;
}
  .blog3  {
    position: relative;
    top: 100px;
    /* opacity: 0.5;
    width: 100%; */

  }

.blog4{
  font-family: Open Sans;
    font-size: 48px !important;
    font-weight: 800 !important;
    color: #25282B;
  letter-spacing: -1.2000000476837158px;
  position: relative;
  top: 104px;
  left: 0px;
  text-transform: uppercase;
 
}

.bold4{
  font-family: Open Sans;
  font-size: 48px !important;
  font-weight: 800 !important;
  letter-spacing: -1.2000000476837158px;
  color: #25282B;
  position: relative;

}

.cardmsg{
  font-family: Open Sans;
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
color: rgba(239, 107, 35, 1);
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.cardmsg2{
  font-family: Open Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: justify;  
color: #8A8A8A;

}

.spaceNav{
  height: 60px;
  margin-top: -60px;
}
.spaceNavM{
  height: 0px;
  margin-top: -60px;
}

.nav5{
  position: sticky;
    top: 800px;
    z-index: 123;
    margin-top: 0px;
  margin-bottom: -40px;
}

.bg7{
  background: #0F0F0F;
  width: 100%;
  /* height: 50px; */
  color: #8A8A8A !important;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 56.4px;;
  position: relative;
  /* margin-top: 119px; */
  top: 114px;
}

.vsnap a{
  text-decoration: none;
  color: rgba(239, 107, 35, 1);
 }

.font1{
  font-size: 18px ;
  font-weight: 600;
  color: rgba(239, 107, 35, 1);
}

.font2{
 color: rgba(251, 164, 6, 1);
  font-size: 18px ;
  font-weight: 700;
}
.impactText, .impactText2, .impactText3{

  text-align: justify;
}
.flogo{
  background-image: url(../images/Group\ 3.png);
  width: 424px;
  height: 143px;
  background-repeat: no-repeat; 
  background-size: cover;

}

.spaceNav2{
  height: 0;
    margin-top: 30px;
}

.With{
  font-family: Open Sans;
font-size: 18px;
font-weight: 700;
line-height: 23.4px;
color:#FFFFFF;
margin-top: 20px;
}

.contectD{
  display: block;
}
.contectM{
  display: none;
}
.navbar-toggler {
  border: 0;
}

/* button:focus:not(:focus-visible){
  border: 0;
} */



@media only screen and (min-width: 1164px) {

  .bg5 img{
    height: 5vh;
    width: 5vh;
  }
  .flogo{
    width: 371px;
    height: 126px;
  }
     .btn-info:hover{
    color: #EF6B23 !important;
    background:#fff !important;
    border-color: #EF6B23 !important;

   }
   .Photo_Gallery_section .slick-arrow:hover {
  background-color: #3DB4D9;
  color: #fff;
}
  .quick {
    font-size: 24px;
  }
  .addresscontact {
    font-size: 19px !important;
  }
  .logo-address img {
    height: 4vh !important;
    width: 4vh !important;
}
}

.card-img-top{
  border-radius: 10px;
}

@media only screen and (max-width: 1163px) {
  
.bg5 a {
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    line-height: 20.8px;
    letter-spacing: -0.53px;
}
  .navbar-toggler:focus{
    box-shadow: none;
  }
  /* .positionNavBar{
    position: sticky;
    top: 0px;
    z-index: 12345;
} */
#gallery{
  margin-top: 100px;
  
}
.bro{
  margin-top: 50px;
}
.copy{
  font-size: 9px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px;
}
.navbar-nav .nav-link.active{
  color: rgba(217, 94, 49, 1) !important;
}

.nav-link:focus{
  color:#000000 !important;
}
.nav-link:hover{
  color: rgba(217, 94, 49, 1) !important;
}
.links{
  margin-left: 0px;
}
.contectM{
  display: block;
}
.contectD{
  display: none;
}
.social{

  font-size: 13px !important;

  }

.call1{
  display: none;
}
.call2{
  display: block;
}

.quick{
  font-size: 18px;
  font-weight: 600;
  line-height: 18px; 
color:#FFFFFF;
}
.With{
font-family: Open Sans;
font-size: 18px;
font-weight: 600;
line-height: 23.4px;
color:#FFFFFF;
}
.nav1 a{
  color: #333333;
  font-family: Poppins;
  font-size: 15px;
  font-weight: 600;
  line-height: 35px !important;
  }

  .nav1 a:hover{
    color: #3DB4D9;
  }
  
.founder{
  font-size: 12px !important;
  font-weight: 400 !important;    
  margin-top: 2px;
}
  
p{
  margin-bottom: 0.5rem ;
}
.figureM{
  display: none;
}

.nav2 a{
font-size: 11px !important;
font-weight: 500 !important;
line-height: 18px !important;

  }
.bg5 img{
  height: 5.5vh;
  width: 5.5vh;
  margin-bottom: 25px;
}

.flogo{
  background-image: url(./images/Group\ 3\ \(1\).png);
         width: 183px;
        height: 59px;
}


.bg1{
  background-image: url('../images/ListM.png') !important;
  width: 100%;
  height: 214px;
  background-repeat: no-repeat; 
  background-size: cover;
  position: relative;
  top: auto;
}
.cardmsg{
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 600;
  line-height: 31px;
color: rgba(239, 107, 35, 1);

}

.cardmsg2{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.ceo2{
  width: 207px !important;
  height: 42px;
  position: absolute;
  top: 48px;
  left: 11px;
  color: rgba(167, 90, 0, 1);
  font-family: Port Lligat Slab;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  text-align: left;

  }
  .ceo1{
    top: -10px;
    left: 02px;
    }
      .downhr{
      width: 184px;
    position: relative;
    top: 10px;
  }

    .test {
      width: 184px;
      height: 2px !important;
      left: 18px !important;
      top: -9px;
      /* left: 60px; */
      padding: 1px;  
    }
    .test3 {
      width: 184px;
      height: 2px;
      top: 54px;
      left: 0px !important;
     /*  background: linear-gradient(to right, #025F7C,#3DB4D9); */
      padding: 1px;
    }

    .content1{
      top: 115px !important;
      left: 10px !important;
      font-size: 16px !important;
      line-height: 42px; 

      }

      .content2{
        top: 141px;
        left: 10px;
        font-size: 12px !important;
        font-weight: 400 !important;     
        }

      /* .bg2{
       
        width: 100%;
        height: auto; 
        background:#7a8586  url('Abhaya pics/bgM.jpeg');
          } */
 /* background-image: url(images/BackgroundM.png) !important; */
          /* .bg2{
            position: relative;
             width: 100%;
            height: auto; 
            background-image: url(images/BackgroundM.png) !important;
        }
        .bg2::before {
            content:'';
            background: url('Abhaya pics/bgM.jpeg') !important;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top:0px;
            left: 0px;
            width:100%;
            height:100%;
            z-index:-1;
            opacity: 0.1; 
        } */

        .bg2 {
          position: relative;
          width: 100%;
          height: auto; 
          background: url(../images/BackgroundM.png) no-repeat center center;
          background-size: cover;
        }
      
        .overlayb {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.144); /* Adjust the opacity here */
        }
        /* .content {
          position: relative;
          z-index: 1;
          color: white;
          text-align: center;
          padding-top: 50px;
        } */

    .bold1{

      font-size: 24px !important;
      font-weight: 700 !important;
      letter-spacing: -1.2000000476837158px;
      color: #25282B;
      text-transform: uppercase;  
      text-align: center;
    }
    .who{
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      overflow: hidden;
    }

.font1{
font-size: 14px;
font-weight: 600;
}

.who5{
  background-image: url(../images/GroupM.png);
    width: 285px;
    height: 385px;
    margin: 10px 0 20px 6px;
}


  .bg3{
      height: auto; 
      
  }

    .spaceNav{
      height: 76px;
      margin-top: -76px;
    }

    .spaceNav3{
      height: 149px;
      margin-top: -112px;
    }
    .what5{
      display: none;
    }

    .what6{
      background-image: url(../images/Group\ 4\ m.png);
      background-repeat: no-repeat; 
    background-size:cover;
        height: 376.74px;
        /* top: 450px;
        left: -30px !important; */
        width: 284px;
        margin: 10px 0 20px 10px !important;

    }

    .bold2{
      font-size: 24px !important;
      font-weight: 700 !important;    
      text-align: center;
    }

    .font2{
      font-size: 14px;
      font-weight: 700;
      }

      .what{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: #FFFFFF;      
        }
    
       
        .bold3{
          font-size: 24px !important;
          font-weight: 700 !important;
          letter-spacing: -1.2000000476837158px;
          color: #25282B;
        }

        .impactImg ,.impactImg2{
        display: none;
        }

        .impactImgM{
          background-image: url(../images/Rectangle\ 78M.png);
          background-repeat: no-repeat; 
          background-size:cover;
          max-width: 94%;
        height: 166px;

        }
        .impactText{
          /* width: 281px; */
          /* height: 240px; */
          /* position: relative;
          left: 17px !important; */
          font-size: 14px !important;
          font-weight: 400 !important;
          line-height: 20px ;
          top: 146px;
          text-align: justify;
        }
        .impactImg2M{
          background-image: url(../images/Rectangle\ 79M.png);
          background-repeat: no-repeat; 
          background-size:cover;
          max-width: 94%;
        height: 166px;
          top: -8px;
          left: 17px;
        }

        .impactText2{
          /* width: 281px;
          height: 240px; */
          /* position: relative; */
          left: 4px !important;
          font-size: 14px !important;
          font-weight: 400 !important;
          line-height: 20px ;
          top: -03px;
          text-align: justify;
        }


        .impactImg3{
       display: none;
        }

        .impactImg3M{
          background-image: url(../images/Rectangle\ 80M.png);
          max-width: 94%;
        height: 166px;
          background-repeat: no-repeat; 
          background-size:cover;
        }

        .impactText3{
          font-size: 14px !important;
          font-weight: 400 !important;
          line-height: 20px ;
        }

        .mesImg{
          background-image: url(../images/81M.png);
          width: 300px;
          height:fit-content ;
          /* top: -64px;
          right: 2px; */
        }
        .mes1{
          /* left: 14px;
          top: 10px; */
          font-size: 10px;
          line-height: 18px;
          /* width: 259px;
          height: 54px; */
          padding: 10px;
      }
      .mes2Rohini {
        text-align: -webkit-right;
        
        margin-top: 0;
        width: 290px;
    }
      .mes2{
          background-image: url(../images/EllipseM.png);
          width: 35px;
          height: 35px;
      }
      
      .mes3{
        height: 10px;
        font-family: Open Sans;
        font-size: 14px;
        font-weight: 600;
        line-height: 34px;  
        margin-top: -40px;
        text-align: center;
      }
      .bold4{
        font-size: 24px !important;
        font-weight: 700 !important;
        letter-spacing: -1.2000000476837158px;
        color: #25282B;
        position: relative;
        bottom: 128px;
        text-align: center; 
      }

      .form1, .blog2{
       display: none;
    }
    .blog3  {
      position: relative;
      top: 0px;
    }
    

    .blog4{
      font-size: 24px !important;
      font-weight: 700 !important;
      top: -27px;
      left: 0px;
    }

    .gallery{
      font-family: Open Sans;
      font-size: 24px !important;
      font-weight: 700 !important;
        color: #25282B;
      letter-spacing: -1.2000000476837158px;
      position: relative;
      top: 50px;
      left: 0px;
      text-transform: uppercase;
    }

    .form2{
      position: absolute;
      top: 29px;
      background-color: #FFFFFF;
      height: auto;
      padding: 20px;
      width: 287px;
      margin-top: 37px;
  }


  .bg4{
    width: 100%;
    height: 580px;
    top: 30px;
}

.login-div form {
  padding: 0px;
}

.login-div #login-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 65.37px;
  margin-left: 0px;
  margin-top: -20px;

}

.login-div form {
  width: 100%;
}
.login-p{
  margin-left: 0px;
  font-size: 10px !important;
  margin-bottom: 10px;
  margin-top: -14px;


font-size: 10px;
font-weight: 400;
line-height: 15px;
letter-spacing: 0.01em;



}

.form-group{
  margin-bottom: 10px;
}

.bg5{
  background: #424242;
  width: 100%;
  height: 207px;
  font-size: 12px;
  padding: 5px;
  margin-top: -55px;
  top: 77px;
line-height: 28.8px;
letter-spacing: -0.527999997138977px;
}


.bg6{
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: 400;
  margin-top: -50px;
  padding: 15px 20px;
}
.nava{
  display: none;
}

.bg7{
  background: #0F0F0F;
  font-size: 08px;
  font-weight: 400;
  line-height: 26.4px;
  /* height: 50px; */

  font-family: Open Sans;

}

.media{
  display: none;
}

.footerFont{
  font-size:14px;
  font-weight: 400;
  line-height: 20px;
}
div#carousel { 
  /* perspective: 1200px; 
  background: #100000;  */
  padding-top: 10%; 
  margin-bottom: 3rem; 
  overflow: hidden; 
}
.upsidehr{
  width: 184px;
    position: relative;
    bottom: 10px;
}

figure#spinner { 
  transform-style: preserve-3d; 
  height: 300px; 
  transform-origin: 50% 50% -500px; 
  transition: 1s; 
} 
figure#spinner img { 
  width: 100%;
  position: absolute; left: 0%;
  transform-origin: 50% 50% -500px;
  outline:1px solid transparent; 
  top: 50px;
}
figure#spinner img:nth-child(1) { transform:rotateY(0deg); 
}
figure#spinner img:nth-child(2) { transform: rotateY(-45deg); }
figure#spinner img:nth-child(3) { transform: rotateY(-90deg); }
figure#spinner img:nth-child(4) { transform: rotateY(-135deg); }
figure#spinner img:nth-child(5){ transform: rotateY(-180deg); }
figure#spinner img:nth-child(6){ transform: rotateY(-225deg); }
figure#spinner img:nth-child(7){ transform: rotateY(-270deg); }
figure#spinner img:nth-child(8){ transform: rotateY(-315deg); }

div#carousel ~ span { 
  color: #3DB4D9;
  margin: 0 100px 0 100px;
  margin-top: -4rem;
      }


.nav5{
  display: none;
}

.cardimgs{
  width: 91%;
}


}

.cont1{
  display: none;
}



.nav2 a{
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
    display:flex;
    justify-content: center;
    margin-left: 0px;
    color: #aaaaaa;
  }

  .nav2 a:hover{
    color: rgba(217, 94, 49, 1);
  }

  .social{
    display: flex;
    /* justify-content: center; */
    font-size: 16px;
    /* margin-left: 10px; */
    }
    

    @media (width:320px){
      .nav2 a{
        font-size : 10px !important;
      }
      .eshwara-logo img {
    width: 70%;
}
.addresscontact {
  font-size: 13px !important;
}
.logo-address img {
    height: 3vh !important;
    width: 3vh !important;
}
.completeinform{
  margin-top: 20px;
}
.addresscontact {
  margin-bottom: 0 !important;
}
  
    }
    @media (min-width:412px)and (max-width:414px)  {
      .who5 {
        margin: 10px 0 20px 47px !important;
    }
    .what6 {
      margin: 10px 0 20px 47px !important;
    }
    }

  @media (min-width:360px)and (max-width:411px) {
    .nav2 a{
      font-size : 13px !important;
    }
.who5{
  margin: 10px 0 20px 36px;
}

.what6 {
  margin: 10px 0 20px 36px !important;
}
.addresscontact {
  font-size: 13px !important;
}
.logo-address img {
    height: 3vh !important;
    width: 3vh !important;
}
.completeinform{
  margin-top: 20px;
}
.addresscontact {
  margin-bottom: 0 !important;
}
.eshwara-logo img {
    width: 70% !important;
}
  }

@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  .nava2{
    display: none;

  }
  #gallery{
    display: none;
  }
  #carousel{
    display: none;
  }

  .gallery{
    display:block;
  }
  .gallery{
    display:none;
  }
  div#carousel ~ span{
    display: none;
  }
  div#carousel ~ span:hover {
    display: none;
  }

  
.impactImg3M, .impactImgM, .impactImg2M{
  display: none;
  }


}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }


@media (min-width:1281px) { /* hi-res laptops and desktops */ }



@media only screen and (width: 1164px)  {

  /* .cardimgs{
    width: 445px;
  } */
  .nav2 a{
    font-size: 12px;
  }
  
.bg5{
  padding: 20px 0 33px 0;
}
  .bg1 {
    background-image: url(../images/ListM.png) !important;
    position: relative;
    top: 20px;
}

  .bg2{
    height: 666px !important;
  }

  .bg3{
    height: 680px !important;
  }

  .mes2Rohini{
      width: 947px;
  }

  .mediaImg{
    height: 183px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  
  }
  .mediaImg2{
    height: 186px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  }
  .overlay{
    position: absolute;
    height: 183px;
    width: 29.7% !important;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 106px;
    border-radius: 10px;
  }
  .overlay:hover, .overlay3:hover, .overlay2:hover, .overlay4:hover{
    opacity: 0;
  }


  .overlay2{
    position: absolute;
    height: 186px;
    width: 46.1% !important;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 312px;
    border-radius: 10px;
  }
  .overlay3{
    position: absolute;
    height: 183px;
    width: 29.7% !important;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 521px;
    border-radius: 10px;
  }
  
  .overlay4{
    position: absolute;
    height: 186px;
    width: 46.1% !important;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 729px;
    border-radius: 10px;
  }

  .impactImg{
    background-image: url(../images/Rectangle\ 78.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 384px;
    height: 215px;
    margin-top: 39px;
  }

  .impactImg2{
    background-image: url(../images/Rectangle\ 79.png);
    background-repeat: no-repeat; 
    background-size:cover;
    width: 384px;
    height: 222px;
    margin-top: 39px;
  }

  .impactImg3{
    background-image: url(../images/Rectangle\ 80.png);
    background-repeat: no-repeat; 
    background-size:cover;
    width: 400px;
    height: 211px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1366px)  {
  /* Put your CSS here for 768px to 1024px width devices covers all width between 768px to 1024px    */

  /* .cardimgs{
    width: 530px;
  } */
  
  .nav2 a{
    font-size: 17px;
  }
  
.bg5{
  padding: 20px 0 33px 0;
}
   
  .bg2{
    height: 642px;
  }
  .mes2Rohini{
      width: 965px;
  }

  .overlay{
    position: absolute;
    height: 221px;
    width: 30.5%;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 106px;
    border-radius: 10px;
  }

  .mediaImg{
    height: 221px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
  
  } 
  .mediaImg2{
    height: 223px;
    width: 100%;
    border-radius: 10px;
     object-fit: cover;
  }
  
  .overlay:hover, .overlay3:hover, .overlay2:hover, .overlay4:hover{
    opacity: 0;
  }
  
  .overlay2{
    position: absolute;
    height: 223px;
    width: 47%;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 353px;
    border-radius: 10px;
  }
  .overlay3{
    position: absolute;
    height: 221px;
    width: 30.5%;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 597px;
    border-radius: 10px;
  }
  
  .overlay4{
    position: absolute;
    height: 223px;
    width: 47%;
    background-color: #00000088;
    opacity: 0.6;
    z-index: 123;
    top: 842px;
    border-radius: 10px;
  }
}


@media (min-width: 375px) and (max-width: 411px){
  .mes2Rohini {
    text-align: -webkit-right;
  
}

.bg6 {
  margin-top: -38px;
}

.bg5{
  height: 179px;
}
.ceo2{
  top: 65px;
  left: 20px;
}
.content1 {
  top: 155px !important;
  left: 20px !important;
 
}

.content2 {
  top: 186px;
  left: 20px;
}

.bg1{
  height: 251px;
}

div#carousel {
  padding-top: 10%;
  margin-bottom: 5rem;
  overflow: hidden;
}
div#carousel ~ span {
  color: #3DB4D9;
  margin: 0 120px 0 120px;
  margin-top: -4rem;
}
}


@media (min-width: 412px) and (max-width: 427px){
  .mes2Rohini {
    text-align: -webkit-right;

}
.bg5{
  height: 192px;
}

.ceo2{
  top: 65px;
  left: 25px;
}
.content1 {
  top: 155px !important;
  left: 25px !important;
 
}

.content2 {
  top: 186px;
  left: 25px;
}

.bg1{
  height: 251px;
}

div#carousel {
  padding-top: 10%;
  margin-bottom: 5rem;
  overflow: hidden;
}
div#carousel ~ span {
  color: #3DB4D9;
  margin: 0 140px 0 140px;
  margin-top: -4rem;
}
}

@media (min-width: 428px) and (max-width: 430px){
  .mes2Rohini {
    text-align: -webkit-right;  
}

.who5 {
  margin: 10px 0 20px 56px;
}

.what6 {
  margin: 10px 0 20px 56px !important;
}
.bg5{
  height: 179px;
}
.bg6 {
  margin-top: -38px;
}
.ceo2{
  top: 65px;
  left: 25px;
}
.content1 {
  top: 155px !important;
  left: 25px !important;
 
}

.content2 {
  top: 186px;
  left: 25px;
}

.bg1{
  height: 251px;
}

div#carousel {
  padding-top: 10%;
  margin-bottom: 5rem;
  overflow: hidden;
}
div#carousel ~ span {
  color: #3DB4D9;
  margin: 0 140px 0 140px;
  margin-top: -4rem;
}
}
@media (width: 360px) {
  .mes2Rohini {
    text-align: -webkit-right;
}
.who5 {
  margin: 10px 0 20px 24px;
}

.what6 {
  margin: 10px 0 20px 24px !important;
}
.bg5{
  height: 215px;
}
div#carousel {
  padding-top: 10%;
  margin-bottom: 5rem;
  overflow: hidden;
}
div#carousel ~ span {
  color: #3DB4D9;
  margin: 0 120px 0 120px;
  margin-top: -4rem;
}
}





@media (min-width: 1920px) and (max-width: 2559px){
  .bg1{
    height: 869px;
  }

  .ceo2{
    top: 257px;
    left: 304px;
  }

  .content1 {
    top: 491px;
    left: 304px;
}

.content2 {
  top: 554px;
  left: 304px;
}
}


@media (width: 2560px){
  .bg1{
    height: 1000px;
  }

  .ceo2{
    top: 354px;
    left: 611px;
  }

  .content1 {
    top: 567px;
    left: 611px;
}

.content2 {
  top: 623px;
  left: 611px;
}
}

@media (min-width: 768px) and (max-width: 834px){

  .Photo_Gallery_section .slick-arrow.prev-arrow {
    left: 41% !important;
  }
  
  .Photo_Gallery_section .slick-arrow.next-arrow {
    left: 56% !important;
  }
  .bg1 {
    background-image: url(../images/ListD.png) !important;
    width: 100%;
    height: 289px;
    object-fit: fill;
}

.ceo2{
  top: 54px;
  left: 36px;
}

.content1 {

  left: 36px !important; 
}

.content2 { 
left: 36px !important;
}

.who5 {
  margin-top: -68px;
}

.what6 {
  margin-top: 20px;
}

.mes2Rohini {
  text-align: -webkit-right; 
}
.impactText2{
  margin-left: 0.1rem !important;
}
.impactText {
  margin-top: 0.1rem !important;
}

.impactText2{
  margin-top: 1rem !important;
}

.impactText3{
  margin-top: 1rem !important;
}
.impactImgM {
  margin-bottom: -0.8rem !important;
}

.bg5 {
  top: 80px;
  height: 221px;
}

.bg4{
  height: 669px;
}

.bg6 {
  margin-top: -103px;
}

div#carousel ~ span {
  margin: -34px 350px 0 350px;
}

div#carousel {
  margin-bottom: 6rem;
}

figure#spinner {
  margin-left: 208px;
  width: 393px;
}

.bg5 img {
  height: 5.5vh;
  width: 5.5vh;
  margin-bottom: 25px;
}

.bg5 img {
  height: 2.5vh;
  width: 1.8vh;
  margin-bottom: 25px;
}
}

.navbar-nav, .nav-link.active{
 color: rgba(217, 94, 49, 1);
 font-weight: 700;
}

.nav-link:focus, .nav-link:hover {
  color: #000000;
}
.nav-link:hover{
  color: #3DB4D9;
}


.callp{
  margin-left: 95px;
}

.callA{
  margin-left: 98px;
}


.Amenities .wrapper a {
  width: 21%;
}


.Photo_Gallery_section .center-slider .slick-slide {
  background-color: #00000000;
  color: #fff;
  height: 290px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-in-out;
}
.Photo_Gallery_section .slick-next,
.Photo_Gallery_section .slick-prev {
  z-index: 5;
}
.Photo_Gallery_section .slick-next {
  right: 15px;
}
.Photo_Gallery_section .slick-prev {
  left: 5px;
}
.Photo_Gallery_section .slick-next:before,
.Photo_Gallery_section .slick-prev:before {
  color: #000;
  font-size: 26px;
}

.Photo_Gallery_section .slick-arrow.prev-arrow {
  left: 31%;
}

.Photo_Gallery_section .slick-arrow.next-arrow {
  left: 61%;
}

.Photo_Gallery_section .slick-arrow {
  position: absolute;
  bottom: -16%;
  border: 1px solid;
  z-index: 9;
  background-color: #0000;
  color: rgba(239, 107, 35, 1);
  padding: 2px 10px 0px 10px !important;
  border-radius: 50%;
  border-color: #000;
}


.Photo_Gallery_section .slick-slide.slick-active figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.Photo_Gallery_section .slick-slide.slick-active figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Photo_Gallery_section
  .slick-slide.slick-current.slick-active.slick-center
  figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.Photo_Gallery_section
  .slick-slide.slick-current.slick-active.slick-center
  figure
  img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  transition: 0.5s;
}

.Photo_Gallery_section .slick-slide.slick-cloned figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Photo_Gallery_section .slick-slide figure {
  margin: 0 0 0rem;
  width: 100%;
  height: 100%;
}
.Photo_Gallery_section .slick-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Photo_Gallery_section .select_status,
.Photo_Gallery_section .select_status:focus-visible {
  background-color: #fff;
  border: 1px solid #3DB4D9;
  border-radius: 5px;
  color: #3DB4D9;
  padding: 5px 10px;
  margin-right: 60px;

}
.Photo_Gallery_section .select_status:hover {
  background-color: #3DB4D9;
  color: #fff;
}

@media (max-width: 384px){
  .Photo_Gallery_section .select_status, .Photo_Gallery_section .select_status:focus-visible {
    margin-right: 18px;
}
}
@media (max-width: 320px){
.Photo_Gallery_section .select_status, .Photo_Gallery_section .select_status:focus-visible {
  margin-right: 16px;
}
.Amenities .wrapper{
  gap: 40px;
}  
.overview a {
  font-size: 16px;
}

.Photo_Gallery_section .slick-arrow {
  bottom: -14%;
}
}

.wt-img-effect.zoom-slow{
  padding: 6px;
}
.back-to-top {
    background: linear-gradient(180deg, #EF6B23 0%, #FBA406 148.77%);
    color: #FFF !important;
    height: 48px;
    width: 48px;
    border: 1px solid #EF6B23;
    visibility: hidden;
    border-radius: 6px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    position: fixed;
    bottom: 50px;
    right: 12px;
    z-index: 99999;
    /* padding: 10px 16px; */
    display: flex
;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.back-to-top.active {
    visibility: visible;
    opacity: 1;
    z-index: 99;
}
.blogsBG {
    background: url(../images/blogBG.webp) no-repeat center;
    background-size: cover;
    min-height: 60vh;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* top: -89px; */
    position: relative;
}
.aboutUsHead{
 color: #ffffff;
}
.aboutUsHome{
  color: #ffffff;
}
.blog-item {
    position: relative;
    margin-bottom: 15px;
    
}
.whole-container{
  display: flex;
}
.blog-title a{
  text-decoration: none;
  color: rgba(239, 107, 35, 1);
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 12px;
  /* padding-left: 20px; */
  position: relative;
  height: 60px;
  align-content: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-description{
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #9B9B9B;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-title {
    position: relative; 
    padding-left: 20px; 
}
.blog-title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #EA7500;
}
.blog-content {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-top: 12px;
    padding-left: 0px;
    margin-right: 30px;
    margin-top: -40px;
    border-radius: 0 4px 0 0;
    right: 1px;
}
.blog-img {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.btn:last-child {
    margin-right: 0;
}
.btn__link {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 0 !important;
    border-color: #FFFFFF !important;
}
.btn {
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--ltn__body-font);
    /* padding: 17px 40px; */
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    margin-right: 15px;
}
.bgimg-of-banner{
  padding-top: 5rem;
}
.bg-banner-title{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 400px;
  color: rgb(255 192 117);
  font-size: 54px;
}
.latest-articles{
  font-size: 22px;
  font-weight: 500;
  color: #EA7500;
  text-align: left;
  margin-bottom: 10px;
}
.industry-blogs{
  font-size: 48px;
  font-weight: 700;
  line-height: 52.8px;
  color: #25282B;
  text-align: left;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
.blog-imgs{
  width: 100%;
}

@media (max-width:900px) {
  .bgimg-of-banner {
    padding-top: 0rem;
  }
  .blogdetails_banner{
    background-size: cover;
    background-position: center;
  }
  .bg-banner-title {
    height: 200px;
    font-size: 24px;
  }
  .blog-grid{
    padding-top: 3rem;
  }
}
.blogsthumbnail-imgs{
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.blogdetails_banner{
  background-repeat: no-repeat;
  background-size: cover;
}
.readmore:hover{
  color:  #db8625 0%;
}
.readmorebtn{
  padding: 12.5px 41px;
}
.nav2{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.addresscontact{
  text-decoration: none;
  color: #aaaaaa;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 22px;
  line-height: 28.8px;
  letter-spacing: -0.53px;
}
.completeinform{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.logo-address img{
  height: 5vh;
  width: 5vh;
}
.logo-address{
  display: flex;
}
.cardimgs a{
  text-decoration: none;
}
.eshwara-logo img{
  width: 100%;
}