.elementor-kit-10{--e-global-color-primary:#000000;--e-global-color-secondary:#F5BC21;--e-global-color-text:#666666;--e-global-color-accent:#333333;--e-global-color-8649222:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"IBM Plex Sans Thai";--e-global-typography-secondary-font-size:33px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:32px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f9b804f-font-family:"Playfair Display";}.elementor-kit-10 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:1199px){.elementor-kit-10{--e-global-typography-primary-font-size:50px;}}@media(max-width:991px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.btn-arrow-orange .elementor-button-icon svg{
    width: 0.8em;
}
.txt-rotate{
    transform: rotate(90deg);
    left: -4%;
}
.txt-rotate-whyus{
    transform: rotate(90deg);
    left: -3%;
    display: flex;
    align-items: center;
}
.txt-rotate-whyus::after{
    content:"";
    background-color: #000;
    width: 79px;
    height: 1px;
    display: inline-block;
}
.txt-rotate-news{
    transform: rotate(90deg);
    left: 0;
    display: flex;
    align-items: center;
}
.txt-rotate-news::before{
    content:"";
    background-color: #000;
    width: 40px;
    height: 1px;
    display: inline-block;
}
.btn-linkmore h5{
    transition: 0.5s;
    cursor: pointer;
}
.btn-linkmore:hover h5{
    color: #F4B103;
}
.box-project-home .cover-project-home .elementor-widget-container{
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 67%;
}
.box-project-home .cover-project-home .elementor-widget-container img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.box-project-home:hover .cover-project-home .elementor-widget-container img{
    transform: scale(1.1);
}
.box-project-home:hover .btn-linkmore h5{
    color: #F4B103;
}

.cover-news{
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 65%;
}
.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);
}
.cover-project{
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 67%;
}
.cover-project img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
    top: 0;
    left: 0;
}
.cover-project:hover img{
    transform: scale(1.1);
}
.comments-area a, .page-content a{
    text-decoration: none !important;
}
b, strong{
    font-weight: 500 !important;
}
.txt-line2{
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.txt-line4{
    display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.hover-img{
    opacity: 0;
    transition: 0.5s all ease !important;
    pointer-events: none;
    transform: translate(0, 10px);
}
.about-service:hover .hover-img{
    opacity: 1;
    transform: translate(0, 0);
}
.txt-gradient-orange{
background: linear-gradient(90deg, #F5BE4E 0%, #F68642 36.21%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.cover-mobile-project{
    display: block;
    position: relative;
    overflow: hidden;
}
.cover-mobile-project img{
    width: 100%;
    aspect-ratio: .59;
    display: block;
    object-fit: cover;
    transition: 1s;
    object-position: top center;
}
.cover-mobile-project:hover  img{
    transform: scale(1.1);
}
.project-caption{
    color: #E9E9E9;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: -15px
}
.project-category a{
    display: inline-block;
    color: #000;
    font-weight: 600;
    font-size: 55px;
    letter-spacing: 2px;
    transition: 0.5s;
}
.project-category a:hover{
    color: #F4B103;
}
.project-category span{
    color: #F9BA16;
    font-size: 70px;
    padding: 0 10px;
}
.link-projecthome a{
     transition: 0.5s;
     display: inline-block;
}
.link-projecthome a:hover{
    color: #fff !important;
    transform: translate(8px, 0) scale(1.05);
    transform-origin: left center;
}
.jet-listing-dynamic-terms__link,
.txt-allproject a{
    transition: 0.5s;
}

/*Hover Service Home*/
.sh-hoverimg{
    opacity: 0;
    transition: .5s all ease !important;
    pointer-events: none;
    transform: translate(0, 20px);
}
.sh-hoverbox:hover + .sh-hoverimg{
    opacity: 1;
    transform: translate(0, 0px);
}
.link-program .jet-listing-dynamic-field__content{
    transition: 0.5s;
}
.link-program:hover .jet-listing-dynamic-field__content{
    color: #000 !important;
}


@media (max-width: 1600px){
.txt-rotate{
    left: -5.5%;
}
.txt-rotate-whyus{
    left: -4.5%;
}
.wrap-singlepage{
    width: 94%;
    padding-left: 50px;
}
}
@media (max-width: 1440px){
.txt-rotate{
   display: none;
}
.txt-rotate-whyus{
    left: -4.5%;
}
.wrap-singlepage{
    width: 96%;
    padding-left: 100px;
}
}
@media (max-width: 1199px){
.txt-rotate-whyus{
    left: -9.5%;
}
.about-service:hover .hover-img{
    opacity: 0;
}
.project-caption{
    font-size: 32px;
}
.project-category a{
    font-size: 40px;
}
.project-category span{
    font-size: 55px;
    padding: 0 8px;
}
.wrap-singlepage{
    width: 98%;
    padding-left: 0;
}
}
@media (max-width: 991px){
.txt-rotate-whyus{
    left: -13%;
}
.project-caption{
    font-size:28px;
}
.project-category a{
    font-size: 36px;
}
.project-category span{
    font-size: 50px;
}
}
@media (max-width: 767px){
.txt-rotate-whyus{
    display: none;
}
.project-caption{
    font-size:18px;
    letter-spacing: 1px;
}
.project-category a{
    font-size: 24px;
    letter-spacing: 1px;
}
.project-category span{
    font-size: 40px;
    padding: 0 5px;
}
}/* End custom CSS */