.navbar-brand img{height: 50px;}
.f-logo img{max-height: 50px;}
#ioner .blog_slider .blog_item .img,
#ioner .blog_slider .blog_item .img_two{box-shadow: none;}
#ioner .blog_slider .blog_item .img_two{right: 24px; bottom: 150px;}
#ioner .blog_slider .blog_item .img_two img{max-width: 150px;}
#colony .elemetor_img.r_two {bottom: 193px; right: 246px;}
/*.e-body .testimonial_area{position: relative; z-index: 1;}*/
.intregration_area{position: relative;z-index: 1;overflow: hidden;background-image: linear-gradient(140deg,#8ae864 0%,#00ab71 84%);}
.intregration_area *{color: #fff;}
.image_mockup2 .one_img:nth-child(1) {
    right: -91px;
    top: 175px;
}
.image_mockup2 .one_img:nth-child(2) {
    right: 77px;
    top: 91px;
}
.image_mockup2 .one_img:nth-child(3) {
    bottom: 18px;
    left: 496px;
    mix-blend-mode: color-dodge;
}
.image_mockup2 .one_img:nth-child(4) {
    bottom: 184px;
    right: 290px;
}
.image_mockup2 .one_img:nth-child(5) {
    bottom: 78px;
    right: 526px;
}
.image_mockup2 .one_img:nth-child(6) {
    top: 269px;
    left: 100px;
    z-index: -2;
    mix-blend-mode: color-dodge;
}
.image_mockup2 .one_img:nth-child(7) {
    top: 50%;
    left: 39%;
    z-index: -2;
    mix-blend-mode: color-dodge;
}
.f-info{
    background-color: rgb(255 255 255 / 88%);
    position: relative;
    z-index: 1;
    padding: 15px;
    display: flex;
    align-content: center;
    justify-content: end;
}
.f-info > div{padding: 15px;max-width: 300px;}
#map{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
#mapbox-map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
#mapbox-menu {
    position: absolute;
    background: #efefef;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}
.mapbox-marker {
    background-image: url('../img/marker.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}
.mapboxgl-popup {
    max-width: 200px;
}

.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.layers-control {
    position: absolute;
    background-color: #67a64c;
    top: 0;
    font-size: 12px;
    overflow: hidden;
    width: 26px;
    height: 26px;
    color: #fff;
    opacity: 0;
    animation: fadeInLeft .2s .2s forwards;
    transition: all .2s ease;
    z-index: 5;
    padding: 2px 4px;
}
.layers-control > div{display: flex; align-items: center;}
.layers-control > div label{margin-bottom: 0;cursor: pointer;}
.layers-control > div:first-child{margin-right: 3px;}
.layers-control .mapOption{transition: all .2s ease; opacity: 0; padding: 0 4px;}
.layers-control i{color: #fff; margin-right: 5px; font-size: 18px}
.layers-control:hover{width: 130px; height: 110px; background-color: rgba(68,65,65,0.84);}
.layers-control:hover .v-icon{color: rgb(255, 179, 0);}
.layers-control:hover .mapOption{animation: fadeInLeft .2s .25s ease forwards;}


@media (max-width: 991px){
    .footer_top{height: auto;}
    .f-info{justify-content: center;}
    .f-info > div{padding: 0!important;}
    #map{height: 300px;}
    .u_content{padding: 0;}
    #ioner{text-align: center;}
    #ioner > img{width: 210px;display: none; }
    #ioner  .n_banner_btn{}
    #ioner .blog_item{padding: 0}
    .screen_img{width: 100%;}
    .testimonial_slider_demo .slick-slide .content{padding: 4px 8px;}
    .testimonial_slider_demo .slick-slide .content p{font-size: 13px;line-height: 2;}
}