/*tech icon*/
.tech-icon-02 img {width: 80px;}
.tech-icon-02 h5.sppb-addon-title.sppb-feature-box-title {margin-top: 20px;}

@media only screen and (min-width: 992px) {
.tech-icon-02 .sppb-media-content, .tech-icon-02 span.sppb-img-container{width: 100%;}
.tech-icon-02 .sppb-feature-box-title {width: 100%!important;}
  
.tech-icon-02 .sppb-addon-content.sppb-text-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
}}

@media (max-width: 767px){
.tech-icon-02 .sppb-addon-content.sppb-text-left {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
  	text-align:center;
}}


/*map*/

/*image left-------------------------------------------------------------------------*/
.dt-map, .map-box{
    position: relative;
}

.dt-map:before{
    position: absolute;
    background-size: contain !important;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #0a7d2b;
    opacity:0.3;
    bottom: -60px;
    left: -60px;
    border-radius: 0px 0 0px 0;
    background-repeat:no-repeat;
	transition:0.5s ease;
    z-index: -1!important;
    }

.map-box:before{
    position: absolute;
    background-size: contain !important;
    width: 15%;
    height: 30%;
    content: '';
    background-color: #0a7d2b;
    opacity:1;
    bottom: -8%;
    right: -4%;
    border-radius: 0px 0 0px 0;
    background-repeat:no-repeat;
    z-index: 0!important;
	transition:0.5s ease;
    }

.map-box:after{
    position: absolute;
    background-size: contain !important;
    width: 15%;
    height: 30%;
    content: '';
    background-color: #0a7d2b;
    opacity:1;
    top: -4%;
    left: -4%;
    border-radius: 0px 0 0px 0;
    background-repeat:no-repeat;
    z-index: -1!important;
    transition:0.5s ease;
    }


/*hover image left*/


.dt-map:hover:before{
    background-color: #0a7d2b;
    opacity:0.3;
    bottom: -60px;
    left: -70px;
    border-radius: 0px 0 0px 0;
    transition:0.5s ease
    }

.map-box:hover:before{
    bottom: -60px;
    right: -60px;
    border-radius: 0px 0 50px 0;
    transition:0.5s ease
    }

.map-box:hover:after{
    top: -45px;
    left: -45px;
    border-radius: 50px 0 0px 0;
    transition:0.5s ease
    }


/*end map-------------------------------------------------------------------*/