.service-bg{
    background-image:url(../../images/mainsites/slsl.png) !important;
}
.bottom-bg{
    background-image:url(../../images/mainsites/bg-bot.png) !important;
}
/* .daydot{
    width: auto !important;
}
.bg-catcolor{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    margin-bottom: 2px;
} */
.backdrop{
    width:100vw;
    height:100vh;
    position: absolute;
    background-color: black;
    top: 0;
    z-index: 100;
}
#modal-intro{
    /* background-color: black; */
    width: 100%;
    text-align: center;
    background-color: #293d5e;
}
#modal-intro .modal-dialog{
    max-width: 100% !important;
}
#modal-intro .modal-content{
    border: none;
    background-color: none;
}
#modal-intro .modal-header{
    /* background-color: black; */
    background-color: #293d5e;
    border: none;
}
#modal-intro #bt-next-intro{
    background-color: #d3a027;
    color: white;
    font-size:xx-large !important;
    width: 200px;
    /* height: 50px; */
    padding-bottom: 5px;
    /* position: absolute; */
    /* top: -70;
    right: 20; */
}
#modal-intro .modal-body{
    /* background-color:black; */
    background-color: #293d5e;
    width: 100% !important;
    margin: auto;
    border: none;
}
#modal-intro .modal-body a{
    border: none;
}
#modal-intro .modal-body .banner-intro{
    cursor: pointer;
    display: none;
    margin: auto;
    width: 100%;
    max-width: 955px;
}

#modal-intro .modal-body .banner-intro-active{
    display: block;
    margin: auto;
}
.service-item-title-t3{
    font-size: 1.625rem;
display: -webkit-box;
font-weight: bold;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 0px;
}
#service-title-h3{
    font-size: 3.125rem;
    font-weight: bold;
}
.head-page .fas{
    font-size:medium;
}