@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0;padding:0;font-family:"Sarabun",sans-serif;color:inherit}p{font-size:.9375rem;font-weight:400;font-family:"Poppins",sans-serif;line-height:1.7;color:#231f20;margin:0;padding:0}a{font-size:.875rem;font-weight:400;font-family:"Sarabun",sans-serif;line-height:1.5;color:#1a1818;overflow:hidden;text-decoration:none;display:block;transition:.4s all}a:hover,a:focus,a:active{text-decoration:none;cursor:pointer;outline:none}ul,ol{margin:0;padding:0;list-style:none}ul li,ol li{display:block;font-size:.875rem;font-family:"Poppins",sans-serif;font-weight:400;line-height:1.5}span{font-family:"Poppins",sans-serif}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}@media screen and (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{font-size:.9375rem}}@media screen and (max-width: 481px){h1{font-size:2.25rem}h2{font-size:1.75rem}p{font-size:.875rem}}button:focus,button:active{outline:none}.btn{border:none}.btn{font-family:"Poppins",sans-serif;font-size:.875rem;outline:none;box-shadow:none;border-radius:5px;border:1px solid;text-transform:capitalize;letter-spacing:.03em;cursor:pointer;transition:.4s all}.btn:focus,.btn:hover{box-shadow:none;outline:none;color:inherit}.btn.btn-custom-small{font-size:.75rem;padding:6px 14px}.btn.btn-custom-mid{font-size:.875rem;padding:8px 20px}.btn.btn-custom-large{font-size:1rem;padding:10px 25px}.btn.btn-primary{background-color:#2b7e32;color:#fff;border-color:#2b7e32}.btn.btn-primary:hover{background-color:rgba(0,0,0,0);border-color:#2b7e32;color:#2b7e32}.btn.btn-primary-ghost{background-color:rgba(0,0,0,0);border-color:#2b7e32;color:#2b7e32}.btn.btn-primary-ghost:hover{background-color:#2b7e32;color:#fff;border-color:#2b7e32}.btn.btn-secondary{background-color:#2c56ca;color:#fff;border-color:#2c56ca}.btn.btn-secondary:hover{background-color:rgba(0,0,0,0);border-color:#2c56ca;color:#2c56ca}.btn.btn-secondary-ghost{background-color:rgba(0,0,0,0);border-color:#2c56ca;color:#2c56ca}.btn.btn-secondary-ghost:hover{background-color:#2c56ca;color:#fff;border-color:#2c56ca}.btn.btn-whitey{background-color:#fff;color:#1a1818;border-color:#fff}.btn.btn-whitey:hover{background-color:rgba(0,0,0,0);color:#fff}.btn.btn-whitey-ghost{background-color:rgba(0,0,0,0);border-color:#fff;color:#fff}.btn.btn-whitey-ghost:hover{background-color:#fff;color:#1a1818}.mobile-call-button{position:fixed;bottom:20px;right:20px;text-align:center;z-index:99;display:none}@media screen and (max-width: 767px){.mobile-call-button{display:block}}.mobile-call-button a{font-size:1.25rem;height:45px;width:45px;display:grid;place-items:center;color:#fff;border-radius:15px;transition:.5s ease-in-out;position:relative;z-index:1;border:1px solid rgba(43,126,50,.7);overflow:hidden}.mobile-call-button a::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:110%;height:0;background-color:rgba(43,126,50,.7);z-index:-1;transition:.5s ease-in-out}.mobile-call-button a i{color:rgba(43,126,50,.7);transition:.5s ease-in-out}.mobile-call-button a:hover{height:75px}.mobile-call-button a:hover::before{height:100%}.mobile-call-button a:hover i{color:#fff}.slick-slide:focus{outline:none}.slick-dots{display:flex;justify-content:center;margin-top:10px;text-align:center}.slick-dots li{display:inline-block;margin:3px;height:6px;width:6px;border-radius:100%;background-color:#8a8a8a;cursor:pointer}.slick-dots li button{text-indent:-9999px;border:none;background-color:rgba(0,0,0,0)}.slick-dots li button:focus{outline:none}.slick-dots li.slick-active{background-color:#2b7e32}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.slick-arrow i{font-size:2rem;line-height:22px;height:22px;width:22px;color:#8a8a8a;text-align:center;cursor:pointer}.slick-arrow i:hover{color:#000}.slick-arrow.left{left:0px;z-index:9}.slick-arrow.right{right:0px;z-index:9}.scrollevent a{font-size:1.125rem;text-decoration:none}.scrollevent a:hover{font-style:normal}.scrollevent a .btn-scroll-up{padding:5px 6px;background-color:rgba(43,126,50,.95);box-shadow:none;border:1px solid;border-color:#1e5823;border-radius:6px 6px 0 0;color:#fff;transition:.6s all;cursor:pointer}.scrollevent a .btn-scroll-up i{transform:translateY(0);transition:.6s all;color:#fff}.scrollevent a .btn-scroll-up:hover i{transform:translateY(-5px)}.scrollevent a .btn-scroll-up:focus{text-decoration:none;border:none;outline:none}.scrollToTop{z-index:9999;text-align:center;background:rgba(0,0,0,0);color:#fff;position:fixed;bottom:50px;right:30px;display:none !important;cursor:pointer}.scrollToTop.d-block{display:block !important}@media screen and (max-width: 767px){.scrollToTop.d-block{display:none !important}}.scrollToTop button i{padding:3px;font-size:1.125rem;color:#fff}.scrollToTop:hover{text-decoration:none}.section-title{max-width:500px;text-align:left;margin-bottom:40px}.section-title h4{font-size:1.5rem;font-weight:700;text-transform:capitalize;line-height:1;color:#2c56ca}.section-title h4 span{font-family:"Sarabun",sans-serif;color:#2c56ca;font-weight:900}.section-title h4.whitey{color:#fff}.section-title p{margin:10px 0 0;line-height:1.3;color:#fff}figure{margin:0}img{max-width:100%;transition:.4s all}.section{padding:80px 0}@media screen and (max-width: 1200px){.section{padding:70px 0}}@media screen and (max-width: 992px){.section{padding:60px 0}}@media screen and (max-width: 768px){.section{padding:45px 0}}@media screen and (max-width: 576x){.section{padding:30px 0}}.breadcrumb{padding:50px 0;margin:0;position:relative;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center bottom;background-image:url("../images/breadcrumb.jpg")}.breadcrumb::before{content:"";position:absolute;inset:0;background-color:rgba(26,24,24,.3);z-index:-1}.breadcrumb h4{font-size:2rem;font-weight:700;letter-spacing:.05em;word-spacing:.2em;color:#2b7e32;text-transform:capitalize}.breadcrumb .breadcrumb-wrapper{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.breadcrumb .breadcrumb-wrapper .breadcrumb-item{text-transform:capitalize;position:relative;padding-left:25px;line-height:1.5}.breadcrumb .breadcrumb-wrapper .breadcrumb-item::before{content:"";font-family:"Font Awesome 5 Free";font-weight:700;font-size:.75rem;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff}.breadcrumb .breadcrumb-wrapper .breadcrumb-item:first-child{padding-left:0}.breadcrumb .breadcrumb-wrapper .breadcrumb-item:first-child::before{display:none}.breadcrumb .breadcrumb-wrapper .breadcrumb-item a{font-size:1rem;font-weight:700;color:#fff;transition:.3s ease-in-out;line-height:1.5}.breadcrumb .breadcrumb-wrapper .breadcrumb-item a:hover{color:#2b7e32}.breadcrumb .breadcrumb-wrapper .breadcrumb-item p{font-size:.9375rem;color:#f8f8f8;line-height:1.5;text-transform:capitalize}.form{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px 20px}.form .form-group{flex-basis:100%;display:flex;border-radius:5px;overflow:hidden}.form .form-group:nth-child(4) .icon-block{align-items:flex-start;padding-top:15px}.form .form-group.half-width{flex-basis:calc(50% - 20px)}.form .form-group .icon-block{width:40px;background-color:#1a1818;display:flex;align-items:center;justify-content:center}.form .form-group .icon-block i{color:#fff}.form .form-group .form-input{width:100%;border:1px solid #1a1818;padding:10px 10px;color:#1a1818;font-size:.9375rem;background-color:rgba(0,0,0,0);resize:none;border-radius:5px}.form .form-group .form-input::placeholder{text-transform:capitalize;color:#1a1818}.form .form-group .form-input:focus-visible{outline:none;box-shadow:1px 4px 11px -6px #f8f8f8}.form .form-group .form-input.message{height:120px}.form .form-group .form-input option{color:#1a1818}@media screen and (max-width: 768px){.form{gap:20px}}@media screen and (max-width: 576px){.form .form-group.half-width{flex-basis:100%}}header{position:relative}header::before{position:absolute;content:"";background-size:contain;height:8px;left:0;bottom:-8px;width:100%;z-index:99}header .top-header .wrap{justify-content:flex-end;align-items:center}header .top-header .wrap p{font-size:14px;font-weight:400;margin-right:20px}header .top-header .wrap .btn-request{font-size:.8125rem;font-weight:700;color:#fff;background-color:#2c56ca;line-height:1;display:block;padding:8px 20px;overflow:initial;position:relative;transition:1s ease-in-out}header .top-header .wrap .btn-request span{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-right:8px solid #2c56ca;transition:1s ease-in-out}header .top-header .wrap .btn-request:hover{color:#2c56ca;background-color:#1a1818}header .top-header .wrap .btn-request:hover span{border-right-color:#1a1818}header .navbar{padding:5px 0}header .navbar.navbar-expand-lg{justify-content:space-between}header .navbar .navbar-brand{margin:0}header .navbar .navbar-brand figure{max-width:180px;background-color:#fff;border-radius:5px}header .navbar .navbar-brand figure img{width:100%;height:100%}header .navbar-collapse{flex-grow:initial;transition:.4s all}header .navbar-collapse .navbar-nav{width:100%;justify-content:flex-end}header .navbar-collapse .navbar-nav .nav-link{margin:0 15px;font-size:.875rem;font-weight:600;color:#231f20;text-transform:uppercase;letter-spacing:.1em;overflow:initial;transition:.4s ease-out;position:relative}header .navbar-collapse .navbar-nav .nav-link::before{position:absolute;content:"";background:#bfbfbf;width:1px;height:24px;top:7px;right:-10px}header .navbar-collapse .navbar-nav .nav-item:last-child{display:none}header .navbar-collapse .navbar-nav .nav-item:last-child .nav-link{margin-right:0}header .navbar-collapse .navbar-nav .nav-item:last-child .nav-link::before{display:none}header .navbar-collapse .navbar-nav .nav-item.active .nav-link{color:#2c56ca;text-shadow:2px 2px rgba(255,255,255,.1)}header .navbar-collapse .navbar-nav .nav-item:hover .nav-link{color:#2c56ca;text-shadow:2px 2px rgba(255,255,255,.1)}header .navbar-collapse .button .nav-link{margin:0 0 0 10px;padding:8px 18px;color:#fff;background-color:#2c56ca;font-size:14px;white-space:nowrap;border:2px solid #2c56ca}header .navbar-collapse .button .nav-link i{transition:.4s ease-out;transition-delay:.1s;padding-right:8px;font-size:13px}header .navbar-collapse .button .nav-link:hover{background:rgba(0,0,0,0);color:#2c56ca}header.fixed-header{position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:9999;padding:10px 0}header.fixed-header .top-header{display:none}header.fixed-header .navbar{padding:0}header.fixed-header .navbar .navbar-brand{padding:0}header.fixed-header .navbar .navbar-brand figure{max-width:140px}header.fixed-header .navbar-collapse .navbar-nav .nav-link{padding:6px 0;margin:0 15px;color:#1a1818}header.fixed-header .navbar-collapse .navbar-nav .nav-link::before{display:none}header.fixed-header .navbar-collapse .navbar-nav .nav-item:last-child{display:block}header.fixed-header .navbar-collapse .navbar-nav .nav-item.active .nav-link{color:#2c56ca}header.fixed-header .navbar-collapse .navbar-nav .nav-item:hover .nav-link{color:#2c56ca}header.fixed-header .navbar-collapse .button{display:none}@media screen and (max-width: 1199px){header .navbar-collapse .navbar-nav .nav-link{margin:0 12px;font-size:13px}header.fixed-header .navbar-collapse .navbar-nav .nav-link{padding:6px 0;margin:0 8px;font-size:13px}header.fixed-header .navbar-collapse .navbar-nav .nav-item:last-child .nav-link{margin:0 5px}}@media screen and (max-width: 991px){.top-header .wrap p{font-size:13px}.top-header .wrap .btn-request{font-size:12px}header .navbar-toggler{z-index:999;border:none;position:relative}header .navbar-toggler svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);fill:#1a1818}header .navbar-toggler svg.burger{transition:.3s ease-in-out}header .navbar-toggler svg.cross{opacity:0;top:60%;left:50%;transform:translate(-50%, -50%);transition:.3s ease-in-out}header .navbar-toggler:focus-within{box-shadow:none;outline:none}header .navbar-toggler[aria-expanded=true] svg{fill:#1a1818}header .navbar-toggler[aria-expanded=true] svg.burger{opacity:0}header .navbar-toggler[aria-expanded=true] svg.cross{opacity:1;top:50%}header .navbar{padding:10px 0}header .navbar .navbar-toggler{margin-bottom:0;border:none;border-radius:0}header .navbar .navbar-nav{justify-content:center;text-align:center}header .navbar .navbar-nav .nav-link::before{display:none}header .navbar .button{text-align:center}}@media screen and (max-width: 767px){header .navbar .navbar-brand{width:100px;margin-top:0}}@media screen and (max-width: 576px){header .top-header{display:none}header .navbar-collapse .navbar-nav .nav-item:last-child{display:block}}@media screen and (max-width: 420px){.top-header .wrap .btn-request{display:none}header .navbar .navbar-brand{padding-bottom:0}}.banner .slider .block{position:relative}.banner .slider .block .image{height:calc(100dvh - 120px);overflow:hidden}.banner .slider .block .image img{width:100%;height:100%;object-fit:cover}.banner .slider .block .text{position:absolute;top:50%;left:60px;transform:translateY(-50%);max-width:500px;z-index:11;text-align:left;z-index:1;padding:20px}.banner .slider .block .text::before{content:"";position:absolute;inset:0;border-radius:5px;background:rgba(26,24,24,.7);z-index:-1}.banner .slider .block .text h2{font-size:1.25rem;font-weight:300;font-family:"Sarabun",sans-serif;text-transform:uppercase;color:#fff;line-height:1.3;max-width:700px;margin:0 auto;letter-spacing:.02em}.banner .slider .block .text h2 span{display:inline-block;font-size:2rem;font-weight:900}.banner .slider .block .text .desc{display:block;font-size:16px;letter-spacing:0;color:#fff;max-width:700px;margin:20px auto 25px}.banner .slider .slick-arrow{z-index:9}.banner .slider .slick-arrow.left{left:0}.banner .slider .slick-arrow.right{right:0}.banner .slider .slick-arrow i{background-color:rgba(0,0,0,0);color:#fff;opacity:.6}.banner .slider .slick-arrow i:hover{opacity:1}.banner .slick-dots{position:absolute;bottom:25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.banner .slick-dots li{position:relative;display:inline-block;margin:0 3px;padding:0;width:9px;height:15px;border-radius:4px;background-color:#fff;transition:.4s all;cursor:pointer}.banner .slick-dots li button{position:relative;font-size:0;border:none;opacity:.8;box-shadow:none;text-shadow:none;background-color:#fff;width:3px;padding:0;cursor:pointer;transition:all .3s ease}.banner .slick-dots li button:hover,.banner .slick-dots li button:focus{outline:none;opacity:1}.banner .slick-dots li.slick-active{background-color:#2b7e32;height:20px}.banner .slick-dots li.slick-active button{color:#fff;opacity:.75}@media screen and (max-width: 991px){.banner .slider .block .text h2{font-size:25px}.banner .slider .block .text .desc{font-size:14px}.banner .slider .block .text .button a{font-size:13px}}@media screen and (max-width: 767px){.banner .slider .block .image{height:500px;min-height:400px}.banner .slider .slick-arrow{display:none !important}.banner .slick-dots{bottom:10px;z-index:2}}@media screen and (max-width: 576px){.banner .slider .block .image{height:400px}.banner .slider .block .text h2{font-size:18px}.banner .slider .block .text .desc{margin-top:10px;font-size:13px}.banner .slick-dots{display:none !important}}.section-about .about-block{display:flex;flex-direction:row-reverse;justify-content:space-between;flex-wrap:wrap;gap:40px 0}.section-about .about-block .text{flex:0 0 55%}.section-about .about-block .text h2{font-size:35px;font-weight:900;font-family:"Sarabun",sans-serif;line-height:1.3;color:#2b7e32;margin-bottom:20px}.section-about .about-block .text h2 span{font-family:"Sarabun",sans-serif;color:#2b7e32;font-weight:500}.section-about .about-block .text .wrap p{font-size:.9375rem;margin-bottom:20px;color:#000}.section-about .about-block .image{flex-basis:40%;height:auto;box-shadow:rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.3) 0px 3px 7px -3px;border-radius:10px;overflow:hidden}.section-about .about-block .image img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;object-position:bottom}.section-about .about-block .extra-desc{flex-basis:100%}.section-about .about-block .extra-desc p{margin-top:20px;font-size:.9375rem;color:#000}.section-about .about-block .extra-desc p:first-child{margin-top:0}@media screen and (max-width: 991px){.section-about .about-block .text{flex:0 0 55%}.section-about .about-block .text::before{display:none}.section-about .about-block .text h2{font-size:25px;line-height:1.3}.section-about .about-block .text p{font-size:16px}.section-about .about-block .text .about-btn{margin-top:25px;font-size:13px}.section-about .about-block .image .figure{padding:30px;width:100%;height:auto}.section-about .about-block .image .figure img{width:100%;height:100%;object-fit:cover}}@media screen and (max-width: 767px){.section-about .about-block{flex-direction:column-reverse;gap:30px}.section-about .about-block .text h2{font-size:25px;line-height:1.3}.section-about .about-block .text p{font-size:16px}.section-about .about-block .text .about-btn{margin-top:25px;font-size:13px}}.service-block{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px}.service-block .block{border:1px solid #dedede;text-align:center;cursor:pointer;overflow:hidden}.service-block .block .image{width:100%;aspect-ratio:3/2;margin-bottom:0;overflow:hidden}.service-block .block .image img{width:100%;height:100%;object-fit:cover;transition:.5s ease-in-out}.service-block .block .block-desc{position:relative;padding:20px;text-align:left}.service-block .block .block-desc::after{content:"";position:absolute;top:0%;left:0%;width:0;height:100%;background:#2c56ca;z-index:-1;transition:.5s ease-in-out;transition-delay:.2s}.service-block .block .block-desc .block-title h5{font-size:1.125rem;font-weight:700;line-height:1.3;color:#2b7e32;text-transform:capitalize;transition:.5s ease-in-out .3s}.service-block .block:hover .image img{transform:scale(1.1)}.service-block .block:hover .block-desc::after{width:100%}.service-block .block:hover .block-desc .block-title h5{color:#fff}@media screen and (max-width: 1200px){.service-block{grid-template-columns:repeat(2, 1fr)}.service-block .block{margin-bottom:0}.service-block .block .image{width:100%;aspect-ratio:4/2}.service-block .block .image img{width:100%;height:100%;object-fit:cover}.service-block .block .block-desc{padding:20px}.service-block .block .block-desc .desc{padding:10px 0}}@media screen and (max-width: 768px){.service-block{grid-template-columns:1fr;grid-gap:20px}}.homechoose{background:url("../images/home-choose-bg.jpg") no-repeat center;background-size:cover;padding-left:0;padding-right:0;text-align:center;position:relative}.homechoose::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.homechoose .wrapper{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.homechoose .choosetxt{flex:0 0 50%;text-align:left}.homechoose .choosetxt h2{display:inline-block;color:#2b7e32;font-weight:700;background-color:#fff;padding:5px 10px;border-radius:5px;line-height:1.3}.homechoose .choosetxt .desc{color:#fff;font-weight:600;font-family:"Poppins",sans-serif;line-height:1.7;padding-top:20px;border-top:2px double #333}.homechoose .choosetxt .divbtn{margin-top:20px}.homechoose .chooselist{flex:0 0 45%;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.homechoose .chooselist li{flex:0 0 33%;padding:20px}.homechoose .chooselist li img{max-width:40px}.homechoose .chooselist p{color:#fff;font-size:14px;line-height:22px;text-transform:capitalize;margin-top:15px}@media screen and (max-width: 991px){.homechoose .chooselist li{flex:0 0 50%}}@media screen and (max-width: 767px){.homechoose .wrapper{flex-wrap:wrap}.homechoose .choosetxt{flex:0 0 100%}.homechoose .chooselist{flex:0 0 100%;margin-top:30px}}.about-features{display:flex;flex-direction:column;gap:50px}.about-features .abtfeatures-block{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 30px}.about-features .abtfeatures-block .img-block{flex-basis:calc(50% - 30px);height:auto}.about-features .abtfeatures-block .img-block img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.about-features .abtfeatures-block .content{flex-basis:calc(50% - 30px)}.about-features .abtfeatures-block .content h5{font-size:1.75rem;font-weight:900;word-spacing:.05em;letter-spacing:.03em;line-height:1.3;text-transform:capitalize;color:#2b7e32}.about-features .abtfeatures-block .content p{font-size:16px;margin-top:30px}.about-features .abtfeatures-block:nth-child(even){flex-direction:row-reverse}@media screen and (max-width: 992px){.about-features .abtfeatures-block{flex-direction:column;gap:20px}.about-features .abtfeatures-block:nth-child(even){flex-direction:column}.about-features .abtfeatures-block .img-block img{aspect-ratio:5/2}.about-features .abtfeatures-block .content{text-align:center}.about-features .abtfeatures-block .content h5{font-size:1.5rem}.about-features .abtfeatures-block .content p{margin-top:20px;font-size:15px}}@media screen and (max-width: 481px){.about-features .abtfeatures-block .content h5{font-size:1.25rem}}.roofing{background-color:#82ad2a}.roofing .main-title h4{text-align:center;margin-bottom:16px;font-size:1.75rem;font-weight:700;color:#2c56ca;text-transform:capitalize;letter-spacing:.05rem}.roofing .main-title h6{text-align:center;text-transform:capitalize;margin-bottom:16px;color:#fff}.roofing .roofing-wrapper{display:flex;flex-direction:column;gap:2px}.roofing .roofing-wrapper .roof-block{display:flex;justify-content:space-between;gap:2px 1px}.roofing .roofing-wrapper .roof-block .figure{flex-basis:calc(60% - 1px)}.roofing .roofing-wrapper .roof-block .figure img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}.roofing .roofing-wrapper .roof-block .desc{flex-basis:calc(40% - 1px);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;padding:0 30px;text-align:center}.roofing .roofing-wrapper .roof-block .desc h6{color:#fff;text-transform:capitalize;padding-bottom:10px}.roofing .roofing-wrapper .roof-block .desc p{color:#f8f8f8}.roofing .roofing-wrapper .roof-block:nth-child(even){flex-direction:row-reverse}@media screen and (max-width: 992px){.roofing .roofing-wrapper .roof-block{flex-direction:column}.roofing .roofing-wrapper .roof-block .figure img{aspect-ratio:5/2}.roofing .roofing-wrapper .roof-block .desc{padding:30px}.roofing .roofing-wrapper .roof-block:nth-child(even){flex-direction:column}}.gallery{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.gallery .image .img-wrap{display:block;position:relative;z-index:1}.gallery .image .img-wrap::before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%, -100%);width:100%;height:0;background-color:rgba(26,24,24,.5);transition:1s ease-in-out;z-index:111}.gallery .image .img-wrap .main-image{width:100%;aspect-ratio:3/2}.gallery .image .img-wrap .main-image img{width:100%;height:100%;object-fit:cover;transform-origin:50% 65%;transition:transform 1s ease-in-out}.gallery .image .img-wrap .wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(43,126,50,.5);border-radius:100%;width:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1111;transition:1s ease-in-out .3s}.gallery .image .img-wrap:hover{cursor:pointer}.gallery .image .img-wrap:hover::before{height:100%}.gallery .image .img-wrap:hover .main-image img{transform:scale(1.5)}.gallery .image:first-child{grid-row:1/3;grid-column:1/3}@media screen and (max-width: 992px){.gallery{grid-template-columns:repeat(3, 1fr)}.gallery .image:first-child{grid-row:1/2;grid-column:1/2}}@media screen and (max-width: 576px){.gallery{grid-template-columns:repeat(2, 1fr)}}.testimonials-section{background-color:#f8f8f8}.testimonials-section .section-title h4{color:#2c56ca}.testimonials-section .section-title p{color:#2c56ca}.testimonials-block .inner-box{position:relative;padding:20px;box-shadow:0 1px 1px 2px #ededed;margin:5px 15px}.testimonials-block .inner-box .wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.testimonials-block .inner-box .wrap .info .name{font-size:20px;font-family:"Sarabun",sans-serif;font-weight:700;line-height:1.4;letter-spacing:.03em;color:#1a1818;text-transform:uppercase}.testimonials-block .inner-box .wrap .info .name span{display:block;margin-top:5px;font-size:14px;font-weight:400;font-family:"Sarabun",sans-serif;text-transform:none}.testimonials-block .inner-box .wrap .info .rating{margin-top:5px}.testimonials-block .inner-box .wrap .info .rating i{font-size:12px;color:#e9ae0c}.testimonials-block .inner-box .wrap .image img{width:60px;height:60px;object-fit:cover;object-position:center;border-radius:100%}.testimonials-block .inner-box .desc{margin-top:20px}.testimonials-block .inner-box .desc p{font-size:14px;color:#8a8a8a;line-height:1.6}.review{text-align:center;padding:35px 0 20px 0;margin-top:30px}.review h2{font-size:20px;font-weight:600;font-family:"Sarabun",sans-serif;color:#2c56ca;margin-bottom:30px}.review ul{justify-content:center;text-align:center;width:100%}.review ul li{text-align:center;margin:0 20px}.review ul li a{text-align:center;margin:0 auto;max-width:150px}@media screen and (max-width: 576px){.review{margin-top:10px}.review ul{flex-wrap:wrap}.review ul li{flex:0 0 35%;margin-bottom:20px}.review ul li a{text-align:center;margin:0 auto;max-width:150px}}footer{padding:50px 0 35px 0;position:relative;z-index:1;background-image:url(../images/footer-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}footer::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.8);z-index:-1}footer .footer-logo{width:200px;margin:0 auto 20px auto;background-color:#fff;border-radius:5px;text-align:center;padding:10px}footer .footer-logo img{width:100%}footer .footer-wrapper ul{display:flex;flex-direction:row;justify-content:center;text-align:center}footer .footer-wrapper ul li{font-size:14px;font-family:"Sarabun",sans-serif;color:#fff;margin:10px}footer .footer-wrapper ul li a{color:#fff}footer .footer-wrapper ul.informations{flex-direction:column}footer .footer-wrapper ul.informations li{margin:5px}.footer-bottom{background-color:#1a1818;padding:8px 0}.footer-bottom .wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-bottom .block{font-size:14px;font-weight:400;color:#fff;margin:10px 0;line-height:1.7}.footer-bottom .block a{display:inline;margin:0 5px;color:#fff;font-size:14px;font-weight:600;line-height:1.7;letter-spacing:.02em}.footer-bottom .develop{font-size:14px;color:#fff;display:flex;flex-direction:row;line-height:1.7}.footer-bottom .develop .p-divider{margin:0 15px 0 10px}.footer-bottom .develop a{margin:0 5px;color:#fff;font-weight:600;font-family:"Sarabun",sans-serif}@media screen and (max-width: 991px){footer{background-color:#151515;padding:50px 0 35px 0}}@media screen and (max-width: 767px){footer{padding:35px 0 20px 0}footer .footer-logo{width:125px}footer .footer-wrapper ul{display:flex;flex-direction:row;justify-content:center;text-align:center}footer .footer-wrapper ul li{font-size:14px;font-family:"Sarabun",sans-serif;color:#fff;margin:10px 6px}footer .footer-wrapper ul li a{color:#fff}footer .footer-wrapper ul.informations{flex-direction:column}footer .footer-wrapper ul.informations li{margin:5px}.footer-bottom .wrapper{flex-direction:column}.footer-bottom .wrapper.w-100 ul li a{margin:0 7px}.footer-bottom .block{white-space:nowrap}.footer-bottom .develop{text-align:center;flex-direction:column}.footer-bottom .develop .text-center{white-space:nowrap}.footer-bottom .develop a{display:block}.footer-bottom .develop .p-divider{display:none}}.page-about{padding-top:0}.page-about .section-about{background-color:rgba(138,138,138,.1)}.page-about .section-about .about-block{align-items:initial}.page-about .section-about .about-block .image{flex-basis:40%;height:auto}.page-about .section-about .about-block .image img{width:100%;height:100%;object-fit:cover}.page-about .more-info{display:flex;flex-direction:column;gap:60px;padding-top:40px}.page-about .info-block{display:flex;justify-content:space-between;align-items:center;gap:60px}.page-about .info-block:nth-child(even){flex-direction:row-reverse}.page-about .info-block:nth-child(even) .image::after{top:0;left:50%}.page-about .info-block .image{flex-basis:50%;position:relative}.page-about .info-block .image::after{position:absolute;top:0;left:0;content:"";height:100%;width:50%;background-color:#f7c32e;z-index:-2}.page-about .info-block .image .figure{padding:30px;overflow:hidden}.page-about .info-block .image .figure img{width:100%;box-shadow:-5px 5px 18px -8px #1a1818}.page-about .info-block .block{flex-basis:50%}.page-about .info-block .block .section-header{text-align:left;padding-bottom:15px}.page-about .info-block .block .section-header h2{font-size:2rem;font-weight:700;color:#1a1818;line-height:1.2}.page-about .info-block .block .section-header h2::before{margin:0}.page-about .info-block .block .text h4{font-size:1.75rem;font-weight:500;color:#1a1818;padding-bottom:15px}.page-about .info-block .block .text p{font-size:1rem;font-family:"Poppins",sans-serif;color:#1a1818;padding-bottom:15px}@media screen and (max-width: 992px){.page-about .info-block{flex-direction:column;gap:30px}.page-about .info-block:nth-child(even){flex-direction:column}.page-about .info-block .image .figure{padding:30px}.page-about .info-block .image .figure img{aspect-ratio:4/2;object-fit:cover}.page-about .info-block .block{text-align:center}.page-about .info-block .block .section-header{text-align:center}.page-about .info-block .block .section-header h2::before{margin:0 auto}.page-about .info-block .block .text h4{font-size:1.5rem}.page-about .info-block .block .text p{font-size:.9375rem}}@media screen and (max-width: 577px){.page-about .info-block{gap:20px}.page-about .info-block .block .section-header h2{font-size:1.75rem}.page-about .info-block .block .text p{font-size:.875rem}}.countdown{padding-top:0}.countdown .count-wrapper{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;position:relative;z-index:2}.countdown .count-wrapper .counter{color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:rgba(50,50,93,.25) 0px 30px 60px -12px inset,rgba(0,0,0,.3) 0px 18px 36px -18px inset;padding:30px 0;border-radius:10px}.countdown .count-wrapper .counter .count-icon{text-align:center;width:80px;height:80px;line-height:80px;border-radius:100%;border:1px solid #2c56ca;overflow:hidden;position:relative;transition:.4s ease-in-out}.countdown .count-wrapper .counter .count-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;background-color:#2c56ca;z-index:1;transition:.4s ease-in-out;border-radius:100%}.countdown .count-wrapper .counter .count-icon i{font-size:1.25rem;position:relative;z-index:2;transition-delay:.2s}.countdown .count-wrapper .counter .count-icon:hover::after{width:0%;height:0%}.countdown .count-wrapper .counter .count-icon:hover i{color:#2c56ca}.countdown .count-wrapper .counter .count-text{text-align:center;padding-top:10px}.countdown .count-wrapper .counter .count-text .count-number{font-size:2rem;font-weight:700;color:#2c56ca;line-height:1.2}.countdown .count-wrapper .counter .count-text .count-text{color:#2c56ca;font-size:1.125rem;font-weight:600;padding-top:0;line-height:1}@media screen and (max-width: 992px){.countdown .count-wrapper{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 768px){.countdown .count-wrapper .counter .count-text .count-number{font-size:1.75rem}.countdown .count-wrapper .counter .count-text .count-text{font-size:1rem}}@media screen and (max-width: 577px){.countdown .count-wrapper{grid-template-columns:1fr}.countdown .count-wrapper .counter{width:350px;margin:auto}.countdown .count-wrapper .counter .count-icon{width:60px;height:60px;line-height:60px}.countdown .count-wrapper .counter .count-icon i{font-size:1rem}.countdown .count-wrapper .counter .count-text{padding-top:5px}.countdown .count-wrapper .counter .count-text .count-number{font-size:1.5rem}.countdown .count-wrapper .counter .count-text .count-text{font-size:1rem}}@media screen and (max-width: 481px){.countdown .count-wrapper .counter{width:100%}.countdown .count-wrapper .counter .count-icon::after{width:0%;height:0%}.countdown .count-wrapper .counter .count-icon i{color:#2c56ca}.countdown .count-wrapper .counter .count-text{padding-top:5px}.countdown .count-wrapper .counter .count-text .count-number{font-size:1.5rem}.countdown .count-wrapper .counter .count-text .count-text{font-size:1rem}}.gallery-section{padding:60px 0}.gallery-section .gallery-wrapp{display:flex;flex-direction:row;flex-wrap:wrap}.gallery-section .gallery-wrapp .resize{flex:0 0 32%;margin:5px}@media screen and (max-width: 992px){.gallery-section{padding:50px 0}.gallery-section .section-header h2{font-size:26px;margin:0;padding-bottom:10px}.gallery-section .gallery-wrapp .resize{flex:0 0 32%;margin:4px}}@media screen and (max-width: 767px){.gallery-section{padding:40px 0}.gallery-section .section-header h2{font-size:20px}.gallery-section .gallery-wrapp .resize{flex:0 0 31.5%;margin:4px}}@media screen and (max-width: 576px){.gallery-section{padding:30px 0}.gallery-section .section-header h2{font-size:18px}.gallery-section .gallery-wrapp .resize{flex:0 0 48%;margin:3px}}@media screen and (max-width: 480px){.gallery-section{padding:20px 0}.gallery-section .section-header{padding-bottom:20px}.gallery-section .gallery-wrapp .resize{flex:0 0 47%;margin:3px}}.page-services{position:relative}.page-services .background-attachment{opacity:.3}.page-services .service_wrapper{display:flex;flex-direction:column;gap:60px;padding-top:60px}.page-services .servie-block{display:flex;flex-wrap:wrap;gap:30px;background-color:#fff;border-radius:10px;box-shadow:2px 1px 14px -8px #1a1818;padding:30px}.page-services .servie-block .images{flex-basis:50%;width:100%}.page-services .servie-block .images img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px}.page-services .servie-block .content{flex-basis:calc(50% - 30px)}.page-services .servie-block .content h5{font-size:2rem;font-weight:700;color:#2b7e32;text-transform:capitalize}.page-services .servie-block .content p{font-size:.9375rem;padding-top:20px;color:#1a1818}.page-services .servie-block .bottom-content{flex-basis:100%}.page-services .servie-block .bottom-content p{font-size:.9375rem;padding-top:20px;color:#1a1818}.page-services .servie-block .bottom-content p:first-child{padding-top:0}.page-services .servie-block:nth-child(even){flex-direction:row-reverse}.page-services .servie-block:last-child{margin-bottom:40px}@media screen and (max-width: 992px){.page-services .servie-block{flex-direction:column}.page-services .servie-block .content{text-align:center}.page-services .servie-block .content p{padding:10px 0}.page-services .servie-block .bottom-content{text-align:center}.page-services .servie-block .bottom-content p{padding:10px 0}.page-services .servie-block .bottom-content ul li p span{font-size:1.125rem}.page-services .servie-block:nth-child(even){flex-direction:column}.page-services .servie-block:last-child{padding-bottom:40px}}.contact .contact-wrapper{display:flex;justify-content:space-between;gap:60px}.contact .contact-wrapper .formblock .title{margin-bottom:40px}.contact .contact-wrapper .formblock .title h4{font-size:24px;font-weight:600;line-height:1.7;display:inline-block;position:relative}.contact .contact-wrapper .formblock .title h4::after{content:"";position:absolute;bottom:0;left:0;width:64px;height:3px;background-color:#2c56ca}.contact .contact-wrapper .formblock .title p{padding:10px 0;line-height:1.5;height:62px}.contact .contact-wrapper .formblock .wrap{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.contact .contact-wrapper .formblock .wrap .block{flex:0 0 calc(50% - 20px);text-align:center;transition:.4s ease-in-out;padding:10px 0;border:1px solid rgba(44,86,202,.4);margin-bottom:20px;margin-right:10px;position:relative}.contact .contact-wrapper .formblock .wrap .block::after{content:"";position:absolute;top:100%;left:0;width:100%;height:0;background-color:#2c56ca;transition:.4s ease-out;z-index:-1}.contact .contact-wrapper .formblock .wrap .block .con-link{height:60px;width:60px;line-height:60px;background-color:#2c56ca;text-align:center;margin:0 auto;border-radius:100%;border:1px solid #2c56ca;transition-delay:.2s}.contact .contact-wrapper .formblock .wrap .block .con-link i{color:#fff;font-size:1rem;position:relative;transition:.4s ease}.contact .contact-wrapper .formblock .wrap .block h5{font-size:18px;color:#000;margin-top:5px;position:relative;top:10px;transition:.4s ease}.contact .contact-wrapper .formblock .wrap .block p{opacity:0;font-size:16px;line-height:1.1;color:#000;position:relative;top:10px;overflow-wrap:anywhere;padding-top:10px;transition:.4s ease}.contact .contact-wrapper .formblock .wrap .block:hover::after{top:0;height:100%}.contact .contact-wrapper .formblock .wrap .block:hover .con-link{background-color:#fff}.contact .contact-wrapper .formblock .wrap .block:hover .con-link i{color:#2c56ca}.contact .contact-wrapper .formblock .wrap .block:hover h5{color:#fff;top:0}.contact .contact-wrapper .formblock .wrap .block:hover p{opacity:1;color:#fff;top:0}.contact .contact-wrapper .formblock .form{display:flex;flex-direction:column;gap:30px}.contact .contact-wrapper .formblock .form .form-group .form-input{border:1px solid #1a1818;border-top-left-radius:0;border-bottom-left-radius:0}.direction iframe{width:100%;height:400px;display:block}@media screen and (max-width: 992px){.contact .contact-wrapper{flex-direction:column;gap:30px}.direction iframe{height:350px}}@media screen and (max-width: 767px){.direction iframe{height:300px}}@media screen and (max-width: 576px){.direction iframe{height:200px}}@media screen and (max-width: 480px){.contact .contact-wrapper .formblock .title{text-align:center;margin-bottom:20px}.contact .contact-wrapper .formblock .title h4{font-size:24px}.contact .contact-wrapper .formblock .title p{height:auto;padding:5px 0 0 0}.contact .contact-wrapper .formblock .wrap{flex-direction:column}.contact .contact-wrapper .formblock .wrap .block{flex:0 0 100%;width:60%;margin:0 auto 20px auto}.contact .contact-wrapper .formblock .wrap .block::after{top:0;height:100%}.contact .contact-wrapper .formblock .wrap .block .con-link{background-color:#fff}.contact .contact-wrapper .formblock .wrap .block .con-link i{color:#2c56ca;font-size:1rem}.contact .contact-wrapper .formblock .wrap .block h5{font-size:16px;color:#fff;top:0}.contact .contact-wrapper .formblock .wrap .block p{opacity:1;font-size:15px;color:#fff;top:0}.contact .contact-wrapper .formblock .form{justify-content:center}}@media screen and (max-width: 400px){.contact .contact-wrapper .formblock .wrap .block{width:100%}}.quote{padding:80px 0;background:url("../images/bgimg.jpg") no-repeat;background-position:center;background-size:cover;position:relative}.quote::before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.7)}.quote .quote-wrapper{display:grid;grid-template-columns:1fr 1fr}.quote .quote-wrapper .form{max-width:100%}.quote .quote-wrapper .quote-image{position:relative}.quote .quote-wrapper .quote-image img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}.quote .form{background:#ededed;padding:0 35px 50px 35px;position:relative;overflow:hidden;z-index:1;max-width:500px}.quote .form::before{content:"";position:absolute;top:35px;right:60px;background:url(../images/quote.png) no-repeat;background-size:contain;width:40px;aspect-ratio:1/1}.quote .form h2{font-size:22px;font-weight:600;color:#fff;position:relative;padding-top:30px;margin-bottom:60px}.quote .form h2::after{content:"";width:800px;height:100px;background:#2b7e32;position:absolute;top:0;left:-60px;z-index:-2}.quote .form h2::before{background:url(../images/title-shape2.png) no-repeat}@media screen and (max-width: 992px){.quote{padding:20px 0}.quote .form{padding-bottom:35px}.quote .form::before{display:none}.quote .form h2{font-size:18px;padding-top:10px;margin-bottom:10px}.quote .form h2::after{height:50px}}@media screen and (max-width: 768px){.quote{padding:20px 0}.quote .quote-wrapper{grid-template-columns:1fr}.quote .quote-wrapper .quote-image{display:none}.quote .form{padding:0 10px 16px 10px}}.thanks{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;vertical-align:middle;background-color:#272727;position:relative;height:100dvh}.thanks .icon{width:100%}.thanks .message{display:inline-block;margin-top:30px}.thanks .message p{font-size:16px;word-spacing:.05em;color:#2c56ca;padding:20px 0}.thanks .redirect{display:flex;flex-direction:row;align-items:center;justify-content:center;transition:.3s ease-in-out;background-color:#2b7e32;border:1px solid #2b7e32;transition:.3s ease-in-out;padding:10px}.thanks .redirect i{color:#fff;padding-right:8px;transition:.3s ease-in-out}.thanks .redirect h5{color:#fff;font-weight:500;font-size:18px;word-spacing:.05em;margin-bottom:0;transition:.3s ease-in-out}.thanks .redirect:hover{text-decoration:none;background-color:rgba(0,0,0,0)}.thanks .redirect:hover i{color:#2b7e32}.thanks .redirect:hover h5{color:#2b7e32}