body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#con1 {
    width: 100%;
    margin: 0;
    padding: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.row {
    width: 100%;
}

.col-md-6 {
    width: 100%;
}

.navbar {
    display: flex;
    justify-content: center;
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.navbar>div:nth-child(1) {
    display: flex;
    justify-content: center;
}

div.col-md-6:nth-child(1) {
    display: flex;
    justify-content: space-around;
}

.col-md-6>img:nth-child(1) {
    max-width: 45px;
    max-height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.hero {
    display: flex;
    justify-content: center;
    color: white;
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}

#services>div:nth-child(1) {
    margin: 10px 0;
    width: 100%;
    color: white;
    padding-top: 20px;
    padding-bottom: 10px;
}

.sticky-footer{
    display: flex;
    justify-content: center;
    position:sticky;
    bottom: -10px;
    left: 0;
    width: 100%;
}
.sticky-footer > div:nth-child(1){
    justify-content: center;
    width: 100%;
}
.list-inline{
    justify-content: space-between;
    

}

/* เพิ่มสไตล์ให้กับตัว video container */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* สัดส่วนในการแสดง video, 16:9 ratio */
    overflow: hidden;
}

/* ให้ video ครอบไว้ภายใน container */
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ปรับสไตล์ของ container ให้ดูสวยงาม */
.video-container img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* กรอบโค้งสวยงาม */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* เพิ่มเงาให้ดูน่าสนใจ */
}



@media (min-width: 750px) {
.sticky-footer{
    display: none;
}
    
}