.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s;}

.enfnbgtext{
    position: absolute;
    color: #019b55;
    top: -31px;
    font-size: 138px;
    -webkit-text-stroke: 1px rgb(108 156 173 / 17%);
    -webkit-text-fill-color: transparent;
    margin-bottom: -50px;
    margin-left: -14px;
    font-weight: 600;
    line-height: 70%;
    text-transform: uppercase;
    z-index: -1;
}
.running_txt{
    /* position: absolute; */
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background-size: auto 100%;
    background-image: url(/images/38/runtext.png);
    animation: txtroop 70s linear infinite;
    opacity: 0.1;
    margin-bottom: -18px;
}
@keyframes txtroop {
    from {
        background-position: 0 0
    }

    to {
        background-position: -4001px 0
    }
}

#solgon{position: relative;padding: 5vw 0;}
#solgon .ttile{display: flex;flex-direction: column;align-items: center;padding: 0vw 0 3vw;}
#solgon .ttile h2{font-size: 45px;color: #6c9cad;display: flex;}
#solgon .ttile h2 a{
    display: flex;
}
#solgon .ttile h2 .tieline{
    width: 50px;
    margin-left: 14px;
}
#solgon .ttile h2 .tieline:hover{
    -webkit-animation: tada 1s;
    animation: tada 1s;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

#solgon .ttile p{font-size: 18px;font-weight: 400;color: #737373;}
#solgon .solgontext{display: flex;flex-direction: column;align-items: center;border: #e4e4e4 1px solid;padding: 50px 0;border-radius: 10px;margin: 100px auto 0px;}


#solgon .solgontext p{
    font-size: 16px;
    color: #686868;
    font-weight: 300;
}
#solgon .cooon ul li{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2px 10px;
    webkit-box-shadow: 0 5px 15px rgb(33 32 36 / 10%);
    box-shadow: 0 5px 15px rgb(33 32 36 / 10%);
    width: calc(25% - 20px);
    padding: 80px 0;
    }
#solgon .cooon ul li:nth-child(2){-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s;}
#solgon .cooon ul li:nth-child(3){-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-ms-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
#solgon .cooon ul li:nth-child(4){-webkit-animation-delay: 1.2s;-moz-animation-delay: 1.2s;-ms-animation-delay: 1.2s;-o-animation-delay: 1.2s;animation-delay: 1.2s;}
#solgon .cooon ul{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 2vw;}
#solgon .cooon ul li .fa{font-size: 55px;color: #626262;padding: 5px;border: #4d4d4d8f 1px solid;margin: 0 6px;border-radius: 500px;width: 120px;height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#solgon .cooon ul h4{color: #626262;font-weight:500;margin-top: 10px;font-size: 26px;}
#solgon .cooon ul span{
    width: calc(100% - 40px);
    padding: 20px 20px 0;
    font-size: 16px;
}
@media screen and (max-width: 1460px) {
    .enfnbgtext{
        font-size: 100px;
    }
    #servicebox .ttile h2 ,#solgon .ttile h2{
        font-size: 34px;
    }
    #solgon .ttile p{
        font-size: 16px;
    }
    #solgon .cooon ul h4{
    font-size: 22px;
}
    #servicebox .linfo .item h2{
        font-size: 22px;
    }
    #servicebox .linfo .item p{
        font-size: 15px;
    }
    .running_txt{
    height: 96px;
}
}
@media screen and (max-width: 640px) {
    .enfnbgtext{
        font-size: 78px;
        top: -4px;
    }
    #solgon .solgontext{
    padding: 30px 20px;
}
    #solgon .ttile h2{font-size: 26px;}
    #solgon .ttile p{font-size: 14px;text-align: center;margin-top: 15px;}
    #solgon .cooon ul h4{font-size: 19px;}
    #solgon .cooon ul li .fa{font-size: 36px;width: 60px;height: 60px;}
    #solgon .cooon ul{margin: 39px 0;}
    #solgon .cooon ul li{
    width: calc(50% - 20px);
    padding: 50px 0;
    margin: 5px 5px;
}
}
@media screen and (max-width: 480px) {
    #servicebox .ttile h2, #solgon .ttile h2{
        font-size: 29px;
    }
    .enfnbgtext{
        font-size: 51px;
    }
    #servicebox .linfo .item h2{
        font-size: 20px;
    }
    .running_txt{
        height: 65px;
        margin-bottom: -8px;
    }
    #solgon .solgontext{
    margin: 50px auto 0px;
}
    #servicebox .linfo .item p{
        font-size: 14px;
        width: calc(96% - 10px);
        padding: 10px 5px;
    }
    #solgon .cooon ul li{margin: 17px 9px;webkit-box-shadow: 0 5px 8px rgb(33 32 36 / 10%);box-shadow: 0 5px 8px rgb(33 32 36 / 10%);}
    #solgon .cooon ul li .fa{width: 90px;height: 90px;}

}