.button-focus:focus{
    background:black !important;
    color:#fff !important;
    box-shadow:none !important;
    outline:none !important;
}
@font-face{
    font-family : gilroy;
    src: url("src/Gilroy-Light.otf")
}
.owl-nav{
    float:right;
}

.family{
    font-family: gilroy;
}

::-webkit-scrollbar {
  width: 5px;
}

.box:focus{
    box-shadow:none !important;
}


/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  background: white;
 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: black; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}

.nav-background{
     background-image:url("src/nav_background.jpg");
     background-repeat: no-repeat; 
     background-position: center; 
     background-size: cover;
}

.fields-position{
    position: absolute ;
    bottom:1%;
    right: 1%;
    width: 90%;
    transform: translateY(50%);
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    box-shadow:none;
}

.benifit-background{
    background-image:url("src/benifits2.jpg");
     background-repeat: no-repeat; 
     background-position: center; 
     background-size: cover;
}

.background1{
    background-image:url("src/Gaming Zone2.jpg");
     background-repeat: no-repeat; 
     background-position: top; 
     background-size: cover;
}

.background2{
    background-image:url("src/_Q0A0157-Hi.jpg");
     background-repeat: no-repeat; 
     background-position: right; 
     background-size: cover;
}

.background21{
    background-image:url("src/Housekeeping.jpg");
    background-repeat: no-repeat; 
    background-position: right; 
    background-size: cover;
}
.background22{
    background-image:url("src/Technology.jpg");
    background-repeat: no-repeat; 
    background-position: right; 
    background-size: cover;
}
.background3{
    background-image:url("src/_Q0A0525-Hi.jpg");
     background-repeat: no-repeat; 
     background-position: right; 
     background-size: cover;
}

.background4{
    background-image:url("src/private studio.jpg");
     background-repeat: no-repeat; 
     background-position: center; 
     background-size: cover;
}

.background45{
    background-image:url("src/Custom Private Solution.jpg");
     background-repeat: no-repeat; 
     background-position: center; 
     background-size: cover;
}


.list{
    list-style:none;
    
}
.list a{
    text-decoration:none;
}

.black{
    background-color:black;
}

#scroll-nav {
  position: fixed;
  top: -100%;
  width: 100%;
  display: block;
  transition: top 0.3s;
  z-index:999;
}

.size{
    font-size: 18px;
}
.size a{
    text-decoration:none;
}
.testing{
    box-shadow:inset 0 0 150px #000000;
}
.text-shadow{
     box-shadow:inset 0 0 150px #000000;
}

.testing :hover{
    box-shadow:inset 0 0 50px 50px #000000;
}

/*.effect :hover{*/
/*    box-shadow:inset 0 0 140px 140px #000000;*/
/*}*/

a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a.left:hover:before {
  visibility: visible;
  width: 100%;
}

.testimonial-text{
    line-height: 35px;
    text-align: justify;
  text-justify: inter-word;
}
reach-btn.left
{
    position: relative;
}

reach-btn.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
reach-btn.left:hover:before {
  visibility: visible;
  width: 100%;
}

.contact-us input, .contact-us select{
    height:60px;
}
::placeholder {
  font-weight:bold;
}

.contact-us button{
     height:70px;
     background:black;
     letter-spacing: 7px;
     font-size:15px;
}

.contact-us2 button{
     height:50px;
     background:black;
     
     font-size:15px;
}

.location-filter select, .location-filter option{
    height:40px;
     background:grey;
     width:200px;
     color:#fff;
     border:1px solid grey;
}
.location-filter button{
    height:40px;
 width:200px;
}

.location-card{
    border-top:3px solid  #2f2fb6 !important;
}

.location-card .location-card-underline{
    border-bottom:4px solid  black;
    width:55px;
    float:left;
}

.loaction-map-card{
    position:absolute;
    bottom: 60px;
  right: 180px;
}

.see-btn{
    height:80px;
}
.idealogy-head{
       font-size:24px;
   }
@media only screen and (max-width: 600px) {
    .content{
        justify-content:start !important;
    }
    .end{
    justify-content: end !important;
}
    .idealogy-img{
        width:100%;
    }
   .idealogy-head{
       font-size:13px;
   }
    .see-btn{
        height:45px;
    }
    
    .call{
        font-size:23px;
    }
    
    .loaction-map-card{
    position:static;
   margin: 50px auto;
}
.fields-position{
    position:relative;
    
    width: 100%;
  
}
.shadow-bottom {
  box-shadow: 0px 15px 10px -15px #111;
  
}
.testimonial-text{
    text-align: normal;
  text-justify: inter-word;
    line-height: 25px;
}
.morph-button > button
{
    width:100%;
}
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  /*transition: transform 0.6s;*/
  /*transform-style: preserve-3d;*/
  /*-webkit-transform-style: preserve-3d;*/
}

.flip-card:hover .flip-card-back {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  color:white;
  /*-webkit-backface-visibility: hidden;*/
  /*backface-visibility: hidden;*/
}

.flip-card-front {
  background-color: white;
  color: black;
}

.flip-card-back {
  background-color: white;
  z-index: 1031;
  color: white;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
  transition: all 0.5s;
}