*,html{scroll-behavior:smooth}:root{scrollbar-color:#d2d2d2 #2e3645!important;scrollbar-width:thin!important}body{margin:0;overflow-x:hidden;width:100%;font-family:Kanit,sans-serif}p{font-family:Kanit,sans-serif}a{text-decoration:none}li{list-style:none;padding:5px}.title{font-size:2em;font-family:'Archivo Black',sans-serif}.sub-title{font-size:1.5em;font-family:Kanit,sans-serif;color:gray}em{font-style:normal;color:#4033ff}.btn1{padding:10px 20px;box-shadow:0 3px 8px -3px rgba(1,1,1,.5);outline:0;border:0;background:#fff;border-radius:20px;color:#000;font-weight:400;text-align:center;transition:.5s}.btn1:hover{background-color:#b4cdff}.btn2{padding:10px 20px;box-shadow:0 3px 8px -3px rgba(1,1,1,.5);outline:0;border:0;background:#4033ff;border-radius:20px;color:#fff;font-weight:400;text-align:center;transition:.5s}.btn2:hover{background:#3d35ec}.banner{margin:auto;width:70%;text-align:center}#scroll-up{position:fixed;bottom:2em;right:2em;background:#1e1e1e;width:20px;height:20px;text-align:center;color:#fff;padding:5px;border-radius:50%;box-shadow:0 6px 16px -6px rgba(1,1,1,.5);z-index:999;display:none}.inline-photo{opacity:0;transform:translateY(4em) rotateZ(0);transition:transform 4s .25s cubic-bezier(0,1,.3,1),opacity .3s .25s ease-out;will-change:transform,opacity}.inline-photo.is-visible{opacity:1;transform:rotateZ(0)}.loading{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#292970;display:flex;flex-direction:column;align-items:stretch;justify-content:center;align-content:center}.load{min-height:60pt}@keyframes loading{0%{width:50pt;height:50pt;margin-top:0}25%{height:4pt;margin-top:23pt}50%{width:4pt}75%{width:50pt}100%{width:50pt;height:50pt;margin-top:0}}.loader{width:50pt;height:50pt;border-radius:100%;border:#6767fa 4pt solid;margin-left:auto;margin-right:auto;background-color:transparent;animation:loading 1s infinite}.load-text{padding-top:15px;text-align:center;font:14pt "Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff}.animate-bottom{position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}@-webkit-keyframes animatebottom{from{bottom:0;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{from{bottom:0;opacity:0}to{bottom:0;opacity:1}}#myDiv{display:none}header{position:fixed;top:0;width:100%;z-index:9}.topnav{overflow:hidden;width:90%;margin:auto;background-color:transparent}.topnav a{float:right;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;transition:.5s}.topnav .logo{float:left;font-family:'Fredoka One',cursive;color:#fff;font-size:2em}.active{color:gray}.topnav .icon{display:none}.dropdown{float:right;overflow:hidden}.dropdown .dropbtn{font-size:17px;border:none;outline:0;color:#fff;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown:hover .dropbtn,.topnav a:hover{color:#b4cdff}.dropdown-content a:hover{background-color:#ddd;color:#000}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:600px){.topnav{background:#4033ff;width:100%}.dropdown .dropbtn,.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}#navbar{background-color:#fff;position:fixed;top:-60px;width:100%;display:block;z-index:9;box-shadow:0 6px 16px -6px rgba(1,1,1,.5);transition:top .3s}#navbar a{float:right;display:block;color:#000;text-align:center;padding:15px;text-decoration:none;font-size:17px}#navbar .logo{float:left}#navbar a:hover{background-color:#ddd;color:#000}.slide-menu .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.slide-menu .dropdown .dropbtn{font-size:17px;border:none;outline:0;color:#000;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}@media (max-width:600px){#navbar{display:none}}.main{width:100%;height:100vh;background-image:url(main-bg.png);background-size:100% 100%}.main table{width:100%;height:100vh}.main table td{width:50%}.main table td img{width:80%;float:right;height:80%;margin-top:10%;pointer-events:none;--delay:0s;animation:arrows 4s var(--delay) infinite ease-in}@keyframes arrows{0%,100%{color:#000;transform:translateY(0)}50%{color:#3ab493;transform:translateY(20px)}}.main table td section{margin:5%;color:#fff}.main table td section .sub-title,.main table td section p{color:#fff}@media (max-width:600px){.main table td{width:100%;display:block}.main table td section{margin-top:20%}.main table td img{width:60%;height:60%;margin-top:0;pointer-events:none}}.container{width:100%}.container table{width:100%}.container table td{width:50%}.container table td img{margin:auto}.container table .aboutus_td2,.container table td:nth-child(2){padding:20px}@media (max-width:600px){.container table td{width:100%;display:block}.container table td img{width:90%}.container table .aboutus_td2,.container table td:nth-child(2){padding:10px;width:95%}}.slick{width:90%;margin-left:auto;margin-right:auto}.slick table{width:100%;margin-left:auto;margin-right:auto}.slick table td{width:30%;padding:1%}.slick table td ul li{list-style:none;padding:10px 0}.slick table td ul li a{text-decoration:none;transition:.5s}.slick table td ul li a:hover{color:#8798bd}.slick table td ul li h3{color:#4033ff}.slick table td ul li p{color:rgba(1,1,1,.7)}.slick table td:nth-child(1) ul{text-align:right}.slick table td:nth-child(3) ul{text-align:left}.slick table td:nth-child(2) .card{margin-left:auto;margin-right:auto}.slick .card{position:relative;width:90%;height:80vh;overflow:hidden;border-radius:5px}.slick .card::after{content:'';position:absolute;left:0;top:0;z-index:900;display:block;width:100%;height:100%}.slick .card_part{position:absolute;top:0;left:0;z-index:7;display:flex;align-items:center;width:100%;height:100%;background-size:cover;transform:translateX(700px);background-image:url(image1.jpg);background-repeat:no-repeat;animation:opaqTransition 28s cubic-bezier(0,0,0,.97) infinite}.slick .card_part.card_part-two{z-index:6;background-image:url(image2.jpg);animation-delay:7s;background-repeat:no-repeat}.slick .card_part.card_part-three{z-index:5;background-image:url(image3.jpg);animation-delay:14s;background-repeat:no-repeat}.slick .card_part.card_part-four{z-index:4;background-image:url(image4.jpg);animation-delay:21s;background-repeat:no-repeat}@keyframes opaqTransition{3%{transform:translateX(0)}25%{transform:translateX(0)}28%{transform:translateX(-700px)}100%{transform:translateX(-700px)}}@media (max-width:600px){.slick{width:100%;margin-left:auto;margin-right:auto}.slick table td{width:95%;display:block;padding:0}.slick table td ul{width:85%}.slick table td:nth-child(1) ul{text-align:left}.slick .card{position:relative;width:60%;height:50vh;overflow:hidden;border-radius:5px}}@media (max-width:500px){.slick table td{width:100%;display:block}.slick table td:nth-child(1) ul{text-align:left}.title{font-size:1.3em}.sub-title{font-size:.6em}.slick table td ul li{padding:5px 0}}.section1{width:90%;margin:auto}.section1 .accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:0;font-size:15px;transition:.4s}.section1 .panel img{margin:0 20px}.section1 .accordion:hover,.section1 .active{background-color:#ccc}.accordion:after{content:'\002B';color:#1345b4;font-weight:700;float:right;margin-left:5px}.section1 .active:after{content:"\2212"}.section1 .panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;margin:auto;transition:max-height .2s ease-out}@media (max-width:600px){.section1 .banner{width:90%}}.sub-footer{background:#1e1e1e;text-align:center;font-size:14px;color:gray;padding:10px 0}.header_aboutus{width:100%;height:40vh;background-image:url(../images/aboutus_header.webp);background-size:cover;background-attachment:fixed;text-align:center;color:#fff}.header_aboutus .title{position:relative;top:15vh}.header_aboutus .sub-title{position:relative;top:20vh;color:#f7f7f7}.header_aboutus .sub-title a{color:#fff}:root{--rose1:linear-gradient(to right,#E50091,#AE0D97);--rose2:linear-gradient(to right,#D219B4,#E50091);--blue1:linear-gradient(to right,#3b29cf,#4267D9);--blue2:linear-gradient(to right,#4267D9,#17B1EF);--green1:linear-gradient(to right,#42c966,#5BD80B);--green2:linear-gradient(to right,#04E2CB,#42c966);--orange1:linear-gradient(to right,#E03C30,#FF7125);--orange2:linear-gradient(to right,#FF7125,#EFBC2F)}.container-fluid{background:#f7f7f7;padding:5% 0}.main-timeline{font-family:sans-serif;position:relative;width:90%;margin:auto}.main-timeline:after{content:'';display:block;clear:both}.main-timeline .timeline{width:50%;padding:0 0 0 70px;margin:0 0 0 50px;float:right;position:relative;text-align:left;margin-top:10vh}.main-timeline .timeline ul li:before{content:"\f0a4";font-family:FontAwesome;margin:0 5px}.main-timeline .timeline:before{content:'';background-color:#d219b4;height:10px;width:10px;border-radius:50%;transform:translateY(-50%);position:absolute;left:-70px;top:50%}.main-timeline .timeline-content{color:#fff;background:var(--rose1);min-height:140px;padding:20px;border-radius:10px;box-shadow:0 0 15px -5px #555;display:block;position:relative}.main-timeline .timeline-content:after,.main-timeline .timeline-content:before{content:'';background:#e50091;height:16px;width:16px;transform:translateY(-50%) rotate(45deg);position:absolute;left:-8px;top:50%}.main-timeline .timeline-content:after{background:var(--rose2);transform:translateY(-50%) rotate(0);left:-140px;width:140px;height:5px}.main-timeline .timeline-content:hover{text-decoration:none}.main-timeline .timeline-icon{color:rgba(0,0,0,.2);font-size:40px;position:absolute;top:15px;left:-90px}.main-timeline .title{font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 7px 0}.main-timeline .description{font-size:15px;margin:0}.main-timeline .timeline:nth-child(even){padding:0 70px 0 0;margin:0 70px 0 0;float:left}.main-timeline .timeline:nth-child(even):before{left:auto;right:-71px}.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:-8px}.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:-140px}.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:-90px}.main-timeline .timeline:nth-child(4n+2):before{background-color:#17b1ef}.main-timeline .timeline:nth-child(4n+2) .timeline-content{background:var(--blue1)}.main-timeline .timeline:nth-child(4n+2) .timeline-content:before{background:#4267d9}.main-timeline .timeline:nth-child(4n+2) .timeline-content:after{background:var(--blue2)}.main-timeline .timeline:nth-child(4n+3):before{background-color:#04e2cb}.main-timeline .timeline:nth-child(4n+3) .timeline-content{background:var(--green1)}.main-timeline .timeline:nth-child(4n+3) .timeline-content:before{background:#42c966}.main-timeline .timeline:nth-child(4n+3) .timeline-content:after{background:var(--green2)}.main-timeline .timeline:nth-child(4n+4):before{background-color:#efbc2f}.main-timeline .timeline:nth-child(4n+4) .timeline-content{background:var(--orange1)}.main-timeline .timeline:nth-child(4n+4) .timeline-content:before{background:#ff7125}.main-timeline .timeline:nth-child(4n+4) .timeline-content:after{background:var(--orange2)}@media screen and (max-width:767px){.main-timeline .timeline,.main-timeline .timeline:nth-child(even){width:100%;padding:0 0 0 40px;margin-bottom:20px}.main-timeline .timeline:before,.main-timeline .timeline:nth-child(even):before{transform:translateY(0);left:0;right:auto;top:47px}.main-timeline .timeline:nth-child(4n+2) .timeline-content{background:linear-gradient(to left,#3b29cf,#4267d9)}.main-timeline .timeline:nth-child(4n+4) .timeline-content{background:linear-gradient(to left,#e03c30,#ff7125)}.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{transform:translateY(0) rotate(45deg);top:45px;left:-4px}.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{width:40px;transform:translateY(0);right:auto;left:-38px;top:50px}.main-timeline .timeline:nth-child(even) .timeline-content:after{transform:translateY(0) rotateY(180deg)}.main-timeline .timeline-icon,.main-timeline .timeline:nth-child(even) .timeline-icon{font-size:22px;left:-30px;right:auto}}@media screen and (max-width:567px){.main-timeline .title{font-size:18px}.main-timeline{font-family:sans-serif;position:relative;width:75%;margin:auto}}.container .contact_details{width:90%;margin:auto}.container .contact_details td{text-align:center}.contact form{width:60%;margin:auto}.contact form input,.contact form textarea{border:0;outline:0;font-size:16px;border-radius:320px;padding:16px;background-color:#ebecf0;text-shadow:1px 1px 0 #fff;margin-top:2%}.contact form input,.contact form textarea{margin-right:8px;box-shadow:inset 2px 2px 5px #babecc,inset -5px -5px 10px #fff;width:100%;box-sizing:border-box;transition:all .2s ease-in-out;appearance:none;-webkit-appearance:none;resize:none}.contact form input:focus{box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff}.contact form button{color:#0f1c48;font-weight:700;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;transition:all .2s ease-in-out;cursor:pointer;font-weight:600;border:0;outline:0;font-size:16px;border-radius:320px;padding:16px;background-color:#ebecf0;width:50%;margin-top:2%}.contact form button:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc;color:#fff}.contact form button:active{box-shadow:inset 1px 1px 2px #babecc,inset -1px -1px 2px #fff}.credits{background:#1e1e1e;color:gray;font-size:13px;padding:10px;position:fixed;right:0;bottom:20px}.rectangle{width:300px;height:200px;border:1px solid #000;padding:10px;overflow:auto}