.elementor-459 .elementor-element.elementor-element-dc98698{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:50px;--margin-right:0px;--margin-bottom:100px;--margin-left:0px;}.elementor-459 .elementor-element.elementor-element-eec50b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-right:0px;--margin-bottom:100px;--margin-left:0px;}@media(min-width:768px){.elementor-459 .elementor-element.elementor-element-dc98698{--content-width:1250px;}.elementor-459 .elementor-element.elementor-element-eec50b9{--content-width:1250px;}}/* Start custom CSS for html, class: .elementor-element-ac7ea61 */.city_boxes{
    display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap:20px;
}

.elementor-459 .elementor-element.elementor-element-ac7ea61 h2{
    margin-bottom:30px;
}

.cBox{
    position:relative;
    background:#f9f9f9;
    height:200px;
    transition:.3s ease-in-out;
    box-shadow:0 0 50px #d9d9d9;
    border-radius:5px;
    cursor:pointer;
}

.iBox{
    border-radius:5px;
}

.city_boxes h5 {
    position:absolute;
    
}

.aBox{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    
    justify-content: center;
    left:0;
    margin-right:auto;
    margin-left:auto;
}
.aBox p{
    margin-top:65px;
    font-weight:500;
    color:#fff;
}
.aBox h5{
    color:#fff;
    font-size:28px;
    font-weight:700;
}

.iBox img{
    filter:brightness(0.65);
    height:100%;
    width:100%;
    object-fit:cover;
      transition:.3s ease-in-out;
}

.cBox:hover img{
    transform:scale(1.05);
    transition:.3s ease-in-out;
}
.cBox:hover{
    transition:.3s ease-in-out;
    transform:translateY(5px);
}

.iBox{
    overflow:hidden;
    height:100%;
}

.cSoonModal{
    position:fixed;
    background:rgb(0,0,0,0.4);
    width:100%;
    height:100vh;
    top:0;
    left:0;
    z-index:9999;
    display:none;
}

.coming-soon{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    background:#f9f9f9;
    max-width:400px;
    border-radius:10px;
    margin:auto;
    padding:30px 20px 0px 20px;
    box-shadow:0 0 20px #d9d9d9;
}

.fromLeft{
    animation:fromLeft .5s;
}

@keyframes fromLeft{
 0% {
    transform: translateY(-1000px);
  }
  80% {
    transform: translateY(100px);
  }100%{
    transform: translateY(0);  
  }
}


.coming-soon h2{
    margin-bottom:20px;
}

.coming-soon h2.underLine:after{
    margin:auto;
    margin-top:-6px;
}

.coming-soon img{
    box-shadow: 0 0 100px #d9d9d9 inset;
    padding-right:10px;
    border-radius:5px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .city_boxes{
            grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
 
@media only screen and (max-width: 767px){
     .city_boxes{
            grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    
}

@media only screen and (max-width: 450px){
    .city_boxes{
            grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d963737 */.elementor-459 .elementor-element.elementor-element-d963737 h2{
    margin-bottom:30px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eec50b9 */.elementor-459 .elementor-element.elementor-element-eec50b9:before{
    width:85%!important;
    top:-35px;
}/* End custom CSS */