:root{--primary:#2EDAF1;--dark:#01141D;}
body{background-color:#000C14;font-family:"Inter",sans-serif;color:#fff;}
h1,h2,h3,h4,button,#navbarBelow{font-family:"Orbitron",sans-serif;}
.styled{font-family:"Orbitron",sans-serif;}
.text-primary{color:var(--primary)!important;}
.btn-s1{border:1px solid var(--primary);border-radius:25px;padding:10px 30px;box-shadow:inset 0px 0px 20px -3px var(--primary);font-weight:500;background:transparent;color:#fff;letter-spacing:2px;transition:all 0.3s;}
.btn-s1:hover{background-color:var(--primary);transform:translateY(-10px);color:var(--dark);}
.f-wrapper{background-color:transparent;background:radial-gradient(at top right,rgba(0,225,255,0.1411764706) 0%,rgba(1,20,29,0.8509803922) 50%);transition:all 0.5s;border-radius:10px;border:1px solid rgba(255,255,255,0.1607843137);max-width:400px;z-index:99;position:relative;}
.f-wrapper form{display:grid;gap:20px;}
.f-wrapper:hover{background-color:rgba(0,225,255,0.1882352941);border-color:rgba(0,225,255,0.1882352941);transform:translateY(-10px);}
.f-wrapper input,.f-wrapper textarea{background:transparent;border:1px solid rgba(255,255,255,0.1607843137);padding:13px 22px;border-radius:5px;color:#fff;width:100%;}
.f-wrapper input:hover,.f-wrapper input:focus-within,.f-wrapper input:focus,.f-wrapper input:focus-visible,.f-wrapper textarea:hover,.f-wrapper textarea:focus-within,.f-wrapper textarea:focus,.f-wrapper textarea:focus-visible{border-color:var(--primary);outline:0px!important;box-shadow:0px!important;}
.f-wrapper input::-moz-placeholder,.f-wrapper textarea::-moz-placeholder{color:rgba(255,255,255,0.4352941176);}
.f-wrapper input::placeholder,.f-wrapper textarea::placeholder{color:rgba(255,255,255,0.4352941176);}
.f-wrapper .btn-s1{margin:10px auto 0px;}
.f-wrapper .btn-s1:hover{transform:none;}
.banner{padding-top:100px;background:radial-gradient(at center center,rgba(0,225,255,0.2156862745) 0%,#01141D 70%);position:relative;}
.banner .row{min-height:660px;}
.banner img{position:absolute;left:48%;transform:translateX(-40%);bottom:0;max-width:60vw;}
.s2{overflow:hidden;}
.s2 .container{padding:100px 10px;}
.s2 .inner{padding:40px;background-color:transparent;background:radial-gradient(at top right,rgba(0,225,255,0.1411764706) 0%,#01141D 50%);transition:all 0.5s;border-radius:10px;border:1px solid rgba(255,255,255,0.1607843137);height:100%;}
.s2 .inner:hover{background-color:rgba(0,225,255,0.1882352941);border-color:rgba(0,225,255,0.1882352941);transform:translateY(-10px);}
.s2 i{height:60px;width:60px;display:grid;place-items:center;background:var(--primary);border-radius:50%;color:var(--dark);font-size:1.7rem;margin-bottom:15px;}
.s4 img{border-radius:20px;}
.s5 .inner{padding:30px;border-radius:15px;overflow:hidden;background:url(img/s5-1.jpg);background-color:transparent;background-size:cover;background-position:center;background-blend-mode:color;transition:0.5s background;position:relative;isolation:isolate;}
.s5 .inner::after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:radial-gradient(at top center,rgba(123,223,255,0.3215686275) 4%,rgba(3,34,44,0.968627451) 100%);z-index:-1;}
.s5 .inner.two{background-image:url(img/s5-4.jpg);}
.s5 .inner.three{background-image:url(img/s5-3.jpg);}
.s5 .inner.four{background-image:url(img/s5-2.jpg);}
.s5 .inner img{width:60px;opacity:0;transition:all 0.5s;}
.s5 .data{display:flex;flex-direction:column;justify-content:space-between;min-height:400px;transform:translateY(30px);transition:all 0.5s;width:100%;}
.s5 .data a{opacity:0;transition:all 0.5s;}
.s5 .inner:hover{background-color:rgba(3,33,43,0.8196078431);}
.s5 .inner:hover .data{transform:translateY(0px);}
.s5 .inner:hover .data a,.s5 .inner:hover .data img{opacity:1;}
@media (max-width:767px){
  .s5 .inner{background-color:rgba(3,33,43,0.662745098);}
  .s5 .inner .data{transform:translateY(0px);}
  .s5 .inner .data a,.s5 .inner .data img{opacity:1;}
}
.s5 .sticky{position:sticky;top:100px;}
.s6 .container{padding:50px 10px;border:1px solid rgba(128,128,128,0.611);border-radius:20px;background:radial-gradient(at center center,rgba(0,225,255,0.1411764706) 0%,#01141D 70%);}
@media (min-width:768px){
  .s6 .container{padding:100px 80px;}
}
.s6 .inner{aspect-ratio:1/0.7;border-radius:20px;background-position:center;background-size:cover;display:flex;align-items:end;justify-content:center;padding:0px 20px;margin-bottom:110px;}
@media (min-width:768px){
  .s6 .inner{padding:0px 40px;}
}
.s6 .cards{padding:20px 10px;border-radius:10px;margin-bottom:-110px;background-color:var(--dark);border:1px solid rgba(139,139,139,0.6156862745);}
@media (min-width:768px){
  .s6 .cards{padding:30px 50px;}
}
.cta{margin-top:100px;background:radial-gradient(at top center,rgba(123,223,255,0.3215686275) 4%,rgba(3,34,44,0.968627451) 100%);overflow:hidden;}
@media screen and (min-width:992px){
  .cta{overflow:visible;}
  .cta img{transform-origin:bottom;position:absolute;right:50%;bottom:0;}
}
.cta img{max-width:100%;margin-left:-22%;}
.footer-links ul li{font-size:15px;}
footer a{color:#fff;font-weight:500;}
footer a:hover{color:var(--primary);}
footer .social a{font-size:1.05rem;display:grid;place-content:center;height:35px;width:35px;padding:0px;border:1px solid var(--primary);border-radius:50%;transition:all 0.4s;}
footer .social a:hover{color:var(--dark);background:var(--primary);scale:0.9;}
footer .social i{line-height:0px;}
.banner-about{padding:100px 0px 0px;background:radial-gradient(at center center,rgba(0,225,255,0.2156862745) 0%,#01141D 70%);}
.banner-about img{border-radius:30px;margin-bottom:-70px;}
@media screen and (min-width:992px){
  .banner-about{padding:150px 0px 0px;}
  .banner-about img{border-radius:0px 30px 30px 0px;height:650px;width:100%;-o-object-fit:cover;object-fit:cover;margin-bottom:-100px;}
}
.s2.inner-page-1 img{height:400px;-o-object-fit:cover;object-fit:cover;border-radius:20px;}
@media screen and (min-width:992px){
  .s2.inner-page-1 img{height:600px;width:520px;-o-object-fit:cover;object-fit:cover;border-radius:20px;}
}
.s3-inner .img{border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(1,20,29,0.8705882353);}
.s3-inner .img:hover .social-icons{height:100%;opacity:1;padding-bottom:20px;}
.s3-inner .social-icons{background-color:rgba(1,20,29,0.8705882353);height:0%;opacity:0;transition:all 0.3s;display:flex;align-items:end;justify-content:center;gap:10px;position:absolute;bottom:0;width:100%;padding-bottom:0px;}
.s3-inner a{font-size:1.05rem;display:grid;place-content:center;height:45px;width:45px;padding:0px;border:1px solid var(--primary);border-radius:50%;transition:all 0.4s;color:#fff;}
.s3-inner a:hover{color:var(--dark);background:var(--primary);scale:0.9;}
.s3-inner i{line-height:0px;}
.banner-contact{padding:90px 10px 0px;background:url(img/banner-contact.jpg) center/cover;position:relative;isolation:isolate;}
.banner-contact::after{content:"";inset:0;width:100%;height:100%;position:absolute;background:var(--dark);opacity:0.9;z-index:-1;}
.banner-contact .container{min-height:300px;padding:180px 10px;display:grid;place-items:center;}
.s2.contact .social i{font-size:1rem;display:grid;place-content:center;height:40px;width:40px;padding:0px;border:1px solid var(--primary);border-radius:50%;transition:all 0.4s;color:#fff;line-height:0px;background:transparent;}
.s2.contact .social i:hover{color:var(--dark);background:var(--primary);scale:0.9;}
.s2.contact .f-wrapper{width:100%;max-width:550px;}
.s2.contact .f-wrapper form{gap:35px;}
.s2.contact .f-wrapper .btn-s1{margin:10px 0px 0px 0px;}
@media screen and (max-width:400px){
  #navbarBelow a{font-size:0.7rem}
}

/************************** Write For Us page  ************************************/

/* SECTION1 */
ul.list-unstyled{list-style:none;}
main.w_main{  /* background-color: #fff !important; */
background:#01141d;}
.w_sec1{background:#01141d;padding:150px 0 30px 0;}
.sec-1H3{font-weight:700;line-height:61px;margin:10px 0;font-size:50px;text-transform:capitalize;color:#fff;}
.sec-1H3 span{color:#2edaf1;}
.s1left{padding:28px 150px;text-align:center;}
.s1left p{color:#c4c6ca;margin:30px 0px;}
a.on{background:#2edaf1;border-radius:8px;color:#000000;padding:9px 35px;font-weight:600;text-decoration:0;}

/* SECTION1 */

/* SECTION2 */
.sec-row{border:2px solid #2edaf1;align-items:center;position:relative;}

/* .sec-row::before{
  content: "";
  height: 20px;
  width: 521px;
  background-color: #2f39bf;
  position: absolute;
  top: -21px;
  left: 241px;
  border-radius: 20px 20px 0px 0px;
} */
.s2left,.s2right{padding:27px 66px;}
p.defaultp{color:#c5c7cc;}
h2.defaulth2{font-weight:700;margin:10px 0;font-size:36px;color:#ffffff;}
.s2left h2 span{color:#2edaf1;}
.s2right ul li i{color:#2edaf1;}
.s2right ul li{line-height:44px;color:#68758b;letter-spacing:1px;}

/* SECTION2 */

/* SECTION3 */
.s3head{text-align:center;}
.sec-3 .row{justify-content:center;}
.flip-card{background-color:transparent;height:300px;padding:20px 6px;box-shadow:0px 0px 20px -3px #2EDAF1;margin:42px 0 20px 0;}
.flip-card:hover{border:1px solid #2edaf1;border-radius:17px;}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;}
.flip-card-front img{margin-bottom:35px;height:100px;width:100px;}
.flip-card-front{    /* background-color: #ffffff; */
border:0;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0 15px;}
.flip-card-front h5{font-weight:600;font-size:24px;color:#ffffff;padding:13px 0px 0px 0px;}
.flip-card-back{    /* background-color: #ffffff; */
color:black;border:0;display:flex;justify-content:center;flex-direction:column;align-items:center;transform:rotateY(180deg);padding:0 15px;}
.flip-card-back p{font-weight:600;font-size:17px;color:#c0c0c0;}
.note-box{text-align:center;padding:1px 0px;}
.note-box p{color:#68758b;padding:13px 0 0 0;}

/* SECTION3 */

/* SECTION4 */
.s4-row{box-shadow:0px 0px 20px -3px #2EDAF1;margin:35px 0;}
.s4left,.s4right{padding:27px 66px;}
.s4right ul li i,.s4left ul li i{color:#2edaf1;}
.s4right ul li,.s4left ul li{line-height:39px;color:#68758b;letter-spacing:1px;}

/* SECTION4 */

/* SECTION5 */
.s5box{box-shadow:0px 0px 10px 0px #2EDAF1;text-align:center;padding:60px 7px;margin:17px 5px;transition:0.5s;}
.s5box:hover{transform:translateY(-15px);}
.s5box h3{font-weight:500;font-size:20px;text-align:center;color:#42526e;}

/* SECTION5 */

/* SECTION6 */

.bot-form{padding:23px 37px 54px 30px;box-shadow:0px 0px 10px 0px #2EDAF1;margin:20px 0 0 0;}
.bot-form form .form-group{margin:15px 0;}
.bot-form form label{color:#ffffff;font-weight:600;}
.bot-form form label span{color:rgb(255,0,0);}
.bot-form form .ban_btn{width:100%;background:#2edaf1;color:#000000;font-weight:600;text-transform:uppercase;border:0;padding:7px 0px;border-radius:5px;}

/* SECTION6 */
@media (max-width:850px){
  .s1left{padding:0;}
}
@media (max-width:575px){
  .s4left,.s4right{padding:23px 10px;text-align:center;}
  .s2left,.s2right{padding:13px 25px;text-align:center;}
  .sec-1H3{line-height:42px;font-size:36px;}
}
#whatsapp-chat, .blantershow-chat { font-family: "Lato",sans-serif; }
.blantershow-chat, .close-chat { text-decoration: none; }
/* CSS Multiple Whatsapp Chat */
.whatsapp-name { font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 0.5; }
#whatsapp-chat { box-sizing: border-box!important; outline: none!important; position: fixed; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; left: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 1s; transform: scale(1); }
a.blantershow-chat { /* background: #009688;
  */ background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 25px; left: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); animation: key1 0.3s ease infinite alternate; }
@keyframes key1 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
a.blantershow-chat svg { transform: scale(1.2); margin: 0 10px 0 0; }
.header-chat { /* background: linear-gradient(to right top, #6f96f3, #164ed2);
  */ background: #009688; background: #095e54; color: #fff; padding: 20px; }
.header-chat h3 { margin: 0 0 10px; }
.header-chat p { font-size: 14px; line-height: 1.7; margin: 0; }
.info-avatar { position: relative; }
.info-avatar img { border-radius: 100%; width: 50px; float: left; margin: 0 10px 0 0; }
a.informasi { padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s; }
a.informasi:hover { background: #f1f1f1; }
.info-chat span { display: block; }
#get-label, span.chat-label { font-size: 12px; color: #888; }
#get-nama, span.chat-nama { margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222; }
#get-label, #get-nama { color: #fff; }
span.my-number { display: none; }
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
}
*/
textarea#chat-input { border: none; font-family: "Arial",sans-serif; width: 100%; height: 45px; outline: none; resize: none; padding: 10px; font-size: 14px; }
a#send-it {width: 41px;font-weight: 700;padding: 10px 10px 0;background: #eee;/* border-radius: 10px; */}
a#send-it svg { fill: #a6a6a6; height: 24px; width: 24px; }
.first-msg { background: transparent; padding: 30px; text-align: center; }
.first-msg span { background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block; }
.start-chat .blanter-msg { display: flex; }
#get-number { display: none; }
a.close-chat { position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px; }
@keyframes ZpjSY {
  0% { background-color: #b6b5ba; }
  15% { background-color: #111; }
  25% { background-color: #b6b5ba; }
}
@keyframes hPhMsj {
  15% { background-color: #b6b5ba; }
  25% { background-color: #111; }
  35% { background-color: #b6b5ba; }
}
@keyframes iUMejp {
  25% { background-color: #b6b5ba; }
  35% { background-color: #111; }
  45% { background-color: #b6b5ba; }
}
@keyframes showhide {
  from { transform: scale(0.5); opacity: 0; }
}
@keyframes showchat {
  from { transform: scale(0); opacity: 0; }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; }
}
.hide { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; }
.show { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; }
.whatsapp-message-container { display: flex; z-index: 1; }
.whatsapp-message { padding: 7px 14px 6px; background-color: #fff; border-radius: 0 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); }
.whatsapp-chat-body { padding: 20px 20px 20px 10px; background-color: #e6ddd4; position: relative; }
.whatsapp-chat-body::before { display: block; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png"); }
.dAbFpq { display: flex; z-index: 1; }
.eJJEeC { background-color: #fff; width: 52.5px; height: 32px; border-radius: 16px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; margin-left: 10px; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px; }
.hFENyl { position: relative; display: flex; }
.ixsrax { height: 5px; width: 5px; margin: 0 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0; background-color: #9e9da2; animation-name: ZpjSY; }
.dRvxoz { height: 5px; width: 5px; margin: 0 2px; background-color: #b6b5ba; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0; animation-name: hPhMsj; }
.kAZgZq { padding: 7px 14px 6px; background-color: #fff; border-radius: 0 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); }
.kAZgZq::before { position: absolute; background-image: url("data:image/png"); /* base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); */ background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0; left: -12px; width: 12px; height: 19px; }
.bMIBDo { font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4); }
.iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111; }
.iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111; }
.cqCDVm { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px; }
@media (max-width:991px) {
  .banner {
    padding-top: 150px;
  }
}