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

body{font-family: 'Sarabun', sans-serif;}
a{text-decoration: none;font-size: 1rem;}/*16px*/ 
h1{font-size: 3.125rem;}/*50*/
h1 span,h1 span a{font-size:1.25rem;}/*20px*/
h2{font-size:1.25rem;}/*20px*/
h3{font-size: 1.875rem; line-height:2.6rem; }/*30px*/
h5{font-size: 1.125rem;}/*18px*/
p{font-size: 1rem;}/*16px*/
.line-height{line-height: 5px;}
ul li { list-style-type: none;}
button,.button{border: unset;background-color:#3bc0bc;color: #fff;padding-top:5px;padding-bottom:5px;padding-left: 27px;padding-right: 27px;font-size: 16px;} 
.button{border: 1px solid #3bc0bc;}
.button:hover{background-color: #fff;color: #3bc0bc!important;border: 1px solid #3bc0bc!important;}
button{border: 1px solid #fff;}
button:hover{background-color: #fff;color: #3bc0bc!important;border: 1px solid #3bc0bc;}
/* FOOTER */
#footer{background-color:#077471;}
#footer a{color:#fff;width: fit-content;border-bottom: 1px solid transparent;}
#footer a:hover{border-bottom:1px solid #fff;}
#footer a.active{border-bottom:1px solid #fff;}
/* CAREER */
.career-shadow{background-color: #fff; padding:0 6.25rem; margin-top:-130px;border :1px solid #f5f5f5}
/* CONTACT */
#map .box{position: relative;right:10%;top:100px;padding:40px;}
/*NAVBAAR*/
.banner{background-image: url(../img/banner.png);background-size: cover;background-position:center;background-repeat: no-repeat;}
#banner-part .hm-banner{background-image: url(../img/bg-img.png);background-size: cover;background-position:47%;background-repeat: no-repeat;height:592px;}
#nav .navbar {position:absolute; z-index: 9999; width: 100%;}
#banner-part .hm-bannertxt{padding-top:190px;}
#nav a:hover{color:#3bc0bc !important;}
#nav a.active{color: #3bc0bc !important;;}
#banner-part .banner-txt{padding: 142px 0px 11px 0px;}
#nav a{width: fit-content;}
.carousel-control-prev{position: absolute;width: 0%;top:70%;left:10%} 
.carousel-control-prev:hover,.carousel-control-next:hover{border: 0px solid #3bc0bc;}
.carousel-control-prev span:hover,.carousel-control-next span:hover{color:#3bc0bc!important;}
.carousel-control-next{position: absolute;width: 0%;top:70%;left:15%}
#nav .dropdown-menu{background-color:#3bc0bc42;}
/*SERVICES*/
#services ul li{border:1px solid #3bc0bc;margin-top: 2px;padding:8px}
#services ul li:hover{background-color: #3bc0bc; cursor: pointer;}
#services ul li.active{background-color: #3bc0bc;cursor: pointer;}
#services ul li.active a{color: #fff;}
#services ul li:hover a{color: #fff;}
#services ul li a{color: #3bc0bc;font-size:1rem;}
#services a:hover{color: #3bc0bc;}
#services a{display: block;}
/*JOB-VACANCIES*/
#job-vacancies ul li{ list-style-type:disc}

@media (max-width:991px) {
    .navbar-toggler:focus {box-shadow: unset!important;}
    #nav .navbar-collapse{background-color: #f5f5f5 !important;padding: 30px 0px;}
    #banner-part .hm-banner{background-image: url(../img/bg-img.png);background-size: cover;background-position:70%;background-repeat: no-repeat;position: relative;}
    #nav .navbar {position:absolute; z-index: 9999; width: 100%;}
    #banner-part .hm-bannertxt{padding-top:190px;}
    #map .iframe{width: 100%;}
    #nav .navbar-collapse{background-color:#f5f5f5;}
    #map .box{position: unset;left:unset;top:unset;margin-top: 30px; height:fit-content;}
}
@media (max-width:768px) {
    h1{font-size: 2.125rem;}/*50*/
        .hm-bannertxt .hm-banner h1{font-size:2.125rem}
       .hm-bannertxt span.bg-gradient11{font-size:2.125rem !important;}
    .carousel-control-prev{display: none;} 
    .carousel-control-next{display: none;}
    .career-shadow{background-color: #fff; padding:10px; margin-top:-130px;}
}
@media (max-width:384px){#banner-part .Second-group{margin-top: 10px;} 

@media (max-width:1200px)and (min-width:991px)  {
    #map .box{position: relative;right:-1%;top:100px;padding:40px;}
}}
.hm-bannertxt span.bg-gradient11{ font-size: 3.125rem;line-height: 1.25!important;background: linear-gradient(0.25turn, #ffffff00, #ffffff4a, #ffffff42);}
#nav .dropdown-menu {background-color: #fff;}
#nav .dropdown-menu li{border: 1px solid #3bc0bc;margin: 10px}#nav .dropdown-menu li a{ color: #3bc0bc;}
@media (max-width:991px) {
    .bg-gradient12{ background: linear-gradient(0.25turn,#ffffff59,#ffffff63,#ffffff2b);}
    .hm-bannertxt span.bg-gradient11{ background: unset;}
}
#nav .dropdown-menu .dropdown-item.active, #nav .dropdown-menu .dropdown-item:hover {
    background: transparent;
    font-weight: 700;
}
#why-join-us img:hover{transform: scale(1.06);}
.engage-us{padding: 36px 15px;box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;height: 100%;border-radius: 15px;}
.ml_10{margin-left: -42px;}
.search-btn{color:#fff;margin-top:3px;float:right;width:40px!important;height:40px;border-radius:50%;background:#3bc0bc;display:flex;justify-content:center;align-items:center;transition:2s}.bi-search{background:#3bc0bc;font-size:20px}
/* .search-input{box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;border:none;background:#f5f5f5;outline:0;float:left;padding:0;color:#000;font-size:18px;transition:.4s;line-height:25px;width:0} */
/* .search-box:hover>.search-input{width:210px;padding:10px 7px;margin-right:-46px} */
.search-input{box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;border:none;background:#f5f5f5;outline:0;float:left;padding:0;color:#000;font-size:18px;transition:.4s;line-height:25px;width:210px;padding:10px 7px;margin-right:-46px}

@media (max-width:991px) {
    .search-box:hover > .search-input{padding: 0px 7px;}
    .search-input{
        line-height: 27px;
        float: unset;
        width: 250px;}
        .search-box{
            text-align: center;
            display: flex;
            justify-content: center;
        }
}


#nav .search-box a.search-btn:hover{
    color: #fff !important;
}
select{
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;}

.other_services a{
    border: 1px solid #3bc0bc;
    margin-top: 2px;
    padding: 8px;
    color: #3bc0bc;
    margin-bottom: 15px;
}