@font-face {font-family:"Andalus";src:url("2.eot?") format("eot"),url("2.woff") format("woff"),url("2.ttf") format("truetype"),url("2.svg#Andalus") format("svg");font-weight:normal;font-style:normal;}

html { 
background: url(../images/projects-background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body {
font-family: 'Andalus', Arial, sans-serif;
font-weight:normal;
font-style:normal;
background-color: transparent;
}

.header {
background-image: url("../images/header-background.jpg");
min-height: 300px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 30px;
}

.menu {
color: #ffffff;
text-align: right;
padding: 20px;
}

.menu-mobile {
color: #ffffff;
text-align: center;
padding: 20px;
}

.menu-item {
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
text-decoration: none;
}

.menu-item a{
color: #ffffff;
text-decoration: none;
}

.header-content {
margin-top: 100px;
text-align: center;
color: #ffffff;
font-size: 40px;
padding-bottom: 150px;
}

.header-small {
text-align: center;
color: #ffffff;
font-size: 20px;
}

.about {
background-color: #f0ebc9;
padding-top: 15px;
padding-bottom: 15px;
text-align: justify;
}

.about-content-left {
padding-right: 60px;
}


.about-content-right {
padding-left: 60px;
padding-top: 50px;
border-left: 1px dotted grey;
height: 100%;
}

.projects {
color: #ffffff;    
}

.project-title {
text-align: center;
color: #ffffff;
padding-top: 50px;
}

.project-header {
font-family: 'Roboto', sans-serif;
color: #ede9c7;
margin-top: 30px;
font-weight: bold;
}
.project-list {
font-family: 'Roboto', sans-serif;
margin-top: 30px;
}

.mobile-padding {
padding: 20px;
}

.profile-img {
width: 100%;
}

.roboto-text {
font-family: 'Roboto', sans-serif;
}

.form-fields {
padding-bottom: 15px;
}

.send {
padding: 20px;
background-color: #ffffff;
font-weight: bold;
text-align: center;
}

.button-position {
text-align: center;
margin-top: 20px;
}

.white-line {
width: 100%;
border-bottom: 1px solid white;
}

.footer {
text-align: center;
color: #ffffff;
font-family: 'Roboto', sans-serif;
}

.footer-icon {
text-align: center;
padding-left: 20px;
padding-right: 20px;    
}

.pop-img {
text-align: center;
width: 100%
}

.modal-ku {
width: 80%;
margin: auto;
color: #000000;
}

.sendNotice {
margin-top: 80px;
color: #000000;
}

.sendDesc {
color: #000000;
}

a { 
cursor: pointer; 
color: #ffffff;
text-decoration: none;
}

a:hover {
color: #ffffff;
text-decoration: none;
}

.project-list-item {
padding-bottom: 10px;
}

.china-contact-box {
    background: none;
    color: #fff;
    padding: 0;
    border-radius: 0;
    margin: 0;
    min-width: 0;
    max-width: 100%;
    box-shadow: none;
    font-size: 18px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
}

.china-contact-item {
    margin-bottom: 6px;
    text-align: left;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.china-contact-address {
    margin-bottom: 10px;
    margin-top: 6px;
    padding-left: 8px;
    border-left: 2px solid rgba(255,255,255,0.2);
}

.china-contact-address-title {
    font-weight: bold;
    margin-bottom: 2px;
}

.china-contact-address-separator {
    text-align: center;
    font-size: 20px;
    margin: 0 0 0 0;
    color: #fff;
    opacity: 0.7;
}

@media (min-width: 768px) {
    .contact-row {
        align-items: flex-start !important;
    }
    .col-md-7, .col-md-5 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .col-md-7 {
        max-width: 600px;
    }
    .col-md-5 {
        max-width: 400px;
    }
    .contact-row > .col-md-7 {
        padding-right: 40px;
    }
    .contact-row > .col-md-5 {
        padding-left: 20px;
    }
}

/* Make the 'Your message' textarea taller for better alignment */
form textarea.form-control {
    min-height: 205px; /* Adjust this value as needed for alignment */
}