@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');



html,

body {

    font-family: 'Roboto', sans-serif;

}



.bg-entry {

    color: #3fae00;

    background-color: rgb(8 36 101 / 15%);

}

.img-fluid {

    max-width: 100%;
    
    height: auto;

    margin-top: 5px;
}

header {

    padding-bottom: 0;

}



#about{

    background: #F2F2F2;

}



.wrapper-text-slide h1 {

    font-family: Roboto Condensed;

    font-style: normal;

    font-weight: normal;

    font-size: 45px;

    line-height: 53px;

    color: #082465;

    /* padding-top: 156px; */

}



.nav-link{

    color: #000 !important;

}



.description-slide {

    display: block;

    font-size: 22px;

    padding-top: 30px;

    line-height: 32px;

}



.btn-deep-blue {

    border: 0px solid #9D0C6E;

    color: white;

    background: #170f4f;

    border-radius: 80px;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 13px;

}



.btn-deep-blue i {

    padding-left: 10px;

}



.btn-deep-blue:hover {

    background: #FC1742;

    color: white;

}



.wrapper-button-slide {

    margin-top: 30px;

}



.custom-navbar a {

    font-weight: 500;

    margin-left: 50px !important; 

    /* margin-bottom: 20px !important; */

}



.line-board {

    border-color: #78d600;

    border-width: 14px;

    width: 10%;

    margin: 0;

    margin-bottom: 30px;

}



.line-board-who {

    border-color: #082465;

    border-width: 14px;

    width: 10%;

    margin: 0;

    margin-bottom: 30px;

}



.line-board-digital {

    border-color: #3160ce;

    border-width: 14px;

    width: 10%;

    margin-right: 0 !important;

    margin-bottom: 30px;

}



.bg-network {

    color: #082465;

    background-color: rgb(8 36 101 / 15%);

}



.btn-white {

    border: 2px solid #fff;

    color: #fff;

    border-radius: 80px;

    font-weight: 700;

    padding: 8px 25px;

}



.wrapper-network a.btn-white {

    margin-top: 30px;

}



.bg-cyan {

    background: rgb(255 255 255 / 20%);

}



.bg-light-blue {

    background: rgba(0, 186, 199, 0.4);

}



.title-division h3 {

    font-size: 60px;

    color: #082465;

}



.title-division small {

    display: block;

    font-weight: 300;

    font-size: 40px;

}



.wrapper-business-section {

    padding: 5% 0;

    /* margin-top: 30px; */

    background: #3160ce;

    

}



.title-division {

    border-right: 5px solid #082465;

    height: 100%;

    padding-top: 12%;

}



.wrapper-description-business {

    color: #082465;

    font-size: 20px;

    font-weight: 300;

    justify-content: center;

}



.bg-blue {

    background: #3fae00;

}



.tab-bussiness {

    margin-top: 0px;

    background: #fff;

}



.right-title {

    border-left: 5px solid #082465;

    border-right: none;

}



.business-mad {

    margin-right: -30px !important;

}



.content-right-pad {

    padding-right: 35px;

}



.pad-we-do {

    padding-bottom: 8%;

}



.red-line {

    border-color: #ffffff;

    border-width: 10px;

    width: 15%;

    margin: 0;

    margin-top: 10px;

}



.purple-line {

    border-color: #9D0C6E;

    border-width: 10px;

    width: 14%;

    margin: 0;

    margin-top: 10px;

}



.triangle {

    margin: -36px 0 ;

}



.blue-cube {

    position: relative;

    border-color: #082465;

    border-width: 90px;

    width: 90px;

    margin: 0;

    margin-top: 80px;

    left: 0px;

}



.white-cube {

    position: relative;

    border-color: #fff;

    border-width: 45px;

    width: 45px;

    margin: 0;

    padding-top: 40px;

    /* margin-top: 92px; */

    left: 90px !important;

}



.yellow-line {

    border-color: #E3D900;

    border-width: 30px;

    width: 170px;

    margin-right: 0;

    right: 0px;

    margin-top: 10px;

}



.wrapper-section-content h4 {

    font-size: 36px;

    text-transform: uppercase;

    font-weight: 700;

}



.wrapper-section-content p {

    font-size: 22px;

    font-weight: 300;

    padding-right: 35px;

}



.wrapper-platform ul {

    padding-left: 0px;

    margin-left: -5px;

    margin-top: 30px;

}



.wrapper-platform ul li {

    height: 50px;

    list-style-type: none;

    display: inline-block;

}



.wrapper-platform ul li:nth-child(2) {

    padding-left: 10px;

}



.wrapper-platform ul li:nth-child(3) {

    padding-left: 8px;

}



.wrapper-platform ul li:nth-child(5) {

    padding-left: 8px;

}



.service-section {

    padding-bottom: 0%;

}



.title-contact {

    font-size: 30px;

    font-weight: bolder;

    color: #fff;

    z-index: 999;

    position: relative;

}



.wrapper-contact {

    background-color: #3156a5;

    color: white;

    margin-left: -30px;

    padding: 8% 0;

    padding-left: 30px;

    margin-top: -33px;

}



.wrapper-contact ul {

    padding: 0;

}



.wrapper-contact li {

    list-style-type: none;

    font-size: 22px;

}



.wrapper-contact li:last-child {

    margin-top: 20px;

}



.wrapper-sosmed i {

    padding: 15px;

}



.dots {

    margin-left: -50px;

    margin-top: -20px;

    display: block;

}



.zoom img { 

    transition: 0.5s all ease-in-out; 

} 

    

.zoom:hover img { 

    transform: scale(1.5); 

} 



.custom-container{

    padding-left: 0px !important; 

    margin-left: 0px !important;

    max-width: 100% !important;

    

}



.headphone{

    max-width: 990px; 

    margin-left: -200px !important;

}



.wrapper-text-slide{

    padding-top: 90px;

    margin-left: 50px !important;

}



@media (max-width: 1366px)

{

    .custom-container{

        font-size: 100% !important;

        margin-left: 0px !important;

    }



    .headphone{

        max-width: 990px; 

        margin-left: -220px !important;

    }



    

    .preloader {

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      z-index: 9999;

      background-color: #fff;

    }

    .preloader .loading {

      position: absolute;

      left: 50%;

      top: 50%;

      transform: translate(-50%,-50%);

      font: 14px arial;

    }

}