.elementor-kit-11{--e-global-color-primary:#0F3B92;--e-global-color-secondary:#1967D2;--e-global-color-text:#666666;--e-global-color-accent:#333333;--e-global-color-8d588b1:#000000;--e-global-color-a5cc508:#A40000;--e-global-color-dc117be:#FFFFFF;--e-global-color-44fb047:#C4D1FD;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:30px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-8a678f0-font-family:"Noto Sans Thai";font-family:var( --e-global-typography-text-font-family ), 'Noto Sans Thai', sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:991px){.elementor-kit-11{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.cover-home-key{
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
    border-radius: 10px;
}
.cover-home-key img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-home-key:hover img{
    transform: scale(1.1);
}
b, strong{
    font-weight: 500 !important;
}
.txt-line1{
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.txt-line2{
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.txt-line3{
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.backgroud-blur{
    backdrop-filter: blur(3px);
}
.backgroud-blur2{
    backdrop-filter: blur(15px);
}
.photoslide{
    overflow: hidden;
}
.photoslide > img{
    transform: scale(1.2);
    transition: 3s;
}
.slick-slide[aria-hidden="false"] .photoslide > img{
    transform: scale(1);
    transition: 3s;
}
.banner-slide .jet-listing-grid__slider .jet-slick-dots{
    position: absolute;
    top: 50%;
    right: 25px;
    width: 10px;
    flex-direction: column;
    gap: 7px;
}
.banner-slide .jet-listing-grid__slider .jet-slick-dots li.slick-active{
    border: 1px solid rgba(255,255,255,0.8);
}
.jet-date-period__datepicker-button svg{
    margin-left: auto;
}
#wrapper-inner {
  display: flex;
  width:100%;
  height:100%;
}

#scroll-title {
    display: flex;
    text-transform: uppercase;
    color: #ffffff;
  font-size:12px;
  letter-spacing:2px;
  padding-right: 15px;
}

.box span{
 display: block;
 width: 8px;
 height: 8px;
 border-bottom: 1px solid white;
 border-right: 1px solid white;
 transform: rotate(45deg);
 margin: -5px;
 animation: animate 1.8s infinite;
}

.box span:nth-child(2)
{
 animation-delay: -0.2s;
}

.box span:nth-child(3)
{
 animation-delay: -0.4s;
}

@keyframes animate{
 
 0%{
  opacity: 0;
  transform: rotate(45deg) translate(-5px, -5px);
 }
 50%{
  opacity: 1;
 }
 100%{
  opacity: 0.5;
  transform: rotate(45deg) translate(5px, 5px);
 }
}
.about-number .elementor-counter .elementor-counter-title{
    color: #000;
    font-weight: 500;
    font-size: 17px;
    justify-content: flex-start;
    margin-top: 10px;
}
.wrap-advantage{
    width: 1500px;
    max-width: 90%;
}
.cover-whatwedo-home{
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 110%;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 15px;
}
.cover-whatwedo-home img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-whatwedo-home:hover img{
    transform: scale(1.1);
}
.advantage-flipbox .elementor-flip-box__image img{
    width: 66px;
    margin: 0 auto 15px;
}
.cover-home-news{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 20px 0;
}
.cover-home-news img{
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-home-news:hover img{
    transform: scale(1.1);
}
.text-vertical{
     writing-mode: vertical-lr;
}
.box-news-home .elementor{
    margin-bottom: 20px;
}
.logo img,
.logo-eco img{
    transition: 0.5s;
}
.wrap-menu.elementor-sticky--effects .logo img{
    width: 40px !important;
}
.wrap-menu.elementor-sticky--effects .logo-eco img{
    height: 40px !important;
}
.wrap-menu.elementor-sticky--effects .wpr-menu-item{
    line-height: 24px !important;
}
.cover-branch{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.cover-branch img{
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 287 / 199;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.contact-form select{
    padding-top: 8px;
    padding-bottom: 8px;
}
.contact-form textarea{
    border-radius: 15px !important;
}
.cover-awards1{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
    border-radius: 30px 100px 30px 30px;
}
.cover-awards1 img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-awards1:hover img{
    transform: scale(1.1);
}
.cover-awards2{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
    border-radius: 100px 30px  30px 30px;
    border: 1px solid rgba(255,255,255,0.3);
}
.cover-awards2 img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-awards2:hover img{
    transform: scale(1.1);
}
.cover-awards{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
    border-radius: 20px;
}
.cover-awards img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-awards:hover img{
    transform: scale(1.1);
}
.cover-awards3{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
    border-radius: 0;
}
.cover-awards3 img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-awards3:hover img{
    transform: scale(1.1);
}
.cover-news{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
    border-radius: 0;
}
.cover-news img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-news:hover img{
    transform: scale(1.1);
}
.datepicker--nav,
.datepicker--cell.-disabled-{
    display: none !important;
}
.datepicker--cell-year{
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 5px 10px !important;
}
.jet-date-period__datepicker-button{
    width: 240px;
}
.jet-date-period__prev, 
.jet-date-period__next{
    display: none !important;
}
.latest-project .txt-line3 span{
    color: #CED5F0 !important;
}
.project-gallery figure{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 637 / 437;
}
.project-gallery figure img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.project-gallery figure:hover img{
    transform: scale(1.1);
}
.box-sustain .cover-sustain img{
     display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 490 / 617;
     transition: 1s;
    object-position: top center;
    object-fit: cover;
}
.box-sustain:hover .cover-sustain img{
    transform: scale(1.1);
}
.photo-career img{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 320 / 442;
     transition: 1s;
    object-position: top center;
    object-fit: cover;
}
.photo-career:hover img{
    transform: scale(1.1);
}
.career-position .jet-listing-grid__item:last-child a{
    border-bottom: 0 !important;
}
.job-detail ul{
    margin-bottom: 20px;
}
.form-career textarea{
    border-radius: 10px !important;
}
.form-career .elementor-upload-field{
    padding: 3px;
    border-radius: 5px 50px 50px 5px !important;
}
.form-career [type="checkbox"]{
    width: 20px;
    height: 20px;
}
.form-career .elementor-field-option{
    display: flex;
    align-items: center;
    gap: 10px;
}
.form-career .elementor-field-option label{
    color: #666;
}
.form-career .elementor-field-type-html{
    color: #1967D2 !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    margin-top: 20px
}
.form-career .elementor-button-icon svg{
    width: 24px;
}
.form-career .txt-checkbox{
    font-size: 17px;
}
.mission-editor ul{
    padding: 0 0 0 15px;
}
.mission-editor ul li{
    margin-bottom: 8px;
}
.box-timeline .jet-listing-grid__slider-icon{
    border-radius: 13px;
}
.box-timeline .jet-listing-grid__slider-icon.next-arrow{
    background-color: #1967D2 !important
}
.box-timeline .jet-listing-grid__slider-icon:hover{
    transition: 0.5s;
}
.engineer-content ul{
    padding: 0 0 0 18px;
}
.engineer-content ul li{
    margin-bottom: 7px;
}
.cover-list-wedo img{
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 400 / 280;
     transition: 1s;
    object-position: top center;
    object-fit: cover;
}
.cover-list-wedo:hover img{
    transform: scale(1.1);
}
.procure-slide .slick-slider .slick-list{
    overflow: visible;
}
.procure-slide .jet-listing-grid__slider-icon{
    border-radius: 13px;
}
.procure-slide .jet-listing-grid__slider-icon.next-arrow{
    background-color: #1967D2 !important
}
.procure-slide .jet-listing-grid__slider-icon:hover{
    transition: 0.5s;
}
.procure-slide .jet-listing-dynamic-field__replacement-wrap{
    align-items: flex-start;
}
.procure-slide .jet-listing-dynamic-field__icon{
    margin-top: 5px;
}
.mission-list .jet-listing-dynamic-field__replacement-wrap{
    align-items: flex-start;
}
.mission-list .jet-listing-dynamic-field__icon{
    margin-top: 6px;
}
.main-menu .wpr-nav-menu-horizontal .wpr-mega-menu .wpr-sub-icon{
    display: none;
}


@media (max-width: 1440px){
.box-contact-info{
    margin-top: 50px;
    margin-bottom: 50px;
}   
}
@media (max-width: 1300px){
#scroll-title{
    display: none;
}    
}

@media (max-width: 1200px){
.wrap-advantage{
    max-width: 98%;
}  
.cover-awards1{
    border-radius: 20px;
}
.cover-awards2{
    border-radius: 20px;
}
.cover-awards{
    border-radius: 15px;
}
.about-page .about-number .elementor-counter .elementor-counter-title{
    font-size: 15px;
    line-height: 28px;
    text-align: center;
}
}

@media (max-width: 991px){
    .about-number .elementor-counter .elementor-counter-title{
    font-size: 15px;
    line-height: 24px;
    margin-top: 15px;
}
.wrap-advantage{
    max-width: 100%;
}   
.advantage-flipbox .elementor-flip-box__image img{
    width: 50px;
    margin: 0 auto 7px;
}
.box-contact-info{
    margin-top: 25px;
} 
}

@media (max-width: 767px){
   .about-number .elementor-counter .elementor-counter-title{
    margin-top: 7px;
}
.box-contact-info{
    margin-bottom: 30px;
} 
.cover-awards{
    border-radius: 7px;
}
.jet-date-period__datepicker-button{
    width: 180px;
}
.about-page .about-number .elementor-counter .elementor-counter-title{
    text-align: left;
    line-height: 22px;
}
}/* End custom CSS */