.site-copyright{ 
  font-size: 12px;
  color: #fff;
  padding: 15px;
  background: var(--main-color);
}
ul.sub-menu{
  display: block;
  background: #fff;
}
ul.nolist{
  list-style: none;
}
.sosmed-list {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}
.sosmed-list li{
  flex-basis: 20px;
  margin-left: 15px;
}
.sosmed-list li a{
  font-size: 0;
  display: block;
}
.sosmed-list li a{
  display: block;
  width: 24px;
  height: 24px;

}
.text-orange{
  color: var(--main-color);
}
.sosmed-list li a.sosmed-fb{
  background: url(../img/icon/icon-fb-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-tw{
  background: url(../img/icon/icon-tw-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-ig{
  background: url(../img/icon/icon-ig-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-linkedin{
  background: url(../img/icon/icon-in-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-yt{
  background: url(../img/icon/icon-yt-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-ltree{
  background: url(../img/icon/icon-linktree-white.svg) no-repeat;
}
.sosmed-list li a.sosmed-jobstreet{
  background: url(../img/icon/icon-jobstreet-white.svg) no-repeat;
}
.top-header{
  padding: 10px 0;
  border-bottom: 1px solid #EDEDED;
}
.top-sosmed .sosmed-list li a.sosmed-fb{
  background: url(../img/icon/icon-facebook.svg) no-repeat;
} 
.top-sosmed  .sosmed-list li a.sosmed-tw{
  background: url(../img/icon/icon-twitter.svg) no-repeat;
}
.top-sosmed  .sosmed-list li a.sosmed-ig{
  background: url(../img/icon/icon-instagram.svg) no-repeat;
}
.top-sosmed  .sosmed-list li a.sosmed-linkedin{
  background: url(../img/icon/icon-in.svg) no-repeat;
}
.top-sosmed  .sosmed-list li a.sosmed-yt{
  background: url(../img/icon/icon-youtube.svg) no-repeat;
}
.top-sosmed  .sosmed-list li a.sosmed-ltree{
  background: url(../img/icon/icon-linktree.svg) no-repeat;
}
.top-sosmed  .sosmed-list li a.sosmed-jobstreet{
  background: url(../img/icon/icon-jobstreet.svg) no-repeat;
}
.main-navigation{
  display: none;
}
.hotline-left  a{
  font-size: 14px; 
  font-style: normal; 
  color: #343538;
  padding-left: 25px;
  display: block;
}
.hotline-telp a{
  font-weight: 700;
  background: url(../img/icon/icon-phone.svg) no-repeat left;
  background-size: 20px;
  margin-right: 30px;
} 
.hotline-email  a{ 
  background: url(../img/icon/icon-mail.svg) no-repeat left;
  background-size: 20px;
}
.site-branding{
  flex: 0 0 20%;
  padding: 20px 0;
}
.lang-container{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  margin-right: -10px;
}
.lang-container li{
  padding: 0 10px;
  position: relative;
} 
.lang-container li:first-child:after {
  content:'|';
  display: inline-block;
  color: #9B9B9D;
  position: absolute;
  right: -3px;
  top: -1px;
}
.lang-container li a{
  color: #9B9B9D;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.lang-container  .current-lang a{
  color: var(--main-color);
}
.whatsapp-btn{
  border-radius: 10px;
  background: no-repeat #34BF50;
  display: flex;
  width: 145px;
  font-size: 16px;
  align-items: center;
  padding: 8px 16px;
  color: #fff;
  margin-right: 10px;
}
.whatsapp-btn:before{
  background: url(../img/icon/icon-wa-white.svg) no-repeat;
  content: "";
  display: block;
  flex:0 0 24px;
  height: 24px;
  margin-right: 10px; 
}
.whatsapp-btn:hover{
  background: #9B9B9D;
  color: #fff;
  text-decoration: none;
}
.left-nav-container{
  flex: 0 0 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.site-info{
  background: url(../img/footer-aksen.svg) no-repeat top right var(--main-color) ;
  color: #fff;
  font-size: 14px;
  background-size: contain;
}
.site-info a{
  color: #fff; 
  font-size: 14px;
}
.menu-footer-menu-container .menu, .menu-footer-menu-en-container .menu{
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-footer-menu-container li , .menu-footer-menu-en-container li{
  padding: 0px 0 20px
}
.menu-footer-menu-container li a, .menu-footer-menu-en-container li a{
  display: inline-block;
}
.fw-1-container figure{
  margin-top:0;
}
.footer-widget-item .sosmed-list{
  justify-content: flex-start;
}
.footer-widget-item .sosmed-list li{
  margin:0 10px 0 0 ;
}
.seo-container{
  background-color: #24262B; 
}
.seo-content-container{
  padding: 50px 0;
  color: #fff;
  line-height: 200%; 
}
.seo-content-container h2{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.submenu-about li a{
  padding: 10px 15px;
}
.submenu-about li a:hover{
  background: #fff2eb;
  color: var(--main-color);

}
.submenu-about li a:before, .submenu-claim li a:before,
.submenu-product li a:before{
  content: '';
  height: 23px;
  width: 23px;
  display: block;
  background-size: contain;
  margin-right: 10px;
}
.submenu-about li.sub-vision a:before{
  background: url(../img/icon/icon-vision.svg) no-repeat;
}
.submenu-about li.sub-awards a:before{
  background: url(../img/icon/icon-awards.svg) no-repeat;
}
.submenu-about li.sub-bod a:before{
  background: url(../img/icon/icon-bod.svg) no-repeat;
}
.submenu-about li.sub-report a:before{
  background: url(../img/icon/icon-financial-report.svg) no-repeat;
}
.submenu-about li.sub-branch a:before{
  background: url(../img/icon/icon-branch.svg) no-repeat;
}
.submenu-about li.sub-customer a:before{
  background: url(../img/icon/icon-pengaduan.svg) no-repeat;
}
.submenu-about li.sub-partner a:before{
  background: url(../img/icon/icon-partner.svg) no-repeat;
}
.submenu-claim li.sub-pengajuan-claim a:before{
  background: url(../img/icon/icon-pengajuan-claim.svg) no-repeat;
}
.submenu-claim li.sub-status-claim a:before{
  background: url(../img/icon/icon-cek-status-claim.svg) no-repeat;
}
.submenu-claim li.sub-bengkel a:before{
  background: url(../img/icon/icon-bengkel.svg) no-repeat;
}
.submenu-product.menu-item-has-children  > .sub-menu{
  display: flex;
  flex-wrap: wrap;
  width: 850px;
  justify-content: flex-start;
  border: 1px solid #ececec;
  flex-direction: row;
}
.submenu-product.menu-item-has-children .sub-menu li{
  flex: 0 0 33.33%;
}
.submenu-product li.sub-asuransi-properti a:before{
  background: url(../img/icon/icon-asuransi-property.svg) no-repeat;
}
.submenu-product li.sub-asuransi-perjalanan a:before{
  background: url(../img/icon/icon-asuransi-perjalanan.svg) no-repeat;
}
.submenu-product li.sub-asuransi-kendaraan a:before{
  background: url(../img/icon/icon-asuransi-kendaraan.svg) no-repeat;
}
.submenu-product li.sub-asuransi-surety a:before{
  background: url(../img/icon/icon-asuransi-surety.svg) no-repeat;
}
.submenu-product li.sub-asuransi-rangkakapal a:before{
  background: url(../img/icon/icon-asuransi-rangkakapal.svg) no-repeat;
}
.submenu-product li.sub-asuransi-rekayasa a:before{
  background: url(../img/icon/icon-asuransi-rekayasa.svg) no-repeat;
}
.submenu-product li.sub-asuransi-pengangkutan a:before{
  background: url(../img/icon/icon-asuransi-pengangkutan.svg) no-repeat;
}
.submenu-product li.sub-asuransi-tanggunggugat a:before{
  background: url(../img/icon/icon-asuransi-tanggunggugat.svg) no-repeat;
}
.submenu-product li.sub-asuransi-keuangan a:before{
  background: url(../img/icon/icon-asuransi-keuangan.svg) no-repeat;
}
.submenu-product li.sub-asuransi-kecelakaan a:before{
  background: url(../img/icon/icon-asuransi-kecelakaan.svg) no-repeat;
}
.submenu-product li.sub-asuransi-asuransibaru a:before{
  background: url(../img/icon/icon-asuransi-kecelakaan.svg) no-repeat;
}
.left-bottom-aksen{
  background-image: url(../img/seo-aksen2.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: auto 90%;
}
.right-bottom-aksen{
  background-image: url(../img/seo-aksen.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 90%;
}
/* .heading-custom1:before{
  content: '';
  display:block;
  clear: both;
  width: 70px;
  height: 8px;
  background: url(../img/heading-aksen.svg) no-repeat;
  background-size: contain;
  margin: 0 auto 10px; 
} */
.client-item{
  background: #FFF;
box-shadow: 0px 24px 145px 0px rgba(0, 0, 0, 0.10);
border-radius: 10px;
overflow: hidden;
width: 100%;
}
.client-item div{
  height: 100%;
}
.client-item div img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-carousel-container .slick-slide > div{
  padding:15px 20px
}
 .product-carousel-container .slick-slide article {
  box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.22);
  padding: 0 !important;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
 }
 .product-carousel-container .wp-block-button{
  display: block;
 }
 .product-carousel-container  a.wp-block-button__link{
  border-radius: 5px;
  background: #F16F24;  
  padding: 16px;
  display: block;
  font-size: 16px;
  color: #fff;
 }
 .product-carousel-container  a.wp-block-button__link:hover{
  background: #404040 !important;
}
 .product-carousel-container  .uagb-post__image{
  display: flex;
  justify-content: center;
  padding: 30px 0  15px;
 }
 .product-carousel-container  .uagb-post__image a img{
    width: 40px;
    height: 40px;
 }

 .slick-dots li{
  background-color: transparent !important;
  border: 1px solid #CBC4BC  ; 
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 2px !important;
  width: 16px !important;
  height: 16px !important;
  
 }

 .slick-dots button{
  background:  #CBC4BC !important; 
  flex: 0 0 8px;
  width: 8px !important;
  height: 8px !important;
  display: block;
  border-radius: 50% !important;
  padding: 0 !important;

 }
 .slick-dots .slick-active{
  border: 1px solid  var(--main-color); 
 }
 .slick-dots .slick-active button{
  background: var(--main-color) !important; 
}
.slick-slider .slick-arrow{
  background:   var(--main-color) !important;
  color: #fff !important; 
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
  height: 44px;
  width: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
 .slick-arrow::before{
  height: 20px;
  flex: 0 0 20px;
  background: url(../img/icon/icon-arrow-white2.svg) no-repeat center center;
  content: '';
  display: block;
}
.slick-prev.slick-arrow{
  left:-45px;
}
.slick-next.slick-arrow{
  right: -45px;

}
  .slick-next.slick-arrow::before{
  transform: rotate(180deg);
}
.slick-slider .slick-arrow svg{
  fill: #FFF !important;
  display: none;
}

.mpm-testimony .slick-slider .slick-track, .product-carousel-container.slick-slider .slick-track{
    display: flex !important;
}

.mpm-testimony .slick-slider .slick-slide {
    height: inherit !important;
    padding: 20px;
}
.product-carousel-container.slick-slider .slick-slide{
  height: inherit !important;
 
}
.mpm-testimony .slick-slider .slick-slide >div, .product-carousel-container.slick-slider .slick-slide > div, .product-carousel-container.slick-slider .slick-slide article{
  height: 100%;
}
.product-carousel-container.slick-slider .slick-slide article{
  margin: 0;
  position: relative;
  padding-bottom: 70px !important;
}
.product-carousel-container.slick-slider .slick-slide article .wp-block-button{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.mpm-testimony  .uagb-tm__text-wrap {
  display: flex;
  flex-direction: column;
}
.mpm-testimony  .uagb-tm__content .uagb-tm__desc{
  order: 1;
  text-align: left;
  font-size: 16px;
  padding-top: 20px;
}
.mpm-testimony  .uagb-tm__content  .uagb-tm__meta-inner{
  order: 0;
}
.mpm-testimony  .uagb-testimonial-details{
  text-align: left;
}
.mpm-testimony  .uagb-tm__company{
  color: var(--main-color);
  font-size: 14px;
  font-weight: 600;
}
.mpm-testimony  .uagb-tm__author-name{
    line-height: normal;
    font-size: 24px;
  font-weight: 600; 
  margin: 0;
}
.mpm-testimony .uagb-testimonial__wrap{
  padding: 0 !important;
  position: relative;
  height: 100%;
  margin: 0;
  border-radius: 10px;
  background: transparent;
}
.mpm-testimony .uagb-testimonial__wrap::before{
  content: '';
  background: url(../img/icon/icon-quote.svg) no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: -20px;
  left: 50px;
  z-index: 2;
}
.mpm-testimony .slick-slider .slick-slide .uagb-tm__content{
  border-radius: 10px;
  overflow: hidden; 
  background: #fff;
  padding: 30px;
  height: 100%; 
  box-shadow: 0px 2px 20px 2px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0px 2px 20px 2px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 2px 20px 2px rgba(0,0,0,0.22);
}
.uagb-slick-carousel ul.slick-dots li button::before{
  display: none;
 } 
 header{ 
  border-bottom: 1px solid  #EDEDED;
  transition: all 0.5s ease-in-out;
}
header.fixed{
  position: fixed;
  top: 0;
  z-index: 999;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-in-out;
}
header.delayfixed {
  position: fixed;
  top: -250px;
  transition: all 0.5s ease-in-out;
}
header.fixed .header-content {
  padding: 10px 0;
  transition: all 0.5s ease-in-out;
}
header.fixed .top-header{
  display: none;
} 
header.fixed .main-header{
  padding: 10px ;
}
.admin-bar header.fixed{
  top:32px;
}
.mobile-menu{
  display: none;
}
.b-radius-3 .inner-container{
  border-radius: 3px;
  overflow: hidden;
}
.b-radius-5 .inner-container{
  border-radius: 5px;
  overflow: hidden;
}
.b-radius-10 .inner-container{
  border-radius: 10px;
  overflow: hidden;
}
.shadow-small {
  margin-bottom: 30px;
}
.shadow-small .inner-container{
  box-shadow: 0px 2px 50px 2px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0px 2px 50px 2px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 2px 50px 2px rgba(0,0,0,0.22);

}
.shadow-tiny .inner-container{
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  
}
 
.shadow-wide .inner-container{
  box-shadow:  0px 136px 150px -27px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 0px 136px 150px -27px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 136px 150px -27px rgba(0, 0, 0, 0.10);
}
.padd-inner-25 .inner-container{
  padding: 24px;
} 
.entry-title{ 
  font-weight: 500; 
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}
.gap-0{
  gap:0 !important
}
.lh-normal{
  line-height: normal;
}
.heateor_sss_s_copy_link svg{
  display: none !important;
}
.heateor_sss_horizontal_sharing .heateor_sss_s_copy_link{
  background: url(../img/icon/icon-copylink.svg) no-repeat center center #ececec!important;
  background-size: 16px !important;
}
 
body .heateor_sss_horizontal_sharing .heateor_sss_s_copy_link:hover{
  background: url(../img/icon/icon-copylink-white.svg) no-repeat center center #F16F24!important;
  background-size: 16px !important;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg{
  width: 30px !important;
  height: 30px !important;
  display: inline-flex  !important;
  justify-content: center;
  align-items: center;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg svg{
  width: 26px;
  height: 26px;

}
.topmenu .current-menu-item > a, .topmenu .current-menu-parent > a{
  color: var(--main-color);
} 

.type2-header h1.entry-title{
  font-size: 32px;
  font-weight: 600;
}
.footer-phone, .footer-mail, .footer-address{
  padding-left: 40px;
}
.footer-phone { 
  background: url(../img/icon/icon-phone-white.svg) no-repeat; 
  background-size: 28px;
}
.footer-mail { 
  background: url(../img/icon/icon-mail-white.svg) no-repeat; 
  background-size: 28px;
}
.footer-address { 
  background: url(../img/icon/icon-pin-white.svg) no-repeat; 
  background-size: 28px;
}
.product-container{
  padding: 0px 0 70px;
}
.product-slider{
  padding:0 20px;
}
.product-slider.slick-slider .slick-slide article{
    padding: 20px 20px 70px !important;
    position: relative;
}
.product-slider.slick-slider .slick-slide .btn-orange{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 9; 
}
.product-slider.slick-slider .slick-slide .btn-orange a{
  display: block;
  text-align: center;
  border-radius: 10px;
}
.product-slider .slick-dots{
  bottom: -30px;
}
.product-slider .product-title{
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 15px;
  text-align: center;
}
.product-slider .img-container {
  text-align: center;
  margin-bottom: 15px;
}
.product-slider .img-container a{
  display: inline-block;
}
.product-slider .img-container a img{
  width: 40px;
  height: 40px;
}
.slick-slider .slick-arrow:focus, .slick-slider .slick-arrow:focus-visible, .slick-slider .slick-arrow:active{
  outline: none;
}
.custom-product-slider h2{
  text-align: center;
  margin-bottom: 30px !important;
}
.custom-product-slider{
  padding-top: 100px;
}
.wp-block-uagb-icon-list.custom-list {
  padding-left: 40px;
  display: block;
}
.wp-block-uagb-icon-list.custom-list .wp-block-uagb-icon-list-child{
  position: relative;
  border-radius: 10px;
  border: 1px solid #BABABA;
  background: #FFF;
  padding: 10px;
  list-style: none;
  padding-left: 25px;
  display: block;
  width: 100%;
} 
.wp-block-uagb-icon-list.custom-list .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap{
  border-radius: 5px !important; 
  display: block;
  position: absolute; 
  left: -15px;
  padding: 7px !important;
  font-size: 12px !important;
  top: 7px;
}
.product-content{
  margin-bottom: 20px;
}
.full-width input{
  width: 100%;
  flex: 0 0 100%;
}
.part-title{
  font-size: 32px;
font-style: normal;
color: var(--main-color);
}
@media (min-width: 1501px) {
	.container{
    max-width:1400px
  }
}
@media (max-width: 1500px) {
  .uagb-container-inner-blocks-wrap{
    max-width: 1000px !important;
  }
 .seo-content-container .container{
  max-width: 1030px ;
 }
 .product-carousel-container .slick-slide > div{
  padding:15px;
  }
  .slick-prev.slick-arrow{
    left: -25px;
  }
  .slick-next.slick-arrow, .uagb-slick-carousel.uagb-tm__arrow-outside .slick-next{
    right: -25px;
  }
  .product-slider{
    padding: 0;
  }
  .uagb-slick-carousel{
    padding: 0;
  }
  .product-content p{

    line-height: normal;
  }
  .heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg{
    width: 26px !important;
    height: 26px !important;
  }
  .related-post.news-listing-container  .padd-inner-25 .inner-container{
    padding: 20px;
  }
 
  .berita-single-page .container {
       max-width: 1000px; 
  }
  main .container {
    max-width: 1000px;
  }
  header .container{
    max-width: 85%;
  }
}
@media (max-width: 1000px){
  .uagb-container-inner-blocks-wrap, .seo-content-container{
    max-width: 90% !important;
  }
  .seo-content-container{ 
    margin: 0 auto;
  }
}
/*sm */
@media (min-width: 576px) {

 
}

/*md */
@media (min-width: 768px) {

  
}  
/*lg */
@media (min-width: 1199px) { 
  .col-lg-5{
    flex: 0 0 calc(100%/5);
    max-width: calc(100%/5);
  }
  .bercol-lg-7{
    flex: 0 0 calc(100%/7);
    max-width: calc(100%/7);
  }
  .bercol-lg-8{
    flex: 0 0 calc(100%/8);
    max-width: calc(100%/8);
  }
  .bercol-lg-9{
    flex: 0 0 calc(100%/9);
    max-width: calc(100%/9);
  }
  .bercol-lg-10{
    flex: 0 0 calc(100%/10);
    max-width: calc(100%/10)
  }
  .bercol-lg-11{
    flex: 0 0 calc(100%/11);
    max-width: calc(100%/11);
  }
  .site-branding{
    flex: 0 0 10%;
  }
  .main-navigation{
    flex: 0 0 65%;
    display: block;
  }
  .main-navigation ul{
    justify-content: center;
  }
  .left-nav-container{
    flex: 0 0 25%; 

  }
  .site-branding a{
    display: block;
    width: 100px;
  } 
  .topmenu a{
    font-size: 16px;  
    line-height: 150%;
    display: flex;
    color: var(--font-color); 
    font-weight: 600;
    align-items: center;
  }
  .menu-item-has-children  > .sub-menu {
    width: 250px;
    display: flex;
    flex-wrap: wrap; 
    justify-content: flex-start;
    border: 1px solid #ececec;
    flex-direction: column;
  }
  .menu-item-has-children > a:after{
    content:'';
    width: 0; 
    height: 0; 
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; 
    border-top: 5px solid #000;
    margin-left: 5px;
  } 
  .submenu-about.menu-item-has-children  > .sub-menu {
    display: flex;
    flex-wrap: wrap;
    width: 650px;
    justify-content: flex-start;
    border: 1px solid #ececec;
    flex-direction: row;
  }
  .submenu-about.menu-item-has-children  .sub-menu li{
    flex-basis: 50%;
  }
  .submenu-about.menu-item-has-children  .sub-menu li a {
    font-size: 14px;
  }
  .topmenu > li{
    padding:15px 20px;
  }
  .main-navigation ul ul a{
    width: auto;
  }
  ul.topmenu ul a {
    font-size: 14px;
    padding: 10px 15px;
  }
  ul.topmenu ul a:hover{
    background: #fff2eb;
    color: var(--main-color);
  }

  .site-footer .site-info{
    padding: 50px 0;
  }
  .page-content-container{
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
 

}
 

.btn-orange a{
  background: var(--main-color);
  color: #fff !important; 
  padding: 10px 20px;
}
.btn-orange a:hover{
  background: #404040;
}
@media (max-width: 1199px) {
  body #wpadminbar{
    display: none !important;
  } 
  .menu-toggle{
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
  }
  .menu-toggle:active, .menu-toggle:focus, .menu-toggle:focus-visible{
    outline: none;
  }
  .menu-toggle span{
    display: block;
    border-radius: 3px;
    background: #404040;
    height: 3px;
    width: 30px;
    margin-bottom: 6px;
  }
  .menu-toggle:before,   .menu-toggle:after{
    content: '';
    background: #404040;
    height: 3px;
    width: 30px; 
    display: block;
  }
  .menu-toggle:before{ 
    margin-bottom: 6px; 
  }
  .menu-toggle:after{  
    width: 25px; 
  }
  .mobile-menu{
    display: block;
    position: fixed;
    width: 100%;
    left: -1000px;
    top: 0;
    bottom: 0; 
    transition: all 0.8s ease-in-out;
    opacity: 0;
  }
  .menu-shade{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:0;
    transition: all 0.8s ease-in-out;
  }
  .menu-shade.show{
    z-index: 999;
    opacity: 1;
    transition: all 0.8s ease-in-out;
    background: rgba(0, 0, 0, 0.40); 
  }
  .mobile-menu-content{
    width: 400px;
    background: var(--main-color);
    height: 100%;
    padding: 20px 20px;
  }
  .mobile-menu.active-menu{
    left: 0;
    z-index: 1000;
    display: block;
    right: 0;
    transition: all 0.8s ease-in-out;
    opacity: 1;
  }
  .menu-active{
    overflow: hidden;
    height: 100%;
  }
  .btn-close-menu{
    position: relative;
    background-color: transparent;
    border: 0;
    height: 30px;
    width: 30px;
    padding: 0;
  }
  .btn-close-menu:before,  .btn-close-menu:after{
    width: 30px;
    height: 3px;
    content: ''; 
    background: #fff;
    display: block;
    position:absolute;
    top: auto;
    left: 0;
  }
  .btn-close-menu:before { 
    transform: rotate(45deg); 
  }
  .btn-close-menu:after{ 
    transform: rotate(135deg); 
  }
  .mobile-navigation{
    padding-top: 10px;
    height: auto;
    overflow: hidden;
  }
  #mobile-menu{
   padding: 0;
   margin: 0; 
  }
  #mobile-menu{
    list-style: none;
  }
  #mobile-menu ul.sub-menu{
    background-color: transparent;
    margin-left: 0;
    list-style: none;
    padding: 0 ;
  } 
  #mobile-menu ul.sub-menu li{
    display: flex;
    align-items: center;
    padding-left:20px ;
  }
 
  #mobile-menu li a{
    color: #fff;
    padding:  10px;
    font-size: 16px;
    display: block;
  }
  .mobile-wa-container{
    display: none;
  }
  .site-info{
    padding:40px 0
  } 
  .top-mobile-menu{
    margin-bottom: 30px;
  }
  .submenu-product.menu-item-has-children > .sub-menu{
    width: 100%;
    border: 0;
  }
  #mobile-menu ul.sub-menu li{
    padding-left: 10px;
  }
  #mobile-menu li a { 
    display: flex;
  }
  #mobile-menu ul.sub-menu li:before{
    display: none;
  }
  .submenu-product.menu-item-has-children .sub-menu li{
    flex: 0 0 100%;
  }
  #mobile-menu .sub-menu  li  a:before {
    background-color: #fff;
    border-radius: 50%;
    flex: 0 0 23px;
  }
  .product-slider{
    padding: 0;
  }
  .slick-prev.slick-arrow{
    left: -30px;
  }
  .slick-next.slick-arrow{
    right: -30px;
  }
  .mobile-navigation .menu-item-has-children{
    position: relative;
  }
  .menu-item-has-children .has-arrow-submenu{
    position: absolute;
    top: 10px;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    padding: 8px 8px;
    border-radius: 5px;
  }
  .mobile-navigation .menu-item-has-children .sub-menu{
    height: 1px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .menu-item-has-children .has-arrow-submenu::before{
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    border-right: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    transform: rotate(45deg);
  }
  .has-arrow-submenu.show-submenu::before{
    transform: rotate(-45deg);
  }
  .mobile-navigation .menu-item-has-children .sub-menu.active-sub{
    height: auto;
    transition: all 0.5s ease-in-out;
    opacity: 1;
  }
  .site-branding a img{
    height: auto;
  }
}
@media (max-width: 767px) {
	header .container {
    max-width: 100%;
	}
  .uagb-container-inner-blocks-wrap, .seo-content-container {
    max-width: 100% !important;
  }
  .top-mobile-menu{
    margin-bottom: 0;
  }
  .hotline-left{
    justify-content: space-between;
  }
  .sosmed-list{
    justify-content: center;
    padding: 10px 0 0;
  }
  .left-nav-container{
    display: none;
  }
  .site-branding{
    flex:0 0 30%
  }
  .mobile-menu-content{
    width: 100%;
    overflow-x: scroll;
  }
  .site-branding{
    padding: 10px 0;
  }
  .admin-bar header.fixed{
      top: 0;
  }
  .site-info{
    padding-top: 30px;
    background-size: 150px;
  }
  .site-copyright{
    padding: 30px 15px;
  }
  footer .sosmed-list li a{
    width: 30px;
    height: 30px;
  }
  .mobile-wa-container{
    display: flex;
    padding: 10px 0  ;
    margin: 0 -20px;
    background: rgba(255,255,255,0.3);
  } 
  .lang-container li a{
    color: #404040;
  }
  .lang-container .current-lang a{
    color: #FFF;
  }
  .lang-container li:first-child:after{
    color: #fff;
  }
  .whatsaaps_number-container .whatsapp-btn{
    margin: 0;
    width: 100%;
    justify-content: center;
  }
  .wa-top-container{
    flex: 0 0 50%;
    padding-right: 20px;
  }
  .lang-container{
    flex: 0 0 50%;
    margin: 0;
    justify-content: center;
  }
  .mobile-brand{
    margin-bottom: 10px;
  }  
  .uagb-post__arrow-outside.uagb-post-grid .slick-prev, .uagb-slick-carousel.uagb-tm__arrow-outside .slick-prev{
    left: 0 !important;
  }
  .uagb-post__arrow-outside.uagb-post-grid .slick-next, .uagb-slick-carousel.uagb-tm__arrow-outside .slick-next{
    right: 0 !important;
  }
 
  .mpm-testimony .uagb-tm__content .uagb-tm__desc{ 
    margin: 0;
  }

  .product-slider{
    padding: 0;
  }
  .slick-prev.slick-arrow{
    left:-10px;
  }
  .slick-next.slick-arrow{
    right:-10px;
  
  }

}