.stl-network{padding-top: 0}
.stl-network figure img{width: 100%;}
.stl-network figure{/*overflow: hidden;*/ overflow: initial; position: relative;}

.stl-network .point{position: absolute;}
.stl-network .point span{ display: block; width: .8rem; height: .8rem; position: relative; background: var(--red-color); border-radius: 50%; z-index: 0; background-size: contain; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.stl-network .point p{ position: absolute; bottom: calc(100% + 1rem); left: 50%; translate: -50% 0; background: #fff; padding: 0rem 1.2rem; font-size: 1.2rem; border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -o-border-radius: 1.5rem; z-index: 9; display: none; opacity: 0; white-space: nowrap;}
.stl-network .point p::after{content: ''; position: absolute; left: 50%; translate: -50% 0; top: 100%; border-top: 1rem solid #fff; border-left: .7rem solid transparent; border-right: .7rem solid transparent;}
.stl-network .india{top: 47.8%; left: 68.4%}
.stl-network .nepal{top: 42.2%; left: 70.5%}
.stl-network .srilanka{top: 58%; left: 69%}
.stl-network .thailand{top: 52.4%; left: 75%}

.stl-network .point:hover p{ display: block; animation-name: fadeIn; animation-duration: .5s all; animation-fill-mode: both; animation-timing-function: ease-in; }
/* @media not all and (hover: none){
    .stl-network .point p{display: none; opacity: 0;}
} */
/* =========ui01241996======== */
.stl-network .uk {top: 25.8%;left: 46.4%;}
.stl-network .germany {top: 31.8%;left: 49.4%;}
.stl-network .france {top: 33.7%;left: 47.4%;}
.stl-network .italy {top: 35.7%;left: 51%;}
.stl-network .spain {top: 35.7%;left: 45.8%;}
.stl-network .usa {top: 38.6%;left: 19.6%;}
.stl-network .brazil {top: 66.6%;left: 32.6%;}
@keyframes fadeIn {
    from{opacity: 0}
    to{opacity: 1;}
}


@media (max-width: 992px){
    .stl-network .point span{width: .6rem; height: .6rem;}
}



/* STL USP */
.stl-usp-2 .content-right .side-line{right: 0; top: 0; height: 14rem}
.stl-network figure .side-line{left: 0; top:50%; translate: -50% -50%; height: 70%}
.stl-network figure>div{width: fit-content; position: relative;}
@media (min-width: 575px){
    .stl-network ul.clients{--columns: 3}
}
@media (min-width: 768px){
    .stl-network ul.clients{--columns: 4}
}
@media (min-width: 992px){
    .stl-usp .content-left{padding-right: 2rem; padding-left: 5rem}
    /*.stl-network{padding-top: 10rem}*/
    .stl-network figure figcaption{position: absolute; left: 1rem; padding: 3rem; top: 50%; max-width: 31rem; color: #333; background: #fff7; translate: 0 -50%; text-align: left; font-size: 1.3rem; box-shadow: 0px 9px 20px #00000012;}
    .stl-network ul.clients{--columns: 5}
    .stl-usp .row .row{--bs-gutter-x: 3rem}

}
@media (min-width: 1200px){
    .stl-usp .content-left{padding-right: 3rem; padding-left: 6rem}
    .stl-network figure figcaption{right: 1rem;padding: 3rem;}
    .stl-network ul.clients{--columns: 6}
}
@media (min-width: 1200px){.stl-network figure>div{margin-inline: auto}}

@media (max-width: 991px){
    
    .stl-usp-2 .content-right p{max-width: 100%}
    .stl-usp .content-left{margin-bottom: 4rem; padding-left: 5rem}
    .stl-usp .content-right {padding-left: 5rem; margin-top: 4rem}
    .stl-usp .content-right .side-line {left: 0; height: 100%;}
    .stl-usp blockquote{font-size: 2rem;}
    .stl-network {padding-top: 2.5rem;}
    .stl-network figcaption{padding: 4rem 5rem; position: relative; background: #fff; text-align: left;}
    .stl-network figcaption .side-line{top: 0; bottom: 0; height: 100%; translate: none;}
}



@media (max-width: 574.98px){
    
    .about-company p{padding-inline: 3rem}
    .stl-usp{padding-top: 0}
    .stl-usp .container{padding-inline: 0;}
    .stl-usp .row{--bs-gutter-x:0;}
    .stl-usp .content-left, .stl-usp .content-right{padding-inline: 3.5rem;}
    .stl-usp blockquote{padding-inline: 3.5rem}    
    .stl-usp .content-right{margin-top: 6rem}
    .stl-usp .content-right .side-line {left: 3.5rem; top: auto; bottom: calc(100% + 2rem); height: 14rem;}
    .stl-network .container{padding-inline: 0}
    .stl-network figcaption{padding-inline: 3.5rem}
    .stl-network .container:last-child{padding-inline: 3.5rem}
    /* .stl-network p{padding-inline: 3.5rem} */
    .stl-network .row{--bs-gutter-x: 0}
    .stl-network .clients{padding-inline: 1.5rem}
    
}