:root {
    --orange: #f36f21;
    --orange-brand: #f36f21;
    --orange-brand-hover: #f35021;
    --purple: #92278f;
    --purple-brand: #92278f;
    --purple-brand-hover: #831d80;
    --dark-grey: #333;
    --white: #fff;
    --black: #000;
    --success-color: #00a651;
    --danger-color: #f64e00;
    --warning-color: #ffd200;
    --info-color: #00c6ff;
    --navbar-bg: #f2f3f5;
    --divider-bg: #e8e9ea;
    --body-bg: #f8f8ff;
    --footer-top-bg: #f2f2f2;
    --footer-bottom-bg: #f7f7f7;
    --link-color: #f36f21;
    --nav-link-color: #92278f;
    --border-radius: 7px;
    --fw-medium: 500px;
    --fw-bold: 700px;
    --fs-desk-xl: 40px; /*40-48 as headline*/
    --fs-desk-lg: 36px; /*34-38 as title*/
    --fs-desk-md: 20px; /*20-24 as sub-title or body text*/
    --fs-desk-sm: 16px; /*16-18 as details*/
    --fs-desk-xs: 12px; 
    --fs-mob-xl: 34px;
    --fs-mob-lg: 28px;
    --fs-mob-md: 16px;
    --fs-mob-sm: 12px;
    --fs-mob-xs: 10px;
    --font-myriad-pro: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-montserrat: 'Montserrat', sans-serif;;
}

/* --- WEB BRAND GUIDELINE --- */
.btn-primary-orange,
.btn-orange {
    background: var(--orange-brand) !important;
    border-radius: 10px !important;
    border-color: #f36f21 #f36f21 #f35021 !important;
    border-width: 4px;
    color: var(--white) !important;
    --color: #f36f21;
    --hover: #f35021;
    --disabled: #f36f21;
    --active: #f38f21;
}
.btn-primary-orange:hover,
.btn-orange:hover {
    background: var(--orange-brand-hover) !important;
    color: var(--white) !important;
    border-radius: 10px !important;
    border-color: #f36f21 #f36f21 #f35021 !important;
    border-width: 4px;
}
.btn-primary-purple,
.btn-purple {
    background: var(--purple-brand) !important;
    border-radius: var(--border-radius) !important;
    border-color: #92278f #92278f #722270 !important;
    border-width: 4px;
    color: var(--white) !important;
    --color: #92278f;
    --hover: #722270;
    --disabled: #92278f;
    --active: #992d96;
}
.btn-primary-purple:hover,
.btn-purple:hover {
    background: var(--purple-brand-hover) !important;
    color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    border-color: #92278f #92278f #722270 !important;
    border-width: 4px;
}

.btn-purple {
    background: var(--purple-brand) !important;
}

.btn-outline.btn-purple {
    color: var(--purple-brand);
    background-color: transparent !important;
    background-image: none;
    border-color: var(--purple-brand);
    border-radius: 10px;
}
html .btn-outline.btn-primary {
    color: var(--purple-brand);
    border-color: var(--purple-brand);
    border-radius: 10px;
}
html .btn-outline.btn-primary:hover, 
html .btn-outline.btn-primary.hover {
    background-color: var(--purple-brand);
    border-color: var(--purple-brand);
}
html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) {
    color: #fff;
    background-color: var(--purple-brand);
}

.text-orange {
    color: var(--orange-brand) !important;
}
.text-purple {
    color: var(--purple-brand) !important;
}
.text-color-primary {
    color: var(--orange-brand) !important;
}
.text-color-career-link {
    color: var(--orange-brand) !important;
}

.bg-orange {
    background: var(--orange-brand) !important;
    color: var(--white) !important;
}
.bg-purple {
    background: var(--purple-brand) !important;
    color: var(--white) !important;
}
.bg-white {
    background-color: #fff;
}

.border-orange {
    border-color: var(--orange-brand) !important;
}
.border-purple {
    border-color: var(--purple-brand) !important;
}

body {
    font-family: var(--font-myriad-pro) !important;
    color: #555;
}

p, ul {
    font-weight: 400;
    font-size: 16px;
    color: #555;
}

.alert-secondary ul {
    color: #fff;
}


a {
    color: var(--purple-brand);
}

a:hover,
a:focus {
    color: var(--orange-brand);
}

h3 {
    text-transform: none;
}

h1, h2  {
    font-family: var(--font-montserrat) !important;
    font-weight: 500;
}

h3, h4, h5, h6 {
    font-family: var(--font-montserrat) !important;
    font-weight: 600;
}

p.h3 {
    color: #212529;
    font-family: var(--font-montserrat);
}

.lh-42 {
    line-height: 42px;
}

.rounded-5 {
    border-radius: 5px;
}
.rounded-10,
.radius-10 {
    border-radius: 10px !important;
}
.rounded-15,
.radius-15 {
    border-radius: 15px !important;
}
.rounded-20,
.radius-20 {
    border-radius: 20px !important;
}
.rounded-20-top,
.radius-20-top {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.no-border {
    border: none;
}

::selection {
    background: #fc912b;
    color: #fff;
}

.main {
    /*background-color: #f2f3f5;*/
    background-color: #fff;
}

html .svg-fill-color-orange {
    /*fill: #f36f21;*/
    fill: #f35021;
}

.list.list-ordened li:before,
.list.list-ordened.list-purple li:before {
    color: var(--purple-brand);
    border-color: var(--purple-brand);
}

.section-bg1,
.section-bg-1 {
    background: #f8f8ff;
}

.section-bg-2 {
    background: #efefef;
}

.list.list-ordened {
    padding-left: 16px;
}

.list.list-ordened.list-ordened-style-2 li,
.list.list-ordened.list-ordened-style-3 li {
    padding-left: 32px;
}

.list.list-ordened.list-ordened-img.list-ordened-style-2 li,
.list.list-ordened.list-ordened-img.list-ordened-style-3 li {
    padding-left: 16px;
}

.list.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--orange-brand);
}

.list.list-ordened.list-ordened-img.list-ordened-style-3 li:before {
    background-color: var(--orange-brand);
    display: inline-flex;
    /*align-items: center;*/
    justify-content: center;
    /*flex: 1 0 auto;*/
    position: relative;
    /*text-align: center;*/
}

.list.list-ordened-purple.list-ordened-style-3 li:before {
    background-color: var(--purple-brand) !important;
}

.list.list-ordened .list-ordened-img-item {
    margin-left: .5rem;
}

.list.list-icons li > [class*="fa-"]:first-child {
    color: var(--orange-brand);
    border-color: var(--orange-brand);
}

html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
    background-color: var(--purple-brand) !important;
}

html .accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed {
    color: var(--purple-brand) !important;
}

.accordion .card-header,
.accordion a {
    border-radius: 8px;
}

html .feature-box-primary .feature-box-icon,
.feature-box .feature-box-icon {
    /*background-color: #fff;*/
    background-color: inherit;
}

.feature-box .feature-box-icon {
    width: 4.7em;
    height: 4.7em;
}

.section-more-text p {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}

.section-more-text li {
    font-size: 12px;
    color: #888;
}

.section-more-text h2,
.section-more-text h3,
.section-more-text h4 {
    font-size: 14px;
    color: #666;
    font-weight: 600;
    margin: 0
}

.accordion.accordion-modern-status > .card .card-header a {
    background-color: #e9e9e9;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: #efcbb4;
}

.plan-price-bronze {
    background-color: #dd5c21 !important;
}
.plan-price-silver {
    background-color: #8f8f8f !important;
}
.plan-price-gold {
    background-color: #D1B000 !important;
}
.plan-price-diamond {
    background-color: #2ebad8 !important;
}

.plan-price-bronze .price,
.plan-price-bronze .price-label {
    color: #fff !important;
}

.pricing-table .plan .plan-price .price-label {
    margin-top: .5rem;
}

.card-border:after {
    background-color: var(--orange-brand);
}
.card-border-purple:after {
    background-color: var(--purple-brand);
}

.card-rounded-10 {
    border-radius: 10px;
}

.card-shadow {
    box-shadow: 0 0 44px -10px rgb(0 0 0 / 15%);
}

.card-shadow-soft {
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 5%), 0 6px 20px 0 rgb(0 0 0 / 5%)!important;
}

.radius-20.box-shadow-1:before {
    border-radius: 20px;
}

.box-shadow-none {
  box-shadow: none;
}

.card-service h3 {
    font-size: 24px;
    margin-top: 1rem;
}

.card-branch .h3 {
    font-weight: 800 !important;
    font-family: var(--font-montserrat) !important;
    color: #212529 !important;
}

.card-branch-province {
    position: relative;
    height: 33rem;
    flex-wrap: nowrap;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.09);
    border-radius: 10px;
    display: flex;
}

.card-branch-province .branch-city-list {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #faf7f6;
    padding: 1rem .5rem;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: var(--purple-brand);
    color: #fff;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover {
    background-color: var(--purple-brand);
    color: #fff;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: var(--purple-brand);
}

.owl-dots {
    margin-top: 1rem;
}

.process.process-shapes .process-step-circle .process-step-circle-content,
.process.process-shapes .process-step-circle:before,
.process.process-shapes .process-step-circle:after {
    background-color: var(--orange-brand);
}

.counter {
    color: #555;
}

.counter-orange {
    color: var(--orange-brand);
}

.counter-purple {
    color: var(--purple-brand);
}

.process .process-step-circle {
    border-color: var(--purple-brand);
}

.process .process-step:hover .process-step-circle {
    background-color: var(--purple-brand);
}

.fa-orange {
    color: var(--orange-brand);
}

.fa-purple {
    color: var(--purple-brand);
}

.fa-success {
    color: #198754;
}

.fa-danger {
    color: #dc3545;
}

.privacy-policy h2 {
    font-weight: 700;
    margin-bottom: 0;
}

.privacy-policy,
.privacy-policy p,
.privacy-policy ul {
    color: #666;
    font-size: 14px;
}

.privacy-policy-list li {
    margin-bottom: 1rem;
    font-size: 14px;
}

.process-connecting-line .connecting-line {
    background: var(--purple-brand);
}

#form-awb .container {
    width: 30%;
}

#form-reference .container {
    width: 35%;
}

#form-awb textarea,
#form-reference input {
    border-color: #f36f21;
}

#form-awb .form-control.is-valid, .was-validated .form-control:valid,
#form-reference .form-control.is-valid, .was-validated .form-control:valid {
    border-color: #198754
}

.home-concept strong {
    font-family: var(--font-montserrat);
    font-size: 20px;
    font-weight: 500 !important;
    color: var(--purple-brand);
}

.home-concept .our-work {
    font-size: 28px;
}
/* --- END WEB BRAND GUIDELINE --- */


/* --- WEBSITE FEATURE --- */
.featured-fixed-button {
    display: block;
    position: fixed;
    /* bottom: 20px; */
    /* left: 20px; */
    bottom: 40px;
    left: 40px;
    /* z-index: 999; */
    z-index: 2;
}

.featured-fixed-button-mobile {
    display: none;
}

.process-detail-tracking .process-vertical .process-step-circle {
    height: 15px;
    width: 15px;
    min-height: 15px;
    min-width: 15px;
    margin: 6px 15px 0 7px;
}

.process-detail-tracking .process-vertical .process-step {
    padding-bottom: 10px;
}

.process-detail-tracking .process-vertical .process-step:after {
    height: calc(100% - 40px);
    top: 35px;
    left: 13.5px;
}

.process-detail-tracking .process .process-step-circle {
    border-color: var(--purple-brand);
}

.process-detail-tracking .process-step:first-child .process-step-circle {
    border-color: var(--purple-brand);
    background-color: var(--purple-brand);
}
/* --- WEBSITE FEATURE END --- */



/* --- CUSTOMIZE --- */
/* ----------------- */

/* MAIN MENU */
#header .header-body {
    background: #f2f3f5;
    /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);*/
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 19%);
}

#header .header-nav-main nav > ul > li > a {
    font-size: 16px;
    font-weight: 800;
    font-family: var(--font-myriad-pro);
    text-transform: none;
}

#header .header-nav.header-nav-line nav > ul li:hover > a {
    color: var(--orange-brand);
}

#header .header-nav.header-nav-line nav > ul li:hover > a:before {
    background: var(--orange-brand);
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    border-radius: 7px;
    margin: 3px;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
    color: #f8f9fa;
    /*text-decoration: none;*/
    background-color: var(--purple-brand);
    border-radius: 7px !important;
    margin: 3px;
    border-color: transparent;
}

#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--purple-brand);
}

#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu,
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
    border-radius: 7px !important;
}
/* END MAIN MENU */


/* HEADLINE BANNER */
/*.headline-banner .owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 80px !important;
    margin-right: 80px !important;
}*/

.headline-banner {
    /*margin: 0 40px;*/
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.headline-banner .owl-carousel .owl-nav {
    top: 50%;
}

.headline-banner .owl-carousel.nav-position-1 .owl-nav button.owl-next {
    right: 60px;
}

.headline-banner .owl-carousel.nav-position-1 .owl-nav button.owl-prev {
    left: 60px;
}

.headline-banner .owl-dots {
    margin-top: -3rem;
    z-index: 1;
    position: relative;
}

.headline-banner img {
    border-radius: 20px;
}

.headline-banner .headline-banner-mobile,
.page-banner .page-banner-mobile {
    display: none !important;
}

.headline-banner .owl-carousel.nav-icon-1 .owl-nav .owl-prev:before {
    content: "\f053"; 
    /*content: "\f104";*/
    font-weight: 900;
    font-size: 16px;
}

.headline-banner .owl-carousel.nav-icon-1 .owl-nav .owl-next:before {
    content: "\f054"; 
    /*content: "\f104";*/
    font-weight: 900;
    font-size: 16px;
}

.headline-banner .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next,
.headline-banner .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev {
    background-color: #fefefe !important;
    border-color: #fefefe !important;
    color: var(--purple-brand) !important;
    font-weight: 900;
}

.headline-banner .owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    /*background-color: var(--purple-brand);*/
    background-color: #fff;
}
/* HEADLINE BANNER */


/* PAGE HEADER */
.page-header .text-headline {
    font-size: var(--fs-desk-xl) !important;
    font-family: var(--font-montserrat);
    font-weight: 600;
}

.page-banner .image-page-banner {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
/* END PAGE HEADER */


/* BREADCRUMB */
.breadcrumb > li {
    text-transform: none;
    font-size: 14px;
}
/* END BREADCRUMB*/


/* FOOTER */
#footer {
    border-top: none;
    margin-top: 0;
}

#footer ul,
#footer p {
    font-size: 1em;
    font-weight: 400;
}

#footer .footer-heading {
    font-weight: 700;
}

.footer-light {
    background: #f2f2f2 !important;
}

.footer-light .footer-heading {
    color: #444 !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-montserrat);
}

.footer-dark .footer-heading {
    color: #ddd !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font-montserrat);
}

.footer-light .footer-sub-heading {
    color: #444 !important;
    font-weight: 600;
}

.footer-dark .footer-sub-heading {
    color: #ddd !important;
    font-weight: 700;
}

.footer-light a,
.footer-light li {
    color: #555 !important;
}

.footer-dark a,
.footer-dark li {
    color: #a8a8a8 !important;
}

.footer-light a:hover {
    color: var(--orange-brand) !important;
    font-weight: 700;
}

.footer-dark a:hover {
    color: var(--orange-brand) !important;
    font-weight: 700;
}

.footer-light .footer-copyright {
    background: #f7f7f7 !important;
    color: #444;
    /*font-family: var(--font-montserrat);*/
    font-size: 12px;
    font-weight: 500;
    border-top: 1px solid #ddd;
}

.footer-dark .footer-copyright {
    background: #212529 !important;
    color: #555;
    /*font-family: var(--font-montserrat);*/
    font-size: 12px;
    font-weight: 500;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-dark .footer-copyright p {
    color: #999 !important;
}
/* FOOTER END */

/* SOCIAL BUTTON ICON IN FOOTER */
.social-btn {
  height: 90px;
  /*margin: auto;*/
  margin-top: -0.7rem;
  font-size: 0;
  text-align: left;
  /*position: absolute;*/
  /*top: 0;
  bottom: 0;
  left: 0;
  right: 0;*/
  /*margin-left: -6rem;*/
  /*margin-top: 3.5rem;*/
}

.social-btn .btn {
  display: inline-block;
  background-color: #fff;
  /*width: 60px;
  height: 60px;*/
  width: 55px;
  height: 55px;
  /*line-height: 40px;*/
  line-height: 35px;
  margin: 1rem 3px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30%;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
  opacity: 0.99;
}

.social-btn .btn:first-child {
  margin-left: 0;
}

.social-btn .btn:before {
  content: '';
  top: 90%;
  left: -110%;
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.social-btn .btn:focus:before,
.social-btn .btn:hover:before {
  top: -10%;
  left: -10%;
}

.social-btn .btn,
.social-btn .btn:before,
.social-btn .btn .fab {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-btn .btn .fab {
  /*font-size: 28px;*/
  font-size: 24px;
  vertical-align: middle;
}

.social-btn .btn .fab {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.social-btn .btn.facebook:before {
  background-color: #3b5998;
}
.social-btn .btn.facebook .fab {
  color: #3b5998;
}
.social-btn .btn.twitter:before {
  background-color: #3cf;
}
.social-btn .btn.twitter .fab {
  color: #3cf;
}
.social-btn .btn.google:before {
  background-color: #dc4a38;
}
.social-btn .btn.google .fab {
  color: #dc4a38;
}
.social-btn .btn.dribbble:before {
  background-color: #f26798;
}
.social-btn .btn.dribbble .fab {
  color: #f26798;
}
.social-btn .btn.skype:before {
  background-color: #00aff0;
}
.social-btn .btn.skype .fab {
  color: #00aff0;
}
.social-btn .btn.youtube:before {
  background-color: #bb0000;
}
.social-btn .btn.youtube .fab {
  color: #bb0000;
}
.social-btn .btn.instagram:before {
  background-color: #ff0084;
}
.social-btn .btn.instagram .fab {
  color: #ff0084;
}
.social-btn .btn.linkedin:before {
  background-color: #007bb6;
}
.social-btn .btn.linkedin .fab {
  color: #007bb6;
}
.social-btn .btn.whatsapp:before {
  background-color: #00bfa5;
  /*background-color: #fff;*/
}
.social-btn .btn.whatsapp .fab {
  color: #00bfa5;
  /*color: #fff;*/
}
.wa-chat.social-btn .btn.whatsapp:before {
  /*background-color: #00bfa5;*/
  background-color: #fff;
}
.wa-chat.social-btn .btn.whatsapp .fab {
  /*color: #00bfa5;*/
  color: #fff;
}

.social-btn .btn:focus .fab,
.social-btn .btn:hover .fab {
  color: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
/* SOCIAL BUTTON ICON IN FOOTER END */

/* CALL TO ACTION */
.call-to-action p {
    font-family: var(--font-montserrat);
    margin: 0 3rem 0 2rem;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 36px;
}

.call-to-action-btn a {
    font-family: var(--font-montserrat);
    font-weight: 700;
    font-size: 14px;
    color: var(--purple-brand) !important;
    padding: 1.2rem 2.5rem;
}
/* CALL TO ACTION END */

/* SCROLL BAR */
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f36f21; 
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #92278f; 
}
/* SCROLL BAR END */

/* --------------------- */
/* --- END CUSTOMIZE --- */


.tiny-page p,
.tiny-page ol {
    font-size: 16px;
    color: #555;
}

.tiny-page h2,
.tiny-page h3,
.tiny-page h4 {
    font-weight: 500;
    margin-bottom: 1rem;
}

.tiny-page ol li {
    margin-bottom: 1rem;
}

section.section-custom-map {
    background: transparent url(../img/page-content/pengiriman-internasional.png) center 0 no-repeat !important;
}


/* SECTION NEWS ON HOMEPAGE*/
.thumb-info-side-image-custom {
    border: 0 none;
    color: #777;
    margin: 0 0 35px;
    transition: all 0.3s ease;
}

.thumb-info-side-image {
    display: flex;
}

.thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: #FFF;
    border-radius: 4px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.thumb-info-side-image-custom.thumb-info-side-image-custom-highlight .thumb-info-side-image-wrapper {
    margin: 0 0 10px 0;
    padding: 0;
}

.thumb-info-side-image-custom .thumb-info-side-image-wrapper {
    padding: 0;
    margin-right: 30px;
}

.thumb-info-side-image .thumb-info-side-image-wrapper {
    padding: 0;
    margin-right: 20px;
}

.thumb-info-side-image-custom.thumb-info-side-image-custom-highlight .thumb-info-caption {
    padding: 0 10px;
    display: block;
    clear: both;
}

.thumb-info-side-image-custom .thumb-info-caption {
    text-align: left;
}

.thumb-info-caption {
    padding: 10px 0;
}

.thumb-info-caption h3 {
    font-size: 1.4em;
}

.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p {
    font-size: 0.9em;
    margin: 0;
    padding: 15px 0;
    display: block;
}

.thumb-info-side-image-custom.thumb-info-side-image-custom-highlight .thumb-info-caption h3 {
    margin: 3px 0 0;
    padding: 0;
}

.thumb-info-side-image-custom .thumb-info-caption h3 {
    margin: 30px 0 0;
    padding: 0;
}

.thumb-info-side-image-custom.thumb-info-side-image-custom-highlight .thumb-info-caption p {
    margin: 0;
    padding: 0;
}

.thumb-info-side-image-custom .thumb-info-caption p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 24px;
}

.thumb-info img {
    transition: all 0.3s ease;
    /*border-radius: 3px;*/
    border-radius: 0;
    position: relative;
    width: 100%;
}

.thumb-info-side-image-custom:hover {
    box-shadow: 10px 10px 74px -15px rgb(0 0 0 / 33%) !important;
}
/* END SECTION NEWS ON HOMEPAGE */

.custom-parallax-1 .parallax-background {
    background-size: 100%!important;
}


/* autocomplete styling */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    width: 100px;
    overflow-x: scroll;
    z-index: 1;
    padding: 0;
}

.ui-menu-item {
    /*width: 500px;*/
    font-size: 12px;
    list-style-type: none;
    color: #333;
    font-weight: 600;
    font-family: var(--font-myriad-pro);
    margin: 0rem .2rem;
}

.ui-menu-item:nth-child(odd) {
    background-color: #fafafa;
}
.ui-menu-item:nth-child(even) {
    background-color: #e4e4e4;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #f36f21;
    font-weight: bold;
    color: #fff;
    border-color: #d36f21;
}

.ui-autocomplete::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background: #f36f21; 
    border-radius: 10px;
}

.ui-autocomplete::-webkit-scrollbar-track {
    box-shadow: inset 10px 10px 50px #ccc !important;
    border-radius: 5px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 0em 3px 0.4em;
}
/* end autocomplete styling */


/* select2 */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, 
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #f36f21 !important;
}

.select2 {
    width: 100% !important;
}
/* end select 2*/


/* section hero homepage */
.section-hero {
    margin: -4rem 5rem 0 5rem; 
    z-index: 1;
    position: relative;
}

.section-hero .card-hero {
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)!important;
    border-radius: 15px;
}

.section-hero .card-hero .form-light input {
    border-color: #ddd;
}

.section-hero .div-resi,
.section-hero .div-ongkir {
    padding-left: 0;
}

.section-hero .div-cabang {
    padding-left: 0;
    padding-right: 0;
}
/* end section hero homepage */

.section-thank-you .thank-you-image {
    min-height: 100%;
    /* min-width: 1024px; */
    min-width: 1224px;
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
}

.image-mobile {
    display: none;
}

.border-color-9 {
    border-color: #999;
}

.form-internasional .select2-container--bootstrap-5 .select2-selection {
    border-color: #999 !important;
}

#section-tab-international .nav .nav-item {
    margin-bottom: 1rem;
}

#section-tab-international .nav-tabs li .nav-link {
    border-radius: 15px;
    color: var(--purple);
}

#section-tab-international .tabs .nav-tabs .nav-link {
    background-color: #f8f8ff;
    padding: 1.7rem 2rem;
}

#section-tab-international .tabs .nav-tabs .nav-link:hover {
    color: var(--orange);
    border-left-color: var(--orange);
}

#section-tab-international .tabs .nav-tabs .nav-link.active {
    background-color: var(--orange);
    color: #fff;
    border-left-color: var(--purple);
    border-left-width: 5px;
}

#section-direction .process .process-step .process-step-circle {
    /*border: 2px solid var(--orange);*/
    border: 2px solid #fff;
}
#section-direction .process .process-step:hover .process-step-circle {
    /*background-color: var(--purple);*/
    background-color: #fff;
    /*border: 2px solid var(--purple);*/
    border: 2px solid #fff;
}

#section-direction .process .process-step .process-step-circle .process-icon {
    color: var(--bs-danger);
    font-size: 42px;
}
#section-direction .process .process-step:hover .process-step-circle .process-icon {
    /*color: white;*/
    color: var(--bs-danger);
}

#section-direction .process .process-title {
    margin-top: -1.5rem;
}

.pricing-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: .7rem 2rem;
    clear: both;
    border: solid 2px #92278f;
    color: #333;
}

.container .pricing-list {
    border-radius: 8px;
}

.pricing-list .pricing-list-content {
    text-align: center;
}

.pricing-list .pricing-list-content {
    text-align: center;
}

.pricing-list > [class*="col-"] {
    display: flex;
    align-items: center;
}

.table-investor tbody td {
    font-size: 1.2em;
}

.tabs.tabs-simple .nav-tabs > li .nav-link.active {
    color: var(--orange) !important;
}

.tabs.tabs-bottom .nav-tabs .nav-link.active {
    border-bottom-color: var(--orange) !important;
}

.tabs.tabs-simple .nav-tabs > li .nav-link:hover {
    color: var(--purple) !important;
}

.tabs.tabs-bottom .nav-tabs li .nav-link:hover {
    border-bottom-color: var(--purple) !important;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
    background: var(--orange-brand);
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px var(--orange-brand);
}

section.timeline .timeline-box {
    border: 1px solid #bbb;
    border-radius: 10px;
}

section.timeline .timeline-box.left .timeline-box-arrow {
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

section.timeline .timeline-box.right .timeline-box-arrow {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.thumb-info .thumb-info-wrapper:after {
    background: rgba(146, 39, 143, 0.8);
}

.pagination > .active > a,
.pagination .page-item.active .page-link {
    background-color: var(--orange) !important;
    border-color: var(--orange);
}

.pagination > li > a,
.pagination > li > a:hover {
    color: var(--purple);
}

.section-feature-sahabat-satria .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
    background-color: var(--purple) !important;
    border-color: var(--purple) !important;
    color: #fff !important;
}

@media (min-width: 992px) {
    .section-feature-sahabat-satria .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {
        right: 100px;
        left: auto;
    }

    .section-feature-sahabat-satria .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
        left: 100px;
        right: auto;
    }
}