html, body {
    font-family: 'Pretendard', sans-serif;
    overflow-x: hidden !important;
    max-width: 100% !important;
}

.service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #ffffff33;
    font-size: 30px;
    color: white;
    border-radius: 50%;
}

#main-container {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

#navbar,footer {
    background-color: black !important;
}
.marketing-info {
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('/static/images/main.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.marketing-content {   
    padding-right: 0%;
}

.navbar-toggler {
    border-color: white;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.btn-chat-kakao {
    background-color: yellow;
    color: black;
    
}
.btn-chat-kakao:hover {
    background-color: #e5c100; 
}

#section1,#section5{
    background-color: #1F1F1F !important;
}
footer {
    color: white;
}
#section1,#section2,#section3,#section4,#section5,#navbar,header,div{
    width: 100%;
}

#section4 {
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 768px) {
    html {
      font-size: 12px; 
    }
    p{
        font-size: 10px !important;
    }
    #section5 p {
        font-size: 10px !important;
    }
    .marketing-info {
        height: 450px !important;
    }
  }
  
  @media screen and (min-width: 769px) {
    html {
      font-size: 1rem; 
    }
    .marketing-info {
        height: 550px !important;
    }
  }