.section-tech-service{background-color:#19164f;padding:5% 8%;color:#fff}.section-tech-service .title-tech{font-family:Kanit;font-style:normal}.section-tech-service h2{font-size:calc(20px + 2vw)!important;font-weight:500;line-height:80px}.section-tech-service h3{font-size:24px;font-weight:400;line-height:40px;margin:2rem 0}.section-tech-service .card{border-radius:10px;aspect-ratio:1/1.1;color:#19164f;position:relative;overflow:hidden}.section-tech-service .card .block-text{position:absolute;top:10%;left:10%}.section-tech-service .card img{width:100%;height:100%;object-fit:cover}.section-tech-service .card .ico-arr{position:absolute;top:8%;right:8%;color:#fff;background-color:#f26622;border-radius:50%;padding:5px}.section-tech-service .card:hover .ico-arr{transform:rotate(45deg);transition:transform .3s ease-in-out}.section-business-opportunity{min-height:800px;padding:5% 8%;color:#19164f}.section-business-opportunity .business-opportunity .title-business{text-align:center;font-family:Kanit;font-size:48px;font-style:normal;font-weight:500;line-height:80px}.section-business-opportunity .business-opportunity .title-business-desc{text-align:center;font-family:Kanit;font-size:24px;font-style:normal;font-weight:400;line-height:40px}.section-business-opportunity .business-opportunity .card{position:relative;overflow:hidden;border-radius:16px}.section-business-opportunity .business-opportunity .card .ico-arr{position:absolute;top:5%;right:5%;color:#fff;background-color:#f26622;border-radius:50%;padding:5px;z-index:2;width:calc(20px + 2vw);height:calc(20px + 2vw)}.section-business-opportunity .business-opportunity .card:hover .ico-arr{transform:rotate(45deg);transition:transform .3s ease-in-out}@media(max-width:991px){.section-business-opportunity .business-opportunity .card img{aspect-ratio:4/3;object-fit:cover}}.section-business-opportunity .business-opportunity .card .overlay{position:absolute;inset:0;background:linear-gradient(20deg,rgba(0,0,0,.9),rgba(255,255,255,0) 70%);z-index:1}.section-business-opportunity .business-opportunity .card .card-text{position:absolute;z-index:2;bottom:15%;left:8%;color:#fff;font-family:Poppins;font-size:calc(18px + 1vw);font-style:normal;font-weight:600;line-height:1.3;white-space:pre-line}.section-business-opportunity .our-quality-guarantee .title-business{text-align:center;font-family:Kanit;font-size:48px;font-style:normal;font-weight:500;line-height:80px}.section-business-opportunity .our-quality-guarantee .card-certificate{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:space-between}.section-business-opportunity .our-quality-guarantee .card-certificate .cert-image{height:150px}@media(max-width:768px){.section-business-opportunity .our-quality-guarantee .card-certificate .cert-image{height:auto}}.section-business-opportunity .our-quality-guarantee .card-certificate .section-business-opportunity .our-quality-guarantee .card-certificate h3{font-family:Kanit;font-size:24px;font-style:normal;font-weight:500;line-height:42px}.section-business-opportunity .our-quality-guarantee .card-certificate p{color:#000;font-family:Kanit;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.section-business-opportunity .our-quality-guarantee .btn,.section-business-opportunity .our-quality-guarantee .btn-primary{font-size:20px;padding:10px 20px;border-radius:40px;box-shadow:none;background-color:#19164f;margin-top:1rem}.section-business-opportunity .our-quality-guarantee .btn-primary:hover,.section-business-opportunity .our-quality-guarantee .btn:hover{background-color:#19164f}.section-business-opportunity .our-quality-guarantee .card{background-color:#f1f1f1;border:none;padding:3% 10%;border-radius:16px}.section-business-opportunity .our-quality-guarantee .card p{font-family:Kanit;font-size:clamp(16px,2vw,24px);font-style:normal;font-weight:500;line-height:1.7;margin:0}#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:1}#modal-container.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one .modal-background .modal{transform:scale(0);animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards}#modal-container.one.out{transform:scale(1);animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards}#modal-container.one.out .modal-background .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container .modal-background{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container .modal-background .modal{background:#fff;max-width:-moz-fit-content;max-width:fit-content;max-height:800px;padding:2rem;display:inline-block;border-radius:3px;font-weight:300;position:relative}#modal-container .modal-background .modal img{height:100%;width:100%;object-fit:contain}@media(max-width:576px){#modal-container .modal-background .modal{height:500px}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}