@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Maven+Pro:wght@400;500;700&display=swap');
:root{
  --main-color: #001845;
  --white-color: #ffffff;
  --color-white: #ffffff;
  --black-color: #000000;
  --color-core: #001845;
  --color-core-hover: #004DAF;
  --color-primary: #00439c;
  --color-success: #16a75c;
  --color-footer: #666;
  --bs-body-bg: #f6f8fd;
  --btn-gradient-color: #00439c;
  --gradient-primary: #0f3965;
  --gradient-blue: #19497d;
  --main-font-family: 'Inter', sans-serif;
  --heading-font-family: 'Maven Pro', sans-serif;
  --monoton-font-family: 'Inter', sans-serif;
  --optional-color: #00439c;
}
:root.theme-dark {
  --black-color: #16202a;
}
/* Translate */
body{
  top: unset !important;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf-ti6hGc {
  display: none;
}
.VIpgJd-ZVi9od-ORHb-OEVmcd {
  display: none;
}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
  background-color:unset !important;
  box-shadow:unset !important;
}
.goog-te-banner-frame {
  display: none;
}
#goog-gt-tt {
    display: none !important;
}
.main-hero-content h3{
  font-size: 48px;
}
.plyr-container {
    position: relative;
    width: 100%;
    padding-top: 50%; /* 16:6 aspect ratio (8/16 * 100%) */
    --plyr-color-main: var(--color-core);
}
.plyr-container .plyr--video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-slides.owl-carousel .owl-item{
  /* max-height: calc(100vh - 160px); */
}
.hero-slides.owl-carousel .owl-item .main-hero-item{
  padding-top: 80px;
  padding-bottom: 100px;
}
.hero-slides.owl-theme .owl-nav.disabled + .owl-dots{
  bottom: 80px;
}
.topbar-action .fta-google-translate{
  display: flex;
  justify-content: end;
  align-items: center;
  overflow: hidden;
}
.topbar-action .fta-google-translate i{
  color: var(--color-white);
  font-size: 20px;
  margin-right: 10px;
}
.skiptranslate iframe{
  display: none !important;
}
.search-field{
  color: var(--black-color) !important;
}
.search-field::-webkit-input-placeholder{
  color: var(--color-core) !important;
}
.search-field:-ms-input-placeholder{
  color: var(--color-core) !important;
}
.search-field::-ms-input-placeholder{
  color: var(--color-core) !important;
}
.search-field::placeholder{
  color: var(--color-core) !important;
}
.blog-grid-sorting .nice-select{
  color: var(--color-core) !important;
}
.single-blog-card .blog-image .date{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
}
.overview-area{
  background: var(--color-white);
}
.blog-details-desc .article-content .list li i{
  color: var(--color-success);
}
.blog-details-desc .article-content .article-quote i{
  color: var(--color-success);
}
.contact-page-area a,
.article-content a{
  color: var(--color-success);
}
.contact-page-area a:hover,
.article-content a:hover{
  text-decoration: underline;
}
.blog-details-desc .article-image .video-btn i,
.video-view-content .video-btn i{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-primary), var(--color-core), var(--color-core));
  -webkit-background-clip: text;
}
.blog-details-desc .article-image .video-btn:hover i,
.video-view-content .video-btn:hover i{
  background:var(--color-success);
  -webkit-background-clip: text;
}
.blog-details-desc .article-image .video-btn::before,
.video-view-content .video-btn::before{
  border-color: var(--color-primary);
}
.blog-details-desc .article-image .video-btn,
.video-view-content .video-btn{
  border-color: var(--color-primary);
    background: var(--color-core);
}
.blog-details-desc .article-share .share-social li a i{
  color: var(--gradient-blue);
}
.blog-details-desc .article-share .share-social li a i:hover{
  color: var(--color-white);
  background: var(--gradient-blue);
}
.blog-details-desc .article-comments .comments-list h5 span{
  color: var(--color-core);
}
.topbar-information li span{
  color: var(--color-success);
}
.topbar-area{
  background: var(--gradient-primary);
}
.topbar-information li{
  font-size: 14px;
}
.navbar-area,
.navbar-area.is-sticky{
  background: var(--white-color);
}
.navbar-area.is-sticky{
  box-shadow: 5px 12px 20px rgba(138, 138, 138, 0.13);
}
.main-navbar .navbar .navbar-nav .nav-item a{
  color: var(--main-color);
}
.main-navbar .navbar .navbar-nav .nav-item a::after{
  background: linear-gradient(90deg, var(--color-core) 0%, var(--color-primary) 35%, var(--color-success) 100%);
}
.default-btn{
  color: var(--color-white) !important;
}
.default-btn:before{
  background-color: var(--color-core-hover);
}
.page-banner-area{
  padding-top: 150px;
  padding-bottom: 180px;
}
.page-banner-content h2,
.theme-dark .page-banner-content h2{
  color: var(--black-color) !important;
}
.page-banner-content ul li a,
.theme-dark .page-banner-content ul li a{
  color: var(--color-success);
}
.page-banner-content ul li,
.theme-dark .page-banner-content ul li{
  color: var(--black-color);
}
.page-banner-content ul li::before{
  background: var(--black-color);
}
.hero-slides.owl-theme .owl-dots .owl-dot span{
  background: var(--color-white);
}
.hero-slides.owl-theme .owl-dots .owl-dot:hover span, .hero-slides.owl-theme .owl-dots .owl-dot.active span {
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
}
.main-hero-content p{
  color: var(--color-core);
}
.services-area.bg-with-14042C-color{
  background-color: var(--color-white);
}
.services-area.bg-with-14042C-color .section-title p{
  color: var(--color-core);
}
.services-item{
  background: var(--gradient-primary);
}
.services-item .services-content p{
  color: var(--color-white);
}
.services-item .services-content .services-btn{
  background: var(--color-success);
  -webkit-background-clip: text;
}
.services-item .services-content .services-btn::before{
  background: var(--color-success);
}
.services-item:hover .services-content h3 a{
  color: var(--color-success);
}
.choose-area.bg-with-F5F5F5-color{
  background-color: var(--color-white);
}
.blog-slides.owl-theme .owl-nav [class*=owl-]{
  color: var(--btn-gradient-color);
  border-color: var(--btn-gradient-color);
}
.blog-slides.owl-theme .owl-nav [class*=owl-]:hover{
  color: var(--color-white);
  background: var(--btn-gradient-color);
  border-color: var(--btn-gradient-color);
}
.blog-card .blog-content .date{
  color: var(--gradient-blue);
}
.single-footer-widget .newsletter-form .input-newsletter{
  background: var(--color-white);
  border-color: rgb(225, 225, 225);
  color: var(--main-color);
}
.single-projects-item::before{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
}
.single-projects-item .projects-content .projects-btn{
  background:var(--color-white);
  -webkit-background-clip: text;
}
.single-projects-item .projects-content .projects-btn::before{
  background:var(--color-white);
}
.with-black-background .section-title span{
  color: var(--color-white);
}
.with-black-background .pricing-area.with-black-background .section-title p{
  color: var(--color-white);
}
.services-section-content .services-bg-text{
  color: var(--black-color);
}
.services-section-content span{
  color: var(--btn-gradient-color);
}
.services-section-content h3 b{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
  -webkit-background-clip: text;
}
.talk-content h3 b{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
  -webkit-background-clip: text;
}
.projects-item::before{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core)) !important;
}
.projects-item .projects-content .projects-btn{
  background: transparent !important;
  -webkit-text-fill-color: var(--color-success) !important;
  color: var(--color-success) !important;
}
.projects-item .projects-content .projects-btn::before{
  background: var(--color-success) !important;
}
.projects-slides-two.owl-theme .owl-nav [class*=owl-]{
  color: var(--color-core);
  border-color: var(--color-core);
}
.talk-content .talk-bg-text{
  color: #F5F5F5;
}
.section-title h2 b{
  background: radial-gradient(circle, var(--color-success), var(--color-primary), var(--color-core));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title h2 .overlay,
.talk-content h3 .overlay{
  display: none;
}
.projects-filter-menu .filter.mixitup-control-active,
.projects-filter-menu li:hover{
  background: var(--btn-gradient-color);
}
.blog-card:hover .blog-content .date{
  background: var(--btn-gradient-color);
}
.footer-area.with-black-background{
  background: var(--color-white);
  color: var(--color-footer);
}
.single-footer-widget{
  font-size: 14px;
}
.single-footer-widget h3{
  color: var(--gradient-blue);
}
.single-footer-widget p{
  color: var(--color-footer);
}
.single-footer-widget .widget-social li a i{
  border: 0;
  background-color: var(--gradient-blue);
  color: var(--color-white) !important;
}
.single-footer-widget .widget-social li a i:hover{
  border: 0;
  background-color: var(--color-core-hover);
}
.single-footer-widget .quick-links li a{
  color: var(--color-core);
}
.single-footer-widget .quick-links li a:hover{
  color: var(--color-core-hover);
}
.copyright-area{
  margin-top: 40px;
  background: var(--gradient-primary);
}
.copyright-area .copyright-area-content{
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.copyright-area .copyright-area-content p{
  color: var(--color-white) !important;
  font-size: 12px;
}
.copyright-area .copyright-area-content p a,
.copyright-area .copyright-area-content p a:hover{
  color: var(--color-white);
}
.theme-dark .copyright-area .copyright-area-content p a:hover{
  color: var(--color-success) !important;
}
.switch-box .slider:before{
  background-image: url('../images/icon/moon.png');
}
.switch-box input:checked + .slider:before{
  background-image: url('../images/icon/sun.png');
}
.single-features-card::before{
  background: var(--btn-gradient-color);
}
.single-features-card .hover-content .features-btn{
  background: var(--color-success);
  -webkit-background-clip: text;
}
.single-features-card .hover-content .features-btn::before{
  background: var(--color-success);
}
.theme-dark .h1 a:hover, 
.theme-dark .h2 a:hover, 
.theme-dark .h3 a:hover, 
.theme-dark .h4 a:hover, 
.theme-dark .h5 a:hover, 
.theme-dark .h6 a:hover, 
.theme-dark h1 a:hover, 
.theme-dark h2 a:hover, 
.theme-dark h3 a:hover,
.theme-dark h4 a:hover, 
.theme-dark h5 a:hover, 
.theme-dark h6 a:hover{
  color: var(--color-success) !important;
}
.theme-dark .single-features-card .hover-content h3 a:hover{
  color: var(--color-white) !important;
}
.theme-dark body{
  background-color: #16202a;
}
.theme-dark .services-area.bg-with-14042C-color{
  background-color: var(--main-color);
}
.theme-dark .section-title span{
  color: var(--color-white);
}
.theme-dark .main-navbar{
  background: #253340;
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item a{
  color: var(--color-white);
}
.theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item:hover a, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item.active a,
.theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item a:hover, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item a:focus, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item a.active{
  color: var(--color-success);
}
.theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,
.theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .navbar-style-two-with-color .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active{
  color: var(--color-success);
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item a::after{
  background: var(--color-success);
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a::before{
  background: var(--color-success);
}
.theme-dark .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu{
  background: #192734;
}
.theme-dark .talk-area{
  background-color: #16202a;
}
.theme-dark .overview-area::before{
  background: #192734;
}
.theme-dark .footer-area{
  background: #192734;
}
.theme-dark .single-footer-widget p{
  color: var(--color-white);
}
.theme-dark .single-footer-widget .quick-links li a{
  color: var(--color-success);
}
.theme-dark .single-footer-widget .quick-links li a:hover{
  color: var(--color-white);
}
.theme-dark .search-field {
  color: var(--color-white) !important;
}
.theme-dark .search-field::-webkit-input-placeholder {
  color: var(--color-white) !important;
}
.theme-dark .search-field:-ms-input-placeholder {
  color: var(--color-white) !important;
}
.theme-dark .search-field::-ms-input-placeholder {
  color: var(--color-white) !important;
}
.theme-dark .search-field::placeholder {
  color: var(--color-white) !important;
}
.theme-dark .blog-grid-sorting .nice-select {
  color: var(--color-white) !important;
}
.theme-dark .section-title .section-bg-text{
  color: #16202a;
}
.theme-dark .blog-grid-sorting .nice-select .list .option:hover{
  background-color: var(--color-success);
}
.theme-dark .blog-grid-sorting .nice-select .list .option.selected.focus{
  background-color: var(--color-success);
}
.theme-dark .blog-grid-sorting .nice-select:after{
  border-color: var(--color-success);
}
.theme-dark .choose-area,
.theme-dark .testimonials-area,
.theme-dark .about-area{
  border-color: var(--black-color);
}
.theme-dark .single-choose-card .choose-image .number{
  color: var(--color-white);
}
.theme-dark .about-wrap-content .about-bg-text{
  color: var(--black-color);
}
.theme-dark .about-wrap-content span,
.theme-dark .talk-content span{
  color: var(--color-white);
}
.theme-dark .about-wrap-content a{
  color: var(--color-success);
}
.theme-dark .contact-page-area img{
  filter: grayscale(100%) brightness(0) invert(100%);
}
.theme-dark .talk-content .fta-general-form .form-group .form-control{
  border-color: var(--color-black);
}
.theme-dark .talk-content h3 b,
.theme-dark .services-section-content h3 b,
.theme-dark .section-title h2 b{
  background: transparent;
  color: var(--color-success);
  -webkit-text-fill-color: unset;
}
.theme-dark .blog-card .blog-content .date{
  border-color: var(--white-color);
}
.theme-dark .blog-card:hover .blog-content .date{
  border-color: var(--btn-gradient-color);
}
.theme-dark .single-page-area p, 
.theme-dark .single-page-area p span{
  color: #f1f1f1;
}
.others-option-for-responsive .dot-menu .inner .circle{
  background: var(--color-core);
}
.white-logo{
  display: none;
}
.blue-bg{
  background: var(--gradient-primary);
}
.with-blue-bg ul,
.with-blue-bg p,
.with-blue-bg span,
.with-blue-bg h4,
.with-blue-bg h3,
.theme-dark .with-blue-bg ul,
.theme-dark .with-blue-bg p,
.theme-dark .with-blue-bg span,
.theme-dark .with-blue-bg h4,
.theme-dark .with-blue-bg h3{
  color: #fff;
}
.map iframe {
    width: 100%;
    height: 400px;
}
.g-recaptcha{
  margin-bottom: 20px;
}
.talk-area{
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.home-section-layanan .services-item{
  height: 100%;
}
.home-section-fta .single-features-card{
  height: 100%;
  margin-bottom: 0;
}
.home-section-fta .single-features-card .features-image img{
  
}
.home-section-fta .single-features-card .hover-content{
  top: 25px;
}
.home-section-kegiatan .single-events-box .image img{
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.single-events-box .content h3{
  font-size: 18px;
}
.single-events-box .content h3 a{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 54px;
}
.single-events-box{
  border-radius: 15px;
}
.blog-slides.owl-theme .owl-nav [class*=owl-]{
  left: -65px;
}
.blog-slides.owl-theme .owl-nav [class*=owl-].owl-next{
  right: -65px;
}
.main-hero-content h3 {
  font-size: 85px;
  margin-bottom: 0;
  color: var(--black-color);
  position: relative;
}
.main-hero-content h3 .overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--btn-gradient-color);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.single-page-area{
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.single-page-area .blog-grid-sorting{
  text-align: left;
}
.layanan-area .services-item{
  height: 100%;
}
.theme-dark .apply-form-wrap{
  background: #253340;
}
.fta-validate-form .help-block.with-errors{
  font-size: 14px;
  color: red;
}
.fta-validate-form .list-unstyled li{
  margin-top: 10px;
}
.single-page-area{
  font-size: var(--font-size);
  color: var(--main-color);
}
.single-page-area p,
.single-page-area p span{
  font-size: var(--font-size);
  color: var(--main-color);
}
.single-page-area p span{
  font-weight: 600;
}
.about-wrap-content{
  padding-left: 0;
}
.theme-dark p span{
  color: #f1f1f1;
}
.fta-sitemap-area .wrap-sitemap{
  column-count: 2;
}
.wa-button-overlay{
  position: fixed;
  bottom: 15px;
  left: 15px;
  display: flex;
  align-items: center;
  z-index: 999;
}
.wa-button-intro{
  position: relative;
  padding: 5px 10px;
  box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px;
  flex-shrink: 0;
  border: 1px solid rgb(226, 226, 226);
  border-radius: 5px;
  background: white;
  color: #000;
  font-size: 12px;
}
.wa-button-intro::before{
  content: "";
  position: absolute;
  background: white;
  border-top: 1px solid rgb(226, 226, 226);
  border-left: 1px solid rgb(226, 226, 226);
  left: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}
.wa-button-intro::after{
  content: "";
  position: absolute;
  background: white;
  border-top: 1px solid rgb(226, 226, 226);
  border-left: 1px solid rgb(226, 226, 226);
  left: -5px;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  transform: rotate(-45deg);
}
.wa-button-icon{
  margin-right: 15px;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/wa-icon.png');
  border-radius: 50%;
  box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px;
}

.related-links-area{
  /* background: var(--color-white); */
}
.theme-dark .related-links-area{
  background: transparent;
}
.related-links-item a{
  border-radius: 15px;
  overflow: hidden;
}
.related-links-item a img{
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.related-links-item a:hover img{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 1199px) {
  .main-responsive-nav .mean-container a.meanmenu-reveal{
    color: var(--color-core);
  }
  .main-responsive-nav .mean-container a.meanmenu-reveal span{
    background: var(--color-core);
  }
}
@media only screen and (max-width: 767px) {
  .wa-button-overlay{
    flex-direction: column;
  }
  .wa-button-icon{
    margin-left: 0;
    margin-bottom: 10px;
  }
  .wa-button-icon:last-child{
    margin-bottom: 0;
  }
  .wa-button-intro{
    display: none;
  }  
  .fta-sitemap-area .wrap-sitemap{
    column-count: 1;
  }
  .main-hero-content h3{
    font-size: 36px;
  }
}
/*
remove .navbar-with-black-color
*/
/* TYPHOGRAPHY */

/* GOOGLE TRANSLATE */

/*hide google translate link | logo | banner-frame */
.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
  display: none!important;
}
.goog-te-gadget {
  color: transparent!important;
  font-size:0px;
}
.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}
/*google translate Dropdown */
#google_translate_element{
  margin-right: -63px;
}
#google_translate_element select{
  background:#ffffff;
  color:#004DAF;
  border: none;
  border-radius:3px;
  padding:6px 6px;
  outline:0;
}