.main-menu__left:before,.main-menu__left:after,.stricky-header .main-menu__wrapper-inner{
    background-color: #fff;
}

.main-menu .main-menu__list>li>ul {
    min-width: 320px;
}

.main-slider > .container {
    background-image: url('../images/shapes/bg-shape-lebar.svg');
}

.main-slider__sub-title, .section-title__tagline, .main-slider__text,
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a {
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
}

.main-slider__content.right__slide {
    min-height: 400px;
}

.main-menu .mobile-nav__toggler {
    color: var(--zeena-black);
}

.mobile-nav__lang {
    display: none;
}

.testimonial-four__carousel.owl-theme .owl-nav .owl-next,
.testimonial-four__carousel.owl-theme .owl-nav .owl-prev,
.testimonial-four__carousel.owl-theme .owl-nav .owl-next:hover,
.testimonial-four__carousel.owl-theme .owl-nav .owl-prev:hover {
    background: none;
    color: #fff;
}

.footer-widget-three__list li a {
    font-weight: 400;
    line-height: 160%;
}

.footer-widget-three__company {
    margin-left: 50px;
}

.footer-widget-three__contact {
    margin-left: 20px;
}

.footer-widget-three__explore {
    margin-left: 30px;
}

.footer-widget-three__contact .footer-widget-three__title-box {
    margin-bottom: 20px;
}

.for-aksela .main-menu__logo a img {
    float: left;
    width: 250px;
}
.for-aksela .main-menu__logo .nv-title-tagline-wrap {
    margin-left: 70px;
}

.for-aksela .main-menu__logo .site-title {
    color: var(--zeena-black);
    font-size: 30px;
    font-weight: 500;    
    margin-bottom: 0px;
}
.for-aksela .main-menu__logo .nv-title-tagline-wrap small {
    color: var(--zeena-black);
    font-size: 13px;
    font-weight: 500;
}

.for-aksela.main-menu .main-menu__list>li.dropdown>a:after {
    content: "";
}

.testimonial-four__carousel.owl-theme .owl-nav {    
    bottom: -33px;
}

a.switch-lang {
    color: var(--zeena-black);
    font-size: 14px;
    font-weight: 500; 
}

.main-slider__thumb {
    float: left;
}

.main-slider__thumb img.slide-thumb {
    width: 500px;
    border-radius: 20px;
}

h2.main-slider__title {
    font-size: 70px;
    line-height: 110%;
    margin-top: 14px;
    margin-bottom: 16px;
}

h2.main-slider__title .sub__h2 {
    font-size: 60px;
    line-height: 100%;
}

.about-one__project-complete {
    background-color: var(--zeena-green);
}

.section-tp {
    margin-top: 100px;
    margin-bottom: 100px;
}

.about-one__video-icon {
    background-color: var(--zeena-base);
}

.about-one__it-solution-content, .section-title__tagline {
    margin-left: 0px;
}

.services-one {
    position: relative;
    display: block;
    background-color: var(--zeena-black);
    padding: 50px 0 120px;
    margin-top: 0px;
    z-index: 1;
}
    
.right__slide {
    margin-left: 45%;
}

.services-one .section-title__title {
    color: var(--zeena-white);
    font-optical-sizing: auto;
    font-weight: 400;
    margin-top: 50px;
}

.services-one .blog-one__content {
    position: relative;
    display: block;
    background-color: var(--zeena-green);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    padding: 20px 40px 0px 40px;
    padding-right: 25px;
    border-bottom-left-radius: var(--zeena-bdr-radius);
    border-bottom-right-radius: var(--zeena-bdr-radius);
    min-height: 100px;
}

.services-one .blog-one__content h3 {
    margin: 0px;
}

.services-one .blog-one__title {
    line-height: 110%;
}


.services-one .blog-one__title a, .services-one .blog-one__title a:hover {
    font-size: 20px;
    line-height: 110%;
    color: #fff;
}

.feature-one__content {
    margin-left: 0px;
}

.brand-one {
    background-color: var(--zeena-light-gray);
}

.feature-one__icon img {
    display: block;
    width: 80px;
}

.feature-one__text {
    min-height: 160px;
}

.cta-one__inner {
    background-color: transparent;
}

.site-footer {
    background-color: var(--zeena-base);
    margin-top: -125px;
}

.site-footer__top {
    padding: 204px 0 95px;
}

.footer-widget-three__title {
    font-size: 23px;
    font-weight: 600;
    line-height: 30px;
    color: var(--zeena-base);    
}

.site-footer-three__bottom-text {
    color: var(--zeena-black);
    font-size: 14px;
}

.site-footer-three__bottom-links li a {
    font-size: 14px;
    color: var(--zeena-black);
}

.footer-widget__contact-list li>p {
    font-size: 15px;
    font-weight: 400;
    color: var(--zeena-black);
}

.thm-btn {
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 5px;
    color: 15px;
    font-weight: 600;
    letter-spacing: 0.15em;
}

.thm-btn::before {
    right: -100px;
}

.cta-one__icon {
    background-color: var(--zeena-orange);
}

.main-slider .container {
    max-width: 1400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 170px ;
}

.map-bg {
    background-color: var(--zeena-white);
}

.feature-one.map-bg {
    padding-bottom: 0px;
}

.map-bg > .container {
    background-image: url('../images/shapes/bg-shape-lebar.svg');
    max-width: 1400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x :center;
}

.map-container {
    max-width: 1650px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom ;
    background-position-x: center ;
    min-height: 700px;
    padding-top: 100px;
}

.map-container .section-title,
.map-container .section-title .section-title__title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.services-one .container {
    max-width: 1400px;
}

.main-slider .main-slider__bg, 
.main-slider .item, 
.main-slider .owl-item , 
.main-slider .owl-stage-outer {
    background-color: transparent;
}

.main-slider .main-slider__bg {
    background-color: transparent;
    display: none;
}

.main-slider .item {
    padding-bottom: 200px;
    padding-top: 260px;
} 


.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a {
    font-size: 20px;
    font-weight: 400;
}

.main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    font-size: 17px;
    font-weight: 400;
}

.section-title__tagline {
    text-decoration: none;
}

.blog-one {
    background-color: var(--zeena-black);
    margin: 0px;
    padding-top: 100px;
}

.testimonial-three {
    padding-top: 200px;
    padding-bottom: 300px;
}

.testimonial-three__single p {
    margin-bottom: 20px;
}

.section-title__title {
    margin: 0;
    color: var(--zeena-black);
    font-size: 41px;
    line-height: 60px;
    font-weight: 500;
    margin-top: 19px;
}

.cta-one {
    background-color: var(--zeena-green);
}

.site-footer-three {
    background-color: var(--zeena-white);
}

.icon-whatsapp-blue {
    background-image: url('../images/icon/whatsapp-blue.png');
    background-repeat: no-repeat;
    background-size: contain;
    width:40px;
    height:40px;
    display: block;
}

.icon-line-blue {
    background-image: url('../images/icon/line-blue.png');
    background-repeat: no-repeat;
    background-size: cover;
    width:40px;
    height:40px;
    display: block;
}

.cta-one__number {
    margin-top: 15px;
}
.link-cta-wa {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    min-width: 100px;
    margin-right: 50px;
}

.link-cta-line a {
    font-size: medium;
}

.link-cta-line {
    display: inline-block;
    line-height: 40px;
    min-width: 100px;
    height: 40px;
    margin-right: 0px;
}

.icon-whatsapp-white {
    background-image: url('../images/icon/whatsapp-white.png');
    background-repeat: no-repeat;
    background-size: contain;
    width:40px;
    height:40px;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.icon-line-white {
    background-image: url('../images/icon/line-white.png');
    background-repeat: no-repeat;
    background-size: cover;
    width:40px;
    height:40px;
    display: inline-block;
     margin-right: 10px;
     float: left;
}

.contact-page__title {
    font-size: 45px;
}

.contact-page__points li .content {
    padding-top: 5px;
}

.contact-page__points li .icon span {
    font-size: 30px;
}

.contact-page__input-box input[type="text"], .contact-page__input-box input[type="email"],
.contact-page__input-box input[type="number"]  {
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
}

.contact-page__input-box textarea {
    border-radius: 8px;
}

.page-header__inner h2 {
    font-size: 60px;
    font-weight: 600;
}

.footer-widget-three__about-text, .footer-widget-three__list li a {
    color: var(--zeena-black);
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
    margin-top: 15px;
}


.footer__logo {
    float: none;
    margin-bottom: 20px;
}

.footer__logo a img {
    width: 60px;
    float: left;
}
.footer__logo .nv-title-tagline-wrap {
    margin-left: 80px;
}
.footer__logo .site-title {
    color: var(--zeena-black);
    font-size: 23px;
}

.bg-header-program {
    background-color: white;
    background-color: var(--zeena-black);
}

.page-header.header-short {
    padding: 220px 0 110px;
}

.case-single {
    padding: 80px 0 80px;
}

.section-content {
    margin-top: 100px;
    margin-bottom: 10px;     
    color: var(--zeena-black);
    font-weight: 400;
}

.section-content p {
    margin-bottom: 30px;
    text-align: justify;
}

.section-content p {
    text-align: left;
}

.right-content-with-gap {
    padding-left: 40px;
}

.blog-one__title {
    font-weight: 400;
    min-height: 100px;
    display: block;
}

.about-one__text {
    font-size: 17px;
}

.about-one__points.list-profile {
    margin-top: 0px;
}

.case-single__content p {
    margin-bottom: 25px;
}

.section-content .about-one__points p {
    margin-bottom: 0px;
}


.list-profile p {
    padding-bottom: 15px;
    line-height: 150%;
    margin-bottom: 0px;
}

.list-profile .muted {
    color: var(--zeena-gray);
    display: block;
    font-size: 16px;
}

.services-one.link-about {
    padding: 80px 0px;
}

.services-one.link-about .blog-one__content {
    background: rgb(44,170,227);
    background: linear-gradient(90deg, rgba(44,170,227,1) 0%, rgba(19,96,171,1) 68%)
}

.services-one.link-about .blog-one__title a, .services-one.link-about .blog-one__title a:hover {
    font-size: 23px;
}

.gallery-one.dark-bg {
    background-color: var(--zeena-black);
    margin: 0px;
    padding-bottom: 70px;
    padding-top: 150px;
}

.gallery-one__img {
    opacity: 0.5;    
}

.gallery-one__img img {

}

.dark-section {
    background-color: var(--zeena-black);
    margin: 0px;
    padding: 40px 0px;
}

.program-list {
    background: rgb(44,170,227);
    background: linear-gradient(90deg, rgba(44,170,227,1) 0%, rgba(19,96,171,1) 68%);
    border-radius: 10px;
    padding: 15px 15px;
    color: white;
    margin-bottom: 30px;
}

.program-list img {
    border-radius: 5px;
    margin-top: 0px;
}

.program-detail-desc {
    display: block;
    vertical-align:middle;
}

.program-detail-desc, .program-detail-desc h3, .program-detail-desc p, .program-detail-desc a {
    color: white;
}

.program-list .program-detail-desc h3 {
    font-size: 22px;
    font-weight: 400;
    display: block;
    vertical-align:middle;
}


.mobile-nav__content {
    width: 350px;
    background-color: var(--zeena-white);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 35px;
    padding-right: 15px;

}

.mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    line-height: 30px;
    color: var(--zeena-black);
    font-size: 18px;
    font-weight: 400;
    height: 56px;
}

.mobile-nav__content .main-menu__list>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
    border-bottom: 1px solid var(--zeena-light-gray);
}

.mobile-nav__content .logo-box {
    margin-bottom: 30px;
}

.mobile-nav__content .main-menu__list>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
    border-radius: 4px;
}

.mobile-nav__content .sub-menu {
    box-shadow: none;
}

.blog-one__meta li p, .blog-one__btn a {
    font-weight: 400;
}

.blog-details__title-1 {
    margin-bottom: 40px;
    font-size: 38px;
}

.blog-page__content {
    margin-bottom: 60px;
}

.blog-details__img img, .sidebar__post-image img, .blog-page__img, .blog-page__img img {
    border-radius: 10px;
}

h3.sidebar__post-title {
    font-size: 18px;
}

.page-header__inner p {
    color: #fff;
}

.area-fasilitas {
    margin-top: 100px;
}

.area-fasilitas .about-one__right {
    min-height: 500px;
    padding-top: 160px;
    display: block;
}

.feature-one.content-moto {
    margin-top: 0px;
}

.photo-container {
    text-align: center;
    color: white;
    padding: 25px 0px;
}
.photo-container img {
    border-radius: 5px;
    margin: auto;
    margin-bottom: 15px;
    display: block;
}

.blog-page.list-blog {
    background-color: var(--zeena-black);
    padding: 50px 0px;
}

.blog-details__left {
    color: var(--zeena-black);
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
}

.blog-details__left p {
    margin-top: 31px;
    margin-bottom: 23px;
    color: var(--zeena-black);
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
}

.testimonial-three__right-img::before {
    border: none;
}

.footer-widget__social a {
    border-radius: 100%;
    width: 52px;
    height: 52px;
}

.footer-widget__social a.icon-fb, .footer-widget__social a.icon-fb:hover {
    background-color: #3b5998;
}

.footer-widget__social a.icon-ig, .footer-widget__social a.icon-ig:hover {
    background: #833ab4;
    background: linear-gradient(to right,#833ab4,#fd1d1d);
}

.footer-widget__social a.icon-tiktok, .footer-widget__social a.icon-tiktok:hover {
    background-color: #010101;
}

.footer-widget__social a.icon-yt, .footer-widget__social a.icon-yt:hover {
    background-color: #ff0000;
}

.services-four__icon span {
    font-size: 40px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-menu__logo {
        margin-right: 100px;
    }
}


@media only screen and (min-width: 1281px) and (max-width: 1399px) {
    
    .main-menu__left {
        z-index: 0;
    }
    
    .main-menu__logo {
        margin-right: 100px;
    }

    .for-aksela .main-menu__logo a img {
        width: 200px;
    }

    .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li {
        margin-left: 20px;
    }

    .main-slider .container {
        max-width: 96%;
    }

    .main-slider__thumb img.slide-thumb {
        width: 420px;  
    }

    .right__slide {
        margin-left: 43%;
        padding-right: 100px;
    }

    .map-bg > .container {
        max-width: 1250px ;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1280px) {
    
    .main-menu__left {
        z-index: 0;
    }
    
    .main-menu__logo {
        margin-right: 100px;
    }

    .for-aksela .main-menu__logo a img {
        width: 200px;
    }

    .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li {
        margin-left: 20px;
    }

    .main-slider .container {
        max-width: 96%;
    }

    .main-slider__thumb img.slide-thumb {
        width: 420px;  
    }

    .right__slide {
        margin-left: 43%;
        padding-right: 100px;
    }

    .map-bg > .container {
        max-width: 1200px ;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1099px) {
    
    .main-menu__left {
        z-index: 0;
    }
    
    .main-menu__logo {
        margin-right: 100px;
    }

    .for-aksela .main-menu__logo a img {
        width: 200px;
    }

    .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li {
        margin-left: 20px;
    }

    .main-slider .container {
        max-width: 96%;
    }

    .main-slider__thumb img.slide-thumb {
        width: 420px;  
    }

    .right__slide {
        margin-left: 43%;
        padding-right: 100px;
    }

    .map-bg > .container {
        max-width: 1080px ;
    }

    .right__slide {
        padding-right: 0px
    }

    .main-slider .container {
        padding: 0px;
    }

    .main-slider__thumb img.slide-thumb {
        width: 360px;
    }

    .main-slider .item {
        padding-bottom: 60px;
        padding-top: 233px;
    }

    h2.main-slider__title {
        font-size: 50px;
        line-height: 110%;
        margin-top: 14px;
        margin-bottom: 16px;
    }

    .main-slider__sub-title, .main-slider__text {
        font-size: 23px;
    }

    .owl-dots, .owl-nav {
        display: none;
        visibility: hidden;
    }

    .section-title__title {
        font-size: 37px;
    }

    .footer-widget-three__company, .footer-widget-three__contact {
        margin-top: 0px;
    }

    .about-one__left {
        max-width: 500px;
        margin-bottom: 50px;
    }

    .map-container {
        padding-top: 40px;
    }

    .map-bg > .container {
        max-width: 1000px;
    }
}


@media only screen and (min-width: 300px) and (max-width: 768px) {

    .for-aksela .main-menu__logo a img {
        width: 180px;
    }

    .main-slider__sub-title, .main-slider__text {
        font-size: 18px;
    }

    .mobile-nav__lang {
        display: inline-block;
        margin-right: 20px;
    }
   

    .footer-widget-three__company {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .main-slider {
        margin-top: -70px;
    }

    .main-slider > .container {
        width: 96%;
        background-image: url('../images/shapes/bg-shape-tinggi.svg');
        min-height: 980px;
    }

    .main-slider__thumb img.slide-thumb {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .main-slider__content .right__slide {
        width: 100%;
    }

    .right__slide {
        margin-left: 0px;
    }

    h2.main-slider__title {
        font-size: 40px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    html[lang="ja"]  h2.main-slider__title {
        font-size: 36px;
    }

    .main-slider .item {
        padding-bottom: 10px;
        padding-top: 210px;
    }

    .main-slider__btn-box {
        margin-top: 20px;
    }

    .services-one {
        padding: 50px 0 50px;
    }

    .services-one .section-title__title {
        margin-top: 0px;
    }

   
    .map-container {
        min-height: 350px;
        padding-top: 30px;
    }

    
    .testimonial-three {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testimonial-three__inner .section-title-three {
        margin-bottom: 5px;
    }

    .page-header.header-short {
        padding: 150px 0 90px;
    }

    .section-content {
        margin-top: 50px;
    }

    .blog-page {
        padding: 60px 0 60px;
    }

    .blog-page__pagination .pg-pagination li {
        display: inline-block;
        margin-right: 0;
    }

    .small, small {
        font-size: .8em;
    }

    .case-single {       
        padding:30px 0px;
    }

    .page-header__inner h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .section-tp {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .right-content-with-gap {
        padding-left: 20px;
    }

    .link-cta-wa {
        margin-right: 0px;
    }

    .area-fasilitas .about-one__right {
        min-height: 0px; 
        padding-top: 0px;
    }

    .section-title__title {
        font-size: 25px;
        line-height: 35px;
    }

    .area-fasilitas {
        margin-top: 20px;
    }

    .footer-widget-three__explore, .footer-widget-three__contact {
        margin-left: 0px;
    }

    .section-content.dark-section {
        margin-top: 0px;
    }

    .program-list {
        margin-bottom: 10px;
    }

    .program-list .program-detail-desc h3 {
        font-size: 17px;
        margin: auto 0px;
        margin-top: 10px;
    }
    
}


.cta-line {
    display: none;
}


/* JAPAN START */
/*
html[lang="ja"] body,
html[lang="ja"] p {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 500;
    line-height: normal !important;
}

html[lang="ja"] body,
html[lang="ja"]  h1,
html[lang="ja"]  h2,
html[lang="ja"]  h3,
html[lang="ja"]  h4,
html[lang="ja"]  h5,
html[lang="ja"] .blog-one__title a {
    font-family: 'Noto Sans JP', sans-serif !important;
    line-height: normal !important;
}*/

html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5 {
    font-weight: 600;
}

html[lang="ja"] .section-title__title {
    font-size: 30px;
    line-height: normal !important;
    font-weight: 600;
}

html[lang="ja"] .blog-one__title a {
    font-size: 20px;
    line-height: normal !important;
    font-weight: 600;
}

html[lang="ja"] .mobile-nav__content .main-menu__list>li>a, 
html[lang="ja"] .mobile-nav__content .main-menu__list>li>ul>li>a, 
html[lang="ja"] .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    font-weight: 600;
}

html[lang="ja"] .main-menu .main-menu__list>li>a, 
html[lang="ja"] .stricky-header .main-menu__list>li>a {
    font-weight: 600;

}

html[lang="ja"] .cta-wa {
    display: none;
}

html[lang="ja"] .cta-line {
    display: flex;
}

/* JAPAN END */


.google-map-contact {
  position: relative;
  display: block;
  padding-bottom: 120px;
}

.aksela-page__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}


.mt-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mt-minus-100 {
  margin-top: -100px;
}

 ol.checklist {
  list-style: none;
  padding-left: 1em;
}

ol.checklist li::before {
  content: "✓ ";
  color: green;
  font-weight: bold;
  margin-right: 0.5em;
}