/* Universal */ 
.cspost-lg-m32vh{
  top: -32vh !important;
}
.csposb-lg-m1px{
  bottom: -1px !important;
}
.cspose-lg-m1px{
  right: -1px !important;
}
.compInfo{
  display: inline-block;
  position: relative;
  /*padding: 2vh 2vw 2vh 3.5vw;*/
  padding: 1.2vh 2vw 1.2vh 3.2vw;
  background: #FFFFFF;
  border: 0.1vw solid #ABC1D3;
  border-radius: 50vw;
}
.compInfo::before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5vw;
  width: 0.8vw;
  height: 0.8vw;
  background: #FA702C;
  border-radius: 50vw;
}
.compInfo h2{}
.compInfo.compInfoWhite{
  background: transparent;
}
.compInfo.compInfoWhite h2{
  color: #F7F7F7;
}
.compInfo.compInfoPath{
  padding: 0 0 0 2vw;
  background: transparent;
  border: none;
}
.compInfo.compInfoPath::before{
  left: 0;
}
.compInfo.compInfoPath h2{}
.compInfo.compInfoPath h2 a{
  color: #231F20 !important;
}
.compInfo.compInfoPath h2 a.bold{
  font-family:"manrope-bold" !important;
}
.compInfo.compInfoPath h2 a:hover{
  color: #707480 !important;
}
.compInfo.compInfoPath h2 span{
  margin: 0 0.5vw;
  color: #231F20 !important;
}
.compInfo.compInfoPath.csfnt-white h2 a{
  color: #F7F7F7 !important;
}
.compInfo.compInfoPath.csfnt-white h2 span{
  font-family: "dmsans-regular" !important;
  color: #F7F7F7 !important;
}
.compInfo.compInfoSticky h2{  
  color: #707480 !important;
}
.compInfo.compInfoSticky h2 span{
  display: inline-block;
  font-family: "manrope-bold" !important;
  font-size: 0.98vw !important;
  line-height: 3.1vh !important;
  color: #FA702C !important;
}
.compItemLogo{
  text-align: center;
}
.compItemLogo .item{
  margin: 0 2% 5vh;
}
.compItemLogo .item img{}
.compItemLogo .item h4{}
.compItemLogo .item p{}
.compItemPerson{}
.compItemPerson .item{
  margin: 0 2% 5vh;
}
.compItemPerson .item .ava{}
.compItemPerson .item h4{
  margin-bottom: 1.5vh;
}
.compItemPerson .item p{}
.compItemPerson .item ul{}
.compItemPerson .item ul li{}
.compItemPerson .item ul li a{}
.compItemPerson .item ul li a img{
  width: 2.5vw;
}
.compLogo .item{
  margin: 0 1% 3vh;
  width: 22%;
}
.compLogo .item:hover{}
.compLogo .item .logoImage{
  transform: scale(1);
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo .item:hover .logoImage{
  transform: scale(1.15);
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo .item .info{
  top: 100%;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo .item:hover .info{
  top: 75%;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo .item .info h5{
  font-size: 0.95vw !important;
  line-height: 2.5vh !important;
}
.compLogo .item:hover .info h5{}
.compLogo .item .info p{
  display: none !important;
  font-family:"figtree-medium" !important;
}
.compLogo .item:hover .info p{}
.compLogo .item::before,
.compLogo .item::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F7F7F7;
}
.compLogo .item::before{
  z-index: 1;
  mix-blend-mode: multiply;
}
.compLogo .item::after{
  z-index: 2;
  transform: scale(1);
  mix-blend-mode: hue;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo .item:hover::after{
  transform: scale(1.15);
  mix-blend-mode: darken;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compLogo.clColor .item::after{
  background: transparent;
  mix-blend-mode: unset;
}
.compGallery .cgOverlay,
.compGallery .cgOrnament,
.compGallery .csbtn-careers{
  opacity: 0;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compGallery .cgDesc{
  display: none !important;
  opacity: 0;
  bottom: -20vh;
  /*transition: .8s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compGallery:hover .cgOverlay,
.compGallery:hover .cgOrnament,
.compGallery:hover .csbtn-careers{
  opacity: 1;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compGallery:hover .cgDesc{
  opacity: 1;
  bottom: 3vh;
  /*transition: .8s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compMap{
  position: relative;
  z-index: 2;
}
.compMap .mapOrnament{}
.compMap .mapDef,
.compMap .mapSlider{
  opacity: 0;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compMap .mapDef.active,
.compMap .mapSlider.active{
  opacity: 1;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.compMap .mapDefPoint{
  display: none;
}
.compMap .mapPoint{
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50vw;
  cursor: pointer;
}
.compMap .mpdef{
  z-index: 0;
}
.compMap .mpdef.active{
  z-index: 1;
}
.compMap .mapPoint.ptgold,
.compMapCard .ctgold{background: #FFDE37;}
.compMap .mapPoint.ptplantation,
.compMapCard .ctplantation{background: #72B544;}
.compMap .mapPoint.ptthermalcoal,
.compMapCard .ctthermalcoal{background: #707480;}
.compMap .mapPoint.ptoffice{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/map/bgoffice.svg');background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important;}
.compMapCard .ctoffice{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/csbtn-def-hover.svg');background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important;}
.compMap .mapPoint.ptcokingcoal,
.compMapCard .ctcokingcoal{background: #707480;}
.compMap .mapPoint.ptcoalport,
.compMapCard .ctcoalport{background: #82350F;}
.compMap .mapPoint.ptquarrymine,
.compMapCard .ctquarrymine{background: #155BAD;}
.compMap .mapPoint.pt1{top: 36.1%;left: 6.88%;}
.compMap .mapPoint.pt2{top: 38.4%;left: 8.45%;}
.compMap .mapPoint.pt3{top: 40.35%;left: 10.37%;}
.compMap .mapPoint.pt4{top: 53.1%;left: 19.8%;}
.compMap .mapPoint.pt5{top: 55.85%;left: 22.5%;}
.compMap .mapPoint.pt6{top: 47.75%;left: 42.7%;}
.compMap .mapPoint.pt7{top: 49.15%;left: 43.6%;}
.compMap .mapPoint.pt8{top: 46.89%;left: 47.7%;}
.compMap .mapPoint.pt9{top: 48.65%;left: 47.55%;}
.compMap .mapPoint.pt10{top: 50.26%;left: 46.3%;}
/*.compMap .mapPoint.pt11{top: 47.57%;left: 47.16%;}*/
.compMap .mapPoint.pt12{top: 48.37%;left: 48.5%;}
.compMap .mapPoint.pt13{top: 44.6%;left: 54.86%;}
.compMap .mapPoint.pt14{top: 59.93%;left: 27.93%;}
.compMap .mapPoint.pt15{top: 47.7%;left: 47.94%;}
.compMap .mapPointActive{width: 4vw !important;}
.compMap .mapPointActive.mpa1{top: 34%;left: 5.7%;}
.compMap .mapPointActive.mpa2{top: 36.4%;left: 7.3%;}
.compMap .mapPointActive.mpa3{top: 38.35%;left: 9.2%;}
.compMap .mapPointActive.mpa4{top: 51%;left: 18.6%;}
.compMap .mapPointActive.mpa5{top: 53.85%;left: 21.3%;}
.compMap .mapPointActive.mpa6{top: 45.75%;left: 41.5%;}
.compMap .mapPointActive.mpa7{top: 47.15%;left: 42.5%;}
.compMap .mapPointActive.mpa8{top: 44.89%;left: 46.6%;}
.compMap .mapPointActive.mpa9{top: 46.65%;left: 46.4%;}
.compMap .mapPointActive.mpa10{top: 48.26%;left: 45.2%;}
.compMap .mapPointActive.mpa11{top: 45.57%;left: 46%;}
.compMap .mapPointActive.mpa12{top: 46.37%;left: 47.3%;}
.compMap .mapPointActive.mpa13{top: 42.6%;left: 53.6%;}
.compMap .mapPointActive.mpa14{top: 58.7%;left: 26.7%;}
.compMap .mapPointActive.mpa15{top: 46.5%;left: 46.8%;}
.compMapCardWrap{max-width: 55vw;}
.compMapCardWrap.cmcw1{top: 38%;left: 11%;}
.compMapCardWrap.cmcw2{top: 38.4%;left: 9.45%;}
.compMapCardWrap.cmcw3{top: 39.35%;left: 11.37%;}
.compMapCardWrap.cmcw4{top: 49.25%;left: 21.3%;}
.compMapCardWrap.cmcw5{top: 54.85%;left: 23.5%;}
.compMapCardWrap.cmcw6{top: 46.75%;left: 45.7%;}
.compMapCardWrap.cmcw7{top: 48.15%;left: 44.6%;}
.compMapCardWrap.cmcw8{top: 45.89%;left: 48.7%;}
.compMapCardWrap.cmcw9{top: 47.65%;left: 48.55%;}
.compMapCardWrap.cmcw10{top: 49.26%;left: 47.3%;}
.compMapCardWrap.cmcw11{top: 46.57%;left: 48.16%;}
.compMapCardWrap.cmcw12{top: 47.37%;left: 49.5%;}
.compMapCardWrap.cmcw13{top: 43.6%;left: 55.86%;}
.compMapCardWrap.cmcw14{top: 58.93%;left: 28.93%;}
.compMapCardWrap.cmcw15{top: 46.7%;left: 48.94%;}
.compMapCard{
  background: #FFFFFF;
  border: 0.1vw solid #ABC1D3;
}
.compMapCard .info .mapicon{
  position: absolute;
  top: 1vh;
  right: 0.8vw;
  width: 3vw;
  height: 3vw;
}
.compMapCard .info .cat{
  padding: 0.2vh 1.2vw;
  border: 0.1vw solid #707480;
}
.compMapCard .info .loc{
  position: relative;
}
.compMapCard .info .loc p{
  position: absolute;
  top: 0.4vh;
  left: 3vh;
  font-family: "figtree-medium" !important;
  line-height: 2vh !important;
}
.compMap .mapSlider .owl-nav{
  margin: unset !important;
  top: unset;
  transform: unset;
  left: unset;
  bottom: 70vh;
  right: 5vw;
  width: 19vw;
}
.compMap .mapSlider .owl-nav button span{
  background: #155BAD;
}
.compMap .mapSlider .owl-nav button span.owlarrowleft::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-left-hover.svg');}
.compMap .mapSlider .owl-nav button span.owlarrowright::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-right-hover.svg');}
#businessmapmodal .compMap .mapSlider .owl-nav{bottom: -10vh;}
.modalHome{}
.modalHome .modal-dialog{
margin: 0;
max-width: 100vw;
width: 100vw;
height: 100vh;
}
.modalHome .modal-dialog .modal-content{
background: transparent;
border: none;
}
.modalHome .modal-dialog .modal-content .modal-body{
  max-width: max-content;
  max-height: max-content;
}
.modalHome .modal-dialog .modal-content .modal-body img{}
.modalHome .modal-dialog .modal-content .modal-body .csbtn-careers{
  width: 3vw;
  height: 3vw;
}
.csaccordion{}
.csaccordion .csaccordionItem{
  position: relative;
  margin-bottom: 2vh;
  border-radius: 1.5vw;
  overflow: hidden;
}
.csaccordion .csaccordionItem .csaccordionHeader{
  width: 100%;
  height: 10vh;
  border-radius: 1.5vw;
  cursor: pointer;
}
.csaccordion .csaccordionItem .csaccordionHeader h4{
  position: absolute;
  bottom: 0;
  left: 2vw;
}
.csaccordion .csaccordionItem .csaccordionHeader h5{
  position: absolute;
  bottom: 1.5vh;
  right: 1vw;
  width: 3.8vw;
  height: 3.8vw;
  text-align: center;
  border-radius: 50vw;
  background: #F7F7F7;
}
.csaccordion .csaccordionItem.active .csaccordionHeader h4{
  display: none;
}
.csaccordion .csaccordionItem.active .csaccordionHeader h5{
  bottom: 5vh;
  right: 2.5vw;
}
.csaccordion .csaccordionItem .csaccordionHeader span{
  font-family:"parkinsanswght" !important;
  font-size:1.16vw !important;
  line-height:3vh !important;
  letter-spacing:0 !important;
  color:#22282B !important;
}
.csaccordion .csaccordionItem:nth-child(1) .csaccordionHeader{
  background: #7AB94F;
}
.csaccordion .csaccordionItem:nth-child(2) .csaccordionHeader{
  background: #FA7939;
}
.csaccordion .csaccordionItem:nth-child(3) .csaccordionHeader{
  background: #2365B2;
}
.csaccordion .csaccordionItem .csaccordionHeader:hover{}
.csaccordion .csaccordionItem.active .csaccordionHeader{
  position: absolute !important;
  bottom: 0;
  background: transparent;
}
.csaccordion .csaccordionItem .accordion-content{
  opacity: 0;
  height: 0;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.csaccordion .csaccordionItem.active .accordion-content{
  opacity: 1;
  height: 60vh;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.csaccordion .csaccordionItem .accordion-content::before{
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.csaccordion .csaccordionItem:nth-child(1) .accordion-content::before{
  background: linear-gradient(180deg, rgba(114, 181, 68, 0) 0%, rgba(114, 181, 68, 1) 70%, rgba(114, 181, 68, 1) 100%);
}
.csaccordion .csaccordionItem:nth-child(2) .accordion-content::before{
  background: linear-gradient(180deg, rgba(250, 112, 44, 0) 0%, rgba(250, 112, 44, 1) 70%, rgba(250, 112, 44, 1) 100%);
}
.csaccordion .csaccordionItem:nth-child(3) .accordion-content::before{
  background: linear-gradient(180deg, rgba(21, 91, 173, 0) 0%, rgba(21, 91, 173, 1) 70%, rgba(21, 91, 173, 1) 100%);
}
.csaccordion .csaccordionItem .accordion-content::after{
  content: '';
  position: absolute;
  z-index: 2;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 96%;
  height: 96%;
  border-radius: 1.5vw;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1vw solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
}
.mediaSection .media1{}
.mediaSection .media2{
  width: 19.3vw !important;
}
.mediaSection .media3{
  width: 19.3vw !important;
}
.mediaSection .media4{
  width: 40vw !important;
}
.mediaSection .media5{}
.wrapSticky{}
.wrapSticky .menuSticky{}
.wrapSticky .menuSticky ul{}
.wrapSticky .menuSticky ul li,
.cspg-culture .wrapSticky .menuSticky ul li:last-child{
  width: 92%;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.wrapSticky .menuSticky ul li:hover,
.wrapSticky .menuSticky ul li.active,
.wrapSticky .menuSticky ul li:last-child{
  width: 98%;
  /*transition: .5s all;*/
  transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
}
.wrapSticky .menuSticky ul li a,
.cspg-culture .wrapSticky .menuSticky ul li:last-child a{
  display: block;
  margin-bottom: 1.5vh;
  padding: 1.3vh 1.2vw;
  color: rgba(84, 89, 104, 0.75) !important;
  background: #EAEEF1;
  border: 0.1vw solid rgba(171, 193, 211, 1);
  border-radius: 50vw;
}
.wrapSticky .menuSticky ul li:last-child a{
  border: unset;
}
.wrapSticky .menuSticky ul li:hover a,
.wrapSticky .menuSticky ul li.active a{
  color: #000000 !important;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
}
.wrapSticky .menuSticky li .csbtn.download{
  padding: 3vh 2vw;
  color: #F7F7F7 !important;
  background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/csbtn-def.svg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.wrapSticky .menuSticky li .csbtn.download:hover{
  background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/csbtn-def-hover.svg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  color: #F7F7F7 !important;
}
.wrapSticky .itemSticky{}
.wrapSticky .itemSticky.active{}
.numberSticky p{
  font-family:"parkinsans-light" !important;
  /* font-size: 12px !important;line-height: 25px !important;letter-spacing:0px !important;color: #231F20 !important; */
  font-size:0.8vw !important;line-height:1.6vh !important;letter-spacing:0 !important;color: #231F20 !important;
}
.numberSticky p span{
  font-family:"parkinsans-bold" !important;
  /* font-size: 12px !important;line-height: 25px !important;letter-spacing:0px !important;color: #231F20 !important; */
  font-size:0.8vw !important;line-height:1.6vh !important;letter-spacing:0 !important;color: #231F20 !important;
}
.numberSticky.csfnt-lg-white p,
.numberSticky.csfnt-lg-white p span{
  color: #F7F7F7 !important;
}
@media screen and (max-width: 846px){
  .cspost-lg-m32vh{}
  .csposb-lg-m1px{}
  .cspose-lg-m1px{}
  .compInfo{
    padding: 2vh 8vw 2vh 15vw;
    max-width: 80%;
  }
  .compInfo::before{
    left: 7vw;
    width: 4.5vw;
    height: 4.5vw;
  }
  .compInfo h2{}
  .compInfo.compInfoWhite{}
  .compInfo.compInfoWhite h2{}
  .compInfo.compInfoPath{
    padding: 0 0 0 7vw;
  }
  .compInfo.compInfoPath::before{}
  .compInfo.compInfoPath h2{}
  .compInfo.compInfoPath h2 a{}
  .compInfo.compInfoPath h2 a.bold{}
  .compInfo.compInfoPath h2 a:hover{}
  .compInfo.compInfoPath h2 span{}
  .compInfo.compInfoPath.csfnt-white h2 a{}
  .compInfo.compInfoPath.csfnt-white h2 span{}
  .compInfo.compInfoSticky h2{  }
  .compInfo.compInfoSticky h2 span{
    font-family: "dmsans-regular" !important;
    font-size: 4.9vw !important;
    line-height: 3.5vh !important;
    color: #707480 !important;
  }
  .compItemLogo{}
  .compItemLogo .item{}
  .compItemLogo .item img{}
  .compItemLogo .item h4{}
  .compItemLogo .item p{}
  .compItemPerson{}
  .compItemPerson .item{}
  .compItemPerson .item .ava{}
  .compItemPerson .item h4{}
  .compItemPerson .item p{}
  .compItemPerson .item ul{}
  .compItemPerson .item ul li{}
  .compItemPerson .item ul li a{}
  .compItemPerson .item ul li a img{}
  .compLogo .item{
    margin: 0 1% 3vh;
    width: 47%;
  }
  .compLogo .item:hover{}
  .compLogo .item .logoImage{
    transform: scale(1.15);
  }
  .compLogo .item:hover .logoImage{}
  .compLogo .item .info{
    top: 70%;
  }
  .compLogo .item:hover .info{
    top: 70%;
  }
  .compLogo .item .info h5{
    font-size: 3vw !important;
    line-height: 2vh !important;
  }
  .compLogo .item:hover .info h5{}
  .compLogo .item .info p{
    font-size: 2.8vw !important;
    line-height: 2vh !important;
  }
  .compLogo .item:hover .info p{}
  .compLogo .item::before,
  .compLogo .item::after{}
  .compLogo .item::before{}
  .compLogo .item::after{
    transform: scale(1.15);
    mix-blend-mode: darken;
  }
  .compLogo .item:hover::after{}
  .compLogo.clColor .item::after{}
  .compGallery .cgOverlay,
  .compGallery .cgOrnament,
  .compGallery .csbtn-careers{}
  .compGallery .cgDesc{display: none !important;}
  .cspg-media .compGallery .cgOverlay,
  .cspg-media .compGallery .cgOrnament,
  .cspg-media .compGallery .csbtn-careers{
    opacity: 1 !important;
  }
  .cspg-media .compGallery .cgDesc{
    opacity: 1 !important;
  }
  .compGallery:hover .cgOverlay,
  .compGallery:hover .cgOrnament,
  .compGallery:hover .csbtn-careers{}
  .compGallery:hover .cgDesc{}
  .compMap{}
  .compMap .mapOrnament{}
  .compMap .mapDef,
  .compMap .mapSlider{}
  .compMap .mapDef.active,
  .compMap .mapSlider.active{}
  .compMap .mapDefPoint{}
  .compMap .mapPoint{}
  .compMap .mpdef{}
  .compMap .mpdef.active{}
  .compMap .mapPoint.ptgold,
  .compMapCard .ctgold{}
  .compMap .mapPoint.ptplantation,
  .compMapCard .ctplantation{}
  .compMap .mapPoint.ptthermalcoal,
  .compMapCard .ctthermalcoal{}
  .compMap .mapPoint.ptoffice{}
  .compMapCard .ctoffice{}
  .compMap .mapPoint.ptcokingcoal,
  .compMapCard .ctcokingcoal{}
  .compMap .mapPoint.ptcoalport,
  .compMapCard .ctcoalport{}
  .compMap .mapPoint.ptquarrymine,
  .compMapCard .ctquarrymine{}
  .compMap .mapPoint.pt1{}
  .compMap .mapPoint.pt2{}
  .compMap .mapPoint.pt3{}
  .compMap .mapPoint.pt4{}
  .compMap .mapPoint.pt5{}
  .compMap .mapPoint.pt6{}
  .compMap .mapPoint.pt7{}
  .compMap .mapPoint.pt8{}
  .compMap .mapPoint.pt9{}
  .compMap .mapPoint.pt10{}
  /*.compMap .mapPoint.pt11{}*/
  .compMap .mapPoint.pt12{}
  .compMap .mapPoint.pt13{}
  .compMap .mapPoint.pt14{}
  .compMap .mapPoint.pt15{}
  .compMap .mapPointActive{}
  .compMap .mapPointActive.mpa1{}
  .compMap .mapPointActive.mpa2{}
  .compMap .mapPointActive.mpa3{}
  .compMap .mapPointActive.mpa4{}
  .compMap .mapPointActive.mpa5{}
  .compMap .mapPointActive.mpa6{}
  .compMap .mapPointActive.mpa7{}
  .compMap .mapPointActive.mpa8{}
  .compMap .mapPointActive.mpa9{}
  .compMap .mapPointActive.mpa10{}
  .compMap .mapPointActive.mpa11{}
  .compMap .mapPointActive.mpa12{}
  .compMap .mapPointActive.mpa13{}
  .compMap .mapPointActive.mpa14{}
  .compMap .mapPointActive.mpa15{}
  .compMapCardWrap{
    margin: 0 auto;
    max-width: 80vw;
    width: 80vw;
  }
  .compMapCardWrap.cmcw1{}
  .compMapCardWrap.cmcw2{}
  .compMapCardWrap.cmcw3{}
  .compMapCardWrap.cmcw4{}
  .compMapCardWrap.cmcw5{}
  .compMapCardWrap.cmcw6{}
  .compMapCardWrap.cmcw7{}
  .compMapCardWrap.cmcw8{}
  .compMapCardWrap.cmcw9{}
  .compMapCardWrap.cmcw10{}
  .compMapCardWrap.cmcw11{}
  .compMapCardWrap.cmcw12{}
  .compMapCardWrap.cmcw13{}
  .compMapCardWrap.cmcw14{}
  .compMapCardWrap.cmcw15{}
  .compMapCard{}
  .compMapCard .info{
    padding: 2vh 3vw;
    width: 52.4vw !important;
  }
  .compMapCard .info .mapicon{
    top: 1vh;
    right: 5vw;
    width: 10vw;
    height: 10vw;
  }
  .compMapCard .info .cat{
    padding: 0.5vh 3vw;
    font-size: 3.5vw !important;
    line-height: 3.5vh !important;
    letter-spacing: 0 !important;
  }
  .compMapCard .info h3{
    font-size: 4.5vw !important;
    line-height: 3.2vh !important;
    letter-spacing: 0 !important;
  }
  .compMapCard .info .loc p{
    /*
    position: unset;
    top: unset;
    left: unset;
    */
    top: 50%;
    transform: translateY(-50%);
    left: 5vw;
    width: 90%;
    font-size: 3vw !important;
    line-height: 2vh !important;
    letter-spacing: 0 !important;
  }
  .compMap .mapSlider .owl-nav{}
  .compMap .mapSlider .owl-nav button span{}
  .compMap .mapSlider .owl-nav button span.owlarrowleft::after{}
  .compMap .mapSlider .owl-nav button span.owlarrowright::after{}
  .mapSliderMobile .item{}
  .mapSliderMobile .item .csbtn-def{
      display: none !important;
  }
  .mapSliderMobile .owl-nav{
    /*margin: unset !important;*/
    top: 83vh !important;
    transform: unset !important;
    /*left: 7vw;*/
    width: 40vw !important;
  }
  .cspg-about-us .businessmapSection .mapSliderMobile .owl-nav{
    top: 87vh !important;
    left: 4vw;
  }
  .modal-dialog .modal-content .modal-body .mapSliderMobile .owl-nav{
    top: 77vh !important;
    left: 3vw;
  }
  .mapSliderMobile .owl-nav button{}
  .mapSliderMobile .owl-nav button:hover{}
  .mapSliderMobile .owl-nav button span{
    width: 14.4vw;
    height: 14.4vw;
  }
  .mapSliderMobile .owl-nav button span::after{}
  .mapSliderMobile .owl-nav button span.owlarrowleft{}
  .mapSliderMobile .owl-nav button span.owlarrowright{}
  .mapSliderMobile .owl-nav button span.owlarrowleft::after{}
  .mapSliderMobile .owl-nav button:hover span.owlarrowleft::after{}
  .mapSliderMobile .owl-nav button span::before{}
  .mapSliderMobile .owl-nav button:hover span::before{}
  .mapSliderMobile .owl-nav button span.owlarrowright::after{}
  .mapSliderMobile .owl-nav button:hover span.owlarrowright::after{}
  .mapSliderMobile .owl-dots{
    display: none;
  }
  
  
  
  
  .mapSliderMobileDetail .owl-nav{
    top: unset !important;
    bottom: 0;
    width: 100% !important;
    height: 100%;
  }
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav{
    top: unset !important;
    bottom: 0;
    left: -5% !important;
    width: 110% !important;
    height: 100%;
  }
  .mapSliderMobileDetail .owl-nav button span,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button span{
     top: 50%;
     transform: translateY(-50%);
     background: transparent;
     border: unset;
  }
  .mapSliderMobileDetail .owl-nav button span.owlarrowleft{
     left: -2vw;
  }
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button span.owlarrowleft{
     left: -1%;
  }
  .mapSliderMobileDetail .owl-nav button span.owlarrowright{
     right: -2vw;
  }
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button span.owlarrowright{
     right: -1%;
  }
  .mapSliderMobileDetail .owl-nav button span.owlarrowleft::after,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button span.owlarrowleft::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-left-1.svg');}
  .mapSliderMobileDetail .owl-nav button:hover span.owlarrowleft::after,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button:hover span.owlarrowleft::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-left-1.svg');}
  .mapSliderMobileDetail .owl-nav button:hover span::before,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button:hover span::before{background: transparent !important;}
  .mapSliderMobileDetail .owl-nav button span.owlarrowright::after,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button span.owlarrowright::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-right-1.svg');}
  .mapSliderMobileDetail .owl-nav button:hover span.owlarrowright::after,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-nav button:hover span.owlarrowright::after{background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/arrow-slider-right-1.svg');}
  .mapSliderMobileDetail .owl-dots,
  .cspg-about-us .businessmapSection .mapSliderMobileDetail .owl-dots{
    display: none;
  }
  
  
  
  
  
  #businessmapmodal .compMap .mapSlider .owl-nav{}
  .modalHome{}
  .modalHome .modal-dialog{}
  .modalHome .modal-dialog .modal-content{}
  .modalHome .modal-dialog .modal-content .modal-body{}
  .modalHome .modal-dialog .modal-content .modal-body img{}
  .modalHome .modal-dialog .modal-content .modal-body .csbtn-careers{
    width: 10vw;
    height: 10vw;
  }
  .csaccordion{}
  .csaccordion .csaccordionItem{
    border-radius: 7vw;
  }
  .csaccordion .csaccordionItem .csaccordionHeader{}
  .csaccordion .csaccordionItem .csaccordionHeader h5{
    width: 15vw;
    height: 15vw;
  }
  .csaccordion .csaccordionItem.active .csaccordionHeader h5{}
  .csaccordion .csaccordionItem .csaccordionHeader span{
    font-size: 4.5vw !important;
    line-height: 4vh !important;
    letter-spacing: 0 !important;
  }
  .csaccordion .csaccordionItem:nth-child(1) .csaccordionHeader{}
  .csaccordion .csaccordionItem:nth-child(2) .csaccordionHeader{}
  .csaccordion .csaccordionItem:nth-child(3) .csaccordionHeader{}
  .csaccordion .csaccordionItem .csaccordionHeader:hover{}
  .csaccordion .csaccordionItem.active .csaccordionHeader{}
  .csaccordion .csaccordionItem .accordion-content{}
  .csaccordion .csaccordionItem.active .accordion-content{}
  .csaccordion .csaccordionItem .accordion-content::before{}
  .csaccordion .csaccordionItem:nth-child(1) .accordion-content::before{}
  .csaccordion .csaccordionItem:nth-child(2) .accordion-content::before{}
  .csaccordion .csaccordionItem:nth-child(3) .accordion-content::before{}
  .csaccordion .csaccordionItem .accordion-content::after{
    border-radius: 7vw;
  }
  .mediaSection .media1{}
  .mediaSection .media2{}
  .mediaSection .media3{}
  .mediaSection .media4{}
  .mediaSection .media5{}
  .wrapSticky{}
  .wrapSticky .menuSticky{}
  .wrapSticky .menuSticky ul{}
  .wrapSticky .menuSticky ul li{}
  .cspg-culture .wrapSticky .menuSticky ul li:last-child{
    width: 98%;
  }
  .wrapSticky .menuSticky ul li a{
    margin-bottom: 1vh;
    padding: 2vh 8vw;
  }
  .cspg-culture .wrapSticky .menuSticky ul li:last-child a{
    display: block;
    margin-bottom: 1vh;
    padding: 2vh 8vw;
    color: #000000 !important;
    background: #FFFFFF;
    border: 0.1vw solid rgba(171, 193, 211, 1);
    border-radius: 50vw;
  }
  .wrapSticky .menuSticky ul li:hover a,
  .wrapSticky .menuSticky ul li.active a{}
  .wrapSticky .menuSticky li .csbtn.download{}
  .wrapSticky .menuSticky li .csbtn.download:hover{}
  .wrapSticky .itemSticky{}
  .wrapSticky .itemSticky.active{}
  .wrapSticky .dropdown-container{}
  .wrapSticky .dropdown-container .title{
    font-family: "cabinetgrotesk-bold" !important;
    font-size: 3.8vw !important;
    line-height: 3.5vh !important;
    letter-spacing: 0 !important;
  }
  .wrapSticky .dropdown-container .dropdown-toggle{
    font-size: 4.9vw !important;
    line-height: 3.5vh !important;
    letter-spacing: 0 !important;
    border: 0.1vw solid rgba(171, 193, 211, 1);
    -webkit-box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.05);
  }
  .wrapSticky .dropdown-container .dropdown-toggle::after{
    content: '';
    display: inline-block;
    position: absolute;
    margin-left: 0;
    vertical-align: unset;
    top: 50%;
    transform: translateY(-50%);
    right: 8vw;
    width: 5vw;
    height: 5vw;
    background: url(https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/careers-down.svg);
    background-repeat: no-repeat !important;
    background-position: 100% 0.4vh !important;
    background-size: 100% !important;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
  }
  .wrapSticky .dropdown-container .wrapdropdown-menu{
    display: block;
    position: absolute;
    z-index: -1;
    top: -5vh;
    left: 0;
    width: 100vw;
    height: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0.1vw solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89) !important;
  }
  .wrapSticky .dropdown-container .wrapdropdown-menu.active{
    height: 110vh;
    transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89) !important;
  }
  .wrapSticky .dropdown-container .dropdown-menu{
    position: absolute;
    width: 94vw;
    z-index: 999;
    background: unset;
    border: unset;
  }
  .wrapSticky .dropdown-container .dropdown-menu li{
    width: 100%;
  }
  .wrapSticky .dropdown-container .dropdown-menu li:first-child{
    display: none;
  }
  .wrapSticky .dropdown-container .dropdown-menu li a,
  .wrapSticky .dropdown-container .dropdown-menu li.active a,
  .wrapSticky .dropdown-container .dropdown-menu li a:hover{
    color: #000000 !important;
    background: #FFFFFF;
  }
  .numberSticky p,
  .numberSticky p span{
    font-size: 3vw !important;
    line-height: 2vh !important;
    letter-spacing: 0.4vh !important;
    color: #B6B6B6 !important;
  }
  .numberSticky p span{
    color: #231F20 !important;
  }
  .numberSticky.csfnt-lg-white p,
  .numberSticky.csfnt-lg-white p span{}
}

/* Component Poster */
.cscomp-poster{
  position: fixed;
  z-index: -100;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  opacity: 0;
  transition: all .3s;
}
.cscomp-poster.active{
  z-index: 1055;
  opacity: 1;
  transition: all .3s;
}
.cscomp-poster .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000;
  opacity: 0;
  transition: all .3s;
}
.cscomp-poster.active .overlay{
  opacity: 0.55;
  transition: all .3s;
}
.cscomp-poster .wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: 0;
  width: max-content;
  max-width: 92vw;
  transform: translate(-50%, -50%);
}
.cscomp-poster .close{
  top: -2vh;
  right: -2vw;
}
.cscomp-poster .image{
  display: block;
  max-width: 80vw;
  width: auto;
  max-height: 80vh;
  height: auto;
  object-fit: cover;
}
/* End Component Poster */

/* End Universal */

/* Navigation */
/* Content */
.csnav{
  top: 0;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 2vw;
  border-bottom-right-radius: 2vw;
}
.csnav.hide{
  top: -30vh;
  transition-duration: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease;
}
.csnav .navLogo .csimg{
  margin-right: 4.9vw;
  width: 16.7vw;
}
.csnav .navMenu{
  position: relative;
  margin: 0 auto;
  height: 8vh;
  border-radius: 50vw;
  /*background: rgba(19, 51, 77, 0.8);*/
}
.csnav .navMenu::after{
  content: '';
  position: absolute;
  z-index: -1;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50vw;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1vw solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
}
.csnav .navMenu ul{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0.5vh 0.3vw;
  height: 100%;
}
.csnav .navMenu ul li{
  position: relative;
  display: inline-block;
}
.csnav .navMenu ul li:last-child{
  display: none;
}
.csnav .navMenu ul li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 2.5vh 1.3vw;
  font-family:"manrope-medium" !important;
  font-size:1vw !important;
  line-height:100% !important;
  letter-spacing:0px !important;
  /*color: #F7F7F7 !important;*/
  color: #231F20 !important;
  border-radius: 50vw;
}
/*
.csnav .navMenu ul li.active a,
.csnav .navMenu ul li:hover a{
  background: radial-gradient(circle,rgba(247, 247, 247, 1) 65%, rgba(208, 221, 232, 1) 100%);
}
 */
.csnav .navMenu ul li.active a,
.csnav .navMenu ul li.active:hover a{
  color: #155BAD !important;
  background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/csbtn-nav.svg');
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover !important;
  cursor: unset !important;
}
.csnav .navMenu ul li:hover a{
  color: #231F20 !important;
  background: url(https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/navbutton.png);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover !important;
}
.csnav .navInfo{
  float: right;
  margin-top: 1.8vh;
}
.csnav .navInfo .csbtn-def.active{
  color: #F7F7F7 !important;
  background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/csbtn-def-hover.svg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.csnav .navInfo .csbtn-def.active p{
  color: #F7F7F7 !important;
}
.csnav .navInfo .csbtn-lang{
  margin: 0 0 0 0.5vw;
}
@media screen and (max-width: 846px){
  .mobileMenuSticky{
    top: 15vh;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .mobileMenuSticky.active{
    top: 5vh;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .csnav{
    padding: 3vh 6vw !important;
    border-bottom-left-radius: 5vw;
    border-bottom-right-radius: 5vw;
  }
  .csnav.hide{
    background: transparent;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
  .csnav .navLogo .csimg{
    float: left;
    margin-right: 0;
    width: 35vw;
  }
  .csnav .navBurger,
  .csnav .navClose{
    z-index: 0;
    width: 15vw;
    height: 15vw;
    background: unset !important;
    background-color: #FA702C !important;
  }
  .csnav .navBurger.active,
  .csnav .navClose.active{
    z-index: 1;
  }
  .csnav .navMenu{}
  .csnav .navMenu::after{}
  .csnav .navMenu ul{}
  .csnav .navMenu ul li{}
  .csnav .navMenu ul li a{}
  .csnav .navMenu ul li.active a,
  .csnav .navMenu ul li:hover a{}
  .csnav .navInfo{
    position: absolute;
    margin-top: 0;
    top: 57%;
    transform: translateY(-50%);
    right: 18vw;
    width: 15vw;
    height: 15vw;
  }
  .csnav .navInfo .csbtn-def.active{}
  .csnav .navInfo .csbtn-def.active p{}
  .csnav .navInfo .csbtn-lang{
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .csnav .navInfo .csbtn-lang p{
    font-size: 4.5vw !important;
    line-height: 100% !important;
    letter-spacing: 0px !important;
  }
  .csnavside{
    z-index: -1;
    top: 0;
    opacity: 0;
    background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/navigation-mobile.png');
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 100% 100% !important;
    /*
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
    overflow: hidden;
    */
  }
  .csnavside.active{
    z-index: 99;
    top: 0;
    opacity: 1;
    /*
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
    */
  }
  .csnavside .navLogo{}
  .csnavside .navLogo img{
    width: 35vw;
  }
  .csnavside .navClose{
    width: 15vw;
    height: 15vw;
  }
  .csnavside .menucontent{
    margin: 2vh auto !important;
  }
  .csnavside .menucontent ul{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .csnavside .menucontent ul li{}
  .csnavside .menucontent ul li a{
    display: inline-block;
    position: relative;
    padding: 2vh 5vw;
    font-family: "manrope-medium" !important;
    font-size: 6vw !important;
    line-height: 4vh !important;
    letter-spacing: 0 !important;
    color: #545968 !important;
    border-radius: 50vw;
    overflow: hidden;
  }
  .csnavside .menucontent ul li:hover a,
  .csnavside .menucontent ul li.active a{
    font-family: "manrope-bold" !important;
    color: #155BAD !important;
  }
  .csnavside .menucontent ul li a::before{  
    content: '';
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    /*transition: .5s all;*/
    transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
  }
  .csnavside .menucontent ul li:hover a::before,
  .csnavside .menucontent ul li.active a::before{
    background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/navbutton.png');
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: cover !important;
    /*transition: .5s all;*/
    transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
  }
}
/* End Navigation */

/* Footer */
.csft{
  height: 80vh;
  background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/footer.svg');
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.csft .csftLogo .csimg{
  width: 16.7vw;
}
.csft .compInfo{
  padding: 1.5vh 1.5vw 1.5vh 3.5vw;
}
.csft .wrapCopy .line{
  height: 0.1vh;
}
.csft .wrapCopy .copyright{
  font-family:"satoshi-medium" !important;
}
.csft .wrapCopy ul{}
.csft .wrapCopy ul li{}
.csft .wrapCopy ul li a{
  position: relative;
  display: block;
  margin: 0;
  font-family:"satoshi-medium" !important;
}
@media screen and (max-width: 846px){
  .csft{
    height: auto;
    background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/bg/mfooter.svg');
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: cover !important;
  }
  .csft .csftLogo .csimg{}
  .csft .compInfo{
    padding: 2vh 8vw 2vh 15vw;
    max-width: 100%;
  }
  .csft .csmgt-m-3vh{
    margin-top: 6.4vh !important;
  }
  .csft .wrapCopy .line{
    margin-bottom: 8vh !important;
  }
  .csft .wrapCopy .copyright{
    margin-bottom: 8vh !important;
  }
  .csft .wrapCopy ul{}
  .csft .wrapCopy ul li{}
  .csft .wrapCopy ul li a{}
}
/* End Footer */

/* Home Page */
/* Header Section */
    .cspg-home .headerSection .headerSlider{
      margin-top: -9vh;
    }
    .cspg-home .headerSection .headerSlider .item .csimg{
      height: 100vh;
    }
    .cspg-home .headerSection .headerSlider .owl-dots{display: none;}
    .cspg-home .headerSection .headerSlider .owl-nav{
      margin: unset !important;
      top: unset;
      transform: unset;
      left: unset;
      bottom: 20.3vh;
      right: 0;
      width: 19vw;
    }
    .cspg-home .headerSection .headerSlider .sliderButtons{
      position: absolute;
      bottom: 10.5vh;
      right: 17vw;
      text-align: center;
    }
    .cspg-home .headerSection .headerSlider .sliderButtons button{
      position: relative;
      width: 2.5vw;
      height: 2.5vw;
      background: transparent;
      border: none;
      border-radius: 50vw;
      cursor: pointer;
      /*transition: all 0.3s ease;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .headerSection .headerSlider .sliderButtons button p{
      top: 53% !important;
      font-family:"proximanova-bold" !important;
      font-size: 1vw !important;
      line-height: 1vh !important;
      letter-spacing:0 !important;
      color: #F7F7F7 !important;
    }
    .cspg-home .headerSection .headerSlider .sliderButtons button.active,
    .cspg-home .headerSection .headerSlider .sliderButtons button:hover{
      background: #ABC1D3;
    }
    .cspg-home .headerSection .headerSlider .sliderButtons button.active p,
    .cspg-home .headerSection .headerSlider .sliderButtons button:hover p{
      color: #09334E !important;
    }
    @media screen and (max-width: 846px){
      .cspg-home .headerSection .headerSlider .owl-nav{
        position: relative;
        margin: 0 auto !important;
        bottom: 20vh;
        left: 0;
        width: 45%;
      }
      .cspg-home .headerSection .headerSlider .owl-nav button span{
        width: 16vw;
        height: 16vw;
      }
      .cspg-home .headerSection .headerSlider .sliderButtons{
        display: none;
      }
    }
/* Description Section */
    .cspg-home .descriptionSection{
      margin-top: -18vh;
    }
    .cspg-home .descriptionSection .item{
      display: inline-block;
      position: relative;
      vertical-align: top;
      margin: 0 0.2vw;
      width: 28vw;
      height: 28vh;
      background: #FFFFFF;
      border: 0.1vw solid rgba(180, 197, 208, 0.2);
      border-radius: 50vw;
      -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
      -moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
      box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
    }
    .cspg-home .descriptionSection .item h4{
      font-family:"parkinsanswght" !important;
    }
    @media screen and (max-width: 846px){
      .cspg-home .descriptionSection .item{
        margin: 0 0 2vh;
        width: 80vw;
        height: 24vh;
        border: 0.1vw solid rgba(180, 197, 208, 0.5);
        border-radius: 50vw;
        -webkit-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
        -moz-box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
        box-shadow: 0px 2px 25px 0px rgba(19, 51, 77, 0.05);
      }
    }
/* Services Section */
    .cspg-home .servicesSection .serviceSlider .owl-item.center .item{
      padding-top: 0 !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number{
      /*padding: 1.2vh 1.2vw;*/
      width: 5vw;
      height: 2vw;
      text-align: center;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number::before{
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 100%;
      width: 2vw;
      height: 2vw;
      background: #FA702C;
      border-radius: 50vw;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number p,
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span{
      font-family: "parkinsans-light" !important;
      font-size: 0.8vw !important;
      line-height: 1.6vh !important;
      letter-spacing: 0 !important;
      color: #231F20 !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number p{
      position: absolute;
      margin: 0 auto;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      font-family: "parkinsans-light" !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span{
      font-family: "parkinsans-bold" !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span.sep{
      font-family: "parkinsans-light" !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .wrap,
    .cspg-home .servicesSection .serviceSlider .owl-item.center .item .background{
      opacity: 1;
      /*transition: .1s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .wrap .title1{
        bottom: 2vh !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item.center .item .wrap,
    .cspg-home .servicesSection .serviceSlider .owl-item .item .background{
      opacity: 0;
      /*transition: .1s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item.center .item .brief{
      opacity: 1;
      bottom: 3vh;
      /*transition: .7s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .brief{
      opacity: 0;
      bottom: -50vh;
      /*transition: .7s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .brief p{
      font-family:"dmsans-regular" !important;
      line-height: 2.8vh !important;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item.center .item .csbtn-careers{
      bottom: 3vh;
      /*transition: .1s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item .item .csbtn-careers{
      bottom: -50vh;
      /*transition: .1s all;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    .cspg-home .servicesSection .serviceSlider .owl-item:nth-child(odd) .item{
      padding-top: 5vh;
    }
    .cspg-home .servicesSection .serviceSlider .owl-item:nth-child(even) .item{
      padding-top: 10vh;
    }
    .cspg-home .servicesSection .serviceSlider .owl-nav{
      margin: unset !important;
      top: unset;
      transform: unset;
      left: unset;
      bottom: 40vh;
      right: 0;
      width: 19vw;
    }
    @media screen and (max-width: 846px){
      .cspg-home .servicesSection .serviceSlider .owl-item .item{
        padding: 5vh 0 !important;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item.center .item{
        padding: 0 !important;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number{
        /*padding: 1.7vh 8vw;*/
        width: 20vw;
        height: 9vw;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number::before{
        width: 9vw;
        height: 9vw;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number p,
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span{
        font-size: 3.8vw !important;
        line-height: 1.6vh !important;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .brief h4{
        width: 130% !important;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .brief p{
        line-height: 3.2vh !important;
        width: 130% !important;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number p{}
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span{}
      .cspg-home .servicesSection .serviceSlider .owl-item .item .number p span.sep{}
      .cspg-home .servicesSection .serviceSlider .owl-item .item .wrap{
        display: none;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .background .overlay{
        display: none;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item.center .item .background .overlay{
        display: block;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item.center .item .wrap,
      .cspg-home .servicesSection .serviceSlider .owl-item .item .background{
        opacity: 1;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item .item .csbtn-careers{
        width: 16vw;
        height: 16vw;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item:nth-child(odd) .item{
        padding-top: 0;
      }
      .cspg-home .servicesSection .serviceSlider .owl-item:nth-child(even) .item{
        padding-top: 0;
      }
      .cspg-home .servicesSection .serviceSlider .owl-nav{
        position: relative;
        margin: 0 auto !important;
        bottom: unset;
        left: 0;
        width: 50%;
      }
      .cspg-home .servicesSection .serviceSlider .owl-nav button span{
        width: 16vw;
        height: 16vw;
      }
    }
/* Map Section */
    .cspg-home .mapSection{
      margin-top: -15vh;
    }
    @media screen and (max-width: 846px){
      .cspg-home .mapSection .mapOrnament{
        top: 36% !important;
      }
    }
/* ESG Section */
    .cspg-home .ESGSection .wrapper{
      padding: 2vh 1vw;
      background: #09334E;
      background: linear-gradient(120deg, rgba(9, 51, 78, 1) 0%, rgba(0, 84, 145, 1) 100%);
    }
    .cspg-home .ESGSection .wrapper .wrapDesc{
      padding: 8.6vh 12vw 8.6vh 5.6vw;
      width: 55.6vw;
    }
    .cspg-home .ESGSection .wrapper .wrapItem{
      width: 39.1vw;
    }
    @media screen and (max-width: 846px){
      .cspg-home .ESGSection .wrapper .csaccordion .csaccordionItem .csaccordionHeader{
        cursor: default;
      }
      .cspg-home .ESGSection .wrapper .csaccordion .csaccordionItem .csaccordionHeader{
        position: absolute !important;
        top: 0;
        background: transparent;
      }
      .cspg-home .ESGSection .wrapper .csaccordion .csaccordionItem .csaccordionHeader h5{
        top: 4vh;
        bottom: unset;
        left: 7vw;
        right: unset;
      }
      .cspg-home .ESGSection .wrapper .csaccordion .csaccordionItem .accordion-content{
        opacity: 1;
        height: 80vh;
        /*transition: .5s all;*/
        transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
      }
    }
/* End Home Page */

/* About Us Page */
.cspg-about-us .headerSection .csimgheader{opacity: 0.65;}
.cspg-about-us .missionSection .compItemLogo{
  text-align: left;
}
.cspg-about-us .missionSection .compItemLogo .item{
/*.cspg-about-us .bocSection .compItemPerson .item,*/
/*.cspg-about-us .bodSection .compItemPerson .item{*/
  margin: 0 0 6vh;
  width: 45% !important;
}
.cspg-about-us .missionSection .compItemLogo .item:nth-child(odd){
/*.cspg-about-us .bocSection .compItemPerson .item:nth-child(odd),*/
/*.cspg-about-us .bodSection .compItemPerson .item:nth-child(odd){*/
  margin-right: 4.5%;
}
.cspg-about-us .bocSection .compItemPerson .item,
.cspg-about-us .bodSection .compItemPerson .item{
  scale: 1;
  transition: all .5s;
}
.cspg-about-us .bocSection .compItemPerson .item:hover,
.cspg-about-us .bodSection .compItemPerson .item:hover{
  scale: 1.05;
  transition: all .5s;
}
.cspg-about-us .missionSection .compItemLogo .item:nth-child(even),
.cspg-about-us .bocSection .compItemPerson .item:nth-child(even),
.cspg-about-us .bodSection .compItemPerson .item:nth-child(even){}
.cspg-about-us .businessmapSection .map img{
  margin-left: -2%;
  max-width: unset;
  width: 104.4%;
}
.cspg-about-us #esg-commitments h3{
  width: 38vw !important;
  font-size: 2.6vw !important;
}
  @media screen and (max-width: 846px){
    .cspg-about-us .missionSection .compItemLogo{}
    .cspg-about-us .missionSection .compItemLogo .item,
    .cspg-about-us .bocSection .compItemPerson .item,
    .cspg-about-us .bodSection .compItemPerson .item{
      width: 100% !important;
    }
    .cspg-about-us .missionSection .compItemLogo .item:nth-child(odd),
    .cspg-about-us .bocSection .compItemPerson .item:nth-child(odd),
    .cspg-about-us .bodSection .compItemPerson .item:nth-child(odd){
      margin-right: 0;
    }
    .cspg-about-us .missionSection .compItemLogo .item:nth-child(even),
    .cspg-about-us .bocSection .compItemPerson .item:nth-child(even),
    .cspg-about-us .bodSection .compItemPerson .item:nth-child(even){}
    .cspg-about-us #esg-commitments h3{
      width: 88vw !important;
      font-size: 7.2vw !important;
    }
    .cspg-about-us #vision h3{
      bottom: 10vh !important;
      left: 7vw !important;
      width: 80vw !important;
    }
  }
/* End About Us Page */

/* Business Page */
/* Trading Section */
        .cspg-business .tradingSection .compLogo .item{
          margin: 0 1% 3vh;
          width: 22%;
        }
        @media screen and (max-width: 846px){
          .cspg-business .tradingSection .compLogo .item{
            margin: 0 3% 3vh;
            width: 43%;
          }
        }
/* Forestry Section */
        .cspg-business .forestrySection .legalities .item span,
        .cspg-business .forestrySection .legalities .item p{
          display: inline-block;
          vertical-align: top;
          font-family:"dmsans-bold" !important;
        }
        .cspg-business .forestrySection .legalities .item span{
          width: 7%;
        }
        .cspg-business .forestrySection .legalities .item p{
          width: 90%;
        }
/* End Business Page */

/* Sustainability Page */
/* Sustainability Values Section */
        .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader{
          cursor: default;
        }
        .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader h5{
          bottom: 5vh;
          right: 2.5vw;
        }
        .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader{
          position: absolute !important;
          bottom: 0;
          background: transparent;
        }
        .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .accordion-content{
          opacity: 1;
          height: 60vh;
          /*transition: .5s all;*/
          transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
        }
        @media screen and (max-width: 846px){
          .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader{
            cursor: default;
          }
          .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader{
            position: absolute !important;
            top: 0;
            background: transparent;
          }
          .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .csaccordionHeader h5{
            top: 4vh;
            bottom: unset;
            left: 7vw;
            right: unset;
          }
          .cspg-sustainability .susvalSection .csaccordion .csaccordionItem .accordion-content{
            opacity: 1;
            height: 70vh;
            /*transition: .5s all;*/
            transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
          }
        }
/* Articles Section */
        .cspg-sustainability .articlesSection .wrapItemInfo .item{
          border-bottom: 0.1vh solid #ABC1D3;
        }
        .cspg-sustainability .articlesSection .wrapItemInfo .item .cat{
          display: inline-block;
          position: relative;
          margin-right: 0.2vw;
          padding: 1vh 1vw 1vh;
          background: #FFFFFF;
          border: 0.1vw solid #ABC1D3;
          border-radius: 50vw;
        }
        @media screen and (max-width: 846px){
          .cspg-sustainability .articlesSection .wrapItemInfo .wrap p{
            font-size: 4vw !important;
            line-height: 2vh !important;
            letter-spacing: 0 !important;
          }
          .cspg-sustainability .articlesSection .wrapItemInfo .csbtn-careers{
            width: 13vw;
            height: 13vw;
          }
      }
/* Impacts Section */
        .cspg-sustainability .impactsSection .wrapItemInfo .item img{
          margin-bottom: -9vh;
        }
        .cspg-sustainability .impactsSection .wrapItemInfo .item h4{
          font-family:"parkinsanswght" !important;
        }
        @media screen and (max-width: 846px){
          .cspg-sustainability .impactsSection .wrapItemInfo .item img{
            margin-bottom: -7vh;
          }
          .cspg-sustainability .impactsSection .wrapItemInfo .item h4{
            font-size: 14vw !important;
            line-height: 8vh !important;
            letter-spacing:0 !important;
          }
        }
/* End Sustainability Page */

/* Culture Page */
/* Core Values Section */
        .corvalSection .wrapItemInfo .item{
          height: auto !important;
          min-height: auto !important;
        }
        .corvalSection .wrapItemInfo .item img{
          height: 28vh;
          object-fit: cover;
        }
        .corvalSection .wrapItemInfo .item h4{
          height: 4vh;
          overflow: hidden;
        }
        .corvalSection .wrapItemInfo .item p{
          height: 8vh;
          overflow: hidden;
        }
        @media screen and (max-width: 846px){
          .cspg-culture .corvalSection .culturecoreSlider{
            margin-top: -9vh;
          }
          .cspg-culture .corvalSection .culturecoreSlider .owl-dots{display: none;}
          .cspg-culture .corvalSection .culturecoreSlider .owl-nav{
            margin: unset !important;
            top: unset;
            transform: unset;
            left: unset;
            bottom: 7.5vh;
            right: 0;
            width: 100%;
          }
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button{
            position: relative;
            width: 4.5vw;
            height: 4.5vw;
            background: transparent;
            border: none;
            border-radius: 50vw;
            cursor: pointer;
            /*transition: all 0.3s ease;*/
            transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
          }
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button p{
            top: 53% !important;
            font-family:"manrope-regular" !important;
            font-size: 3.4vw !important;
            line-height: 3vh !important;
            letter-spacing: 0 !important;
            color: #707480 !important;
          }
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button.active,
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button:hover{
            background: transparent;
          }
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button.active p,
          .cspg-culture .corvalSection .culturecoreSlider .sliderButtons button:hover p{
            color: #FA702C !important;
          }
        }
/* End Culture Page */

/* Careers Page */
/* Section Header */
    .cspg-careers .headerSection .wrapper .wrapHeading h1{
      font-size: 3.5vw !important;
      line-height: 6vh !important;
    }
/* Section Content */
    #ansCareers-content .filter-container{
      display: block;
      margin: 0 auto 5vh;
      padding: 1vh 2vw;
      width: 87vw;
      background: #FFFFFF;
      border-radius: 50vw;
    }
    #ansCareers-content .filter-container #searchInput{
      padding: 2.5vh 1vw 2.5vh;
      width: 33vw;
      outline: none;
      box-shadow: none;
      border: 0;
    }
    #ansCareers-content .filter-container .custom-dropdown{
      position: relative;
      margin: 0 0.5vw;
      width: 19vw;
      cursor: pointer;
      user-select: none;
    }
    #ansCareers-content .filter-container .dropdown-selected{
      position: relative;
      padding: 2.5vh 0 2.5vh 1vw;
      font-family:"dmsans-regular" !important;
      font-size:1.05vw !important;
      line-height:3.2vh !important;
      letter-spacing:0 !important;
      color: #707480 !important;
      /*transition: all 0.2s;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    #ansCareers-content .filter-container .dropdown-options{
      display: none;
      position: absolute;
      width: 100%;
      top: 100%;
      left: 0;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      z-index: 10;
    }
    #ansCareers-content .filter-container .dropdown-options:before,
    #ansCareers-content .filter-container .dropdown-options:after{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #ansCareers-content .filter-container .dropdown-options:before{
      z-index: -2;
      background: #FFFFFF;
      opacity: 0.75;
    }
    #ansCareers-content .filter-container .dropdown-options:after{
      z-index: -2;
      backdrop-filter: blur(10px);
    }
    #ansCareers-content .filter-container .option{
      padding: 1.5vh 0 1.5vh 1vw;
      font-family:"dmsans-regular" !important;
      font-size:1.05vw !important;
      line-height:3.2vh !important;
      letter-spacing:0 !important;
      /*transition: 0.2s;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    #ansCareers-content .filter-container .option:hover{
      background: #FC8246;
      color: #F7F7F7;
    }
    #ansCareers-content .filter-container .dropdown-selected::after{
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1vw;
      background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/careers-down.svg');
      background-repeat: no-repeat !important;
      background-position: 100% 0.3vh !important;
      background-size: 100% !important;
      width: 1vw;
      height: 1vw;
      pointer-events: none;
      /*transition: transform 0.3s ease;*/
      transition: all 800ms cubic-bezier(0.17, 0.56, 0.34, 0.89);
    }
    #ansCareers-content .itemCareers{
      border-bottom: 0.1vh solid #ABC1D3;
    }
    #ansCareers-content .itemCareers .locationCareers a{
      cursor: text !important;
    }
    #ansCareers-content .itemCareers .locationCareers,
    #ansCareers-content .itemCareers .statusCareers{
      display: inline-block;
      position: relative;
      margin-right: 0.2vw;
      padding: 1vh 1vw 1vh 2.5vw;
      background: #FFFFFF;
      border: 0.1vw solid #ABC1D3;
      border-radius: 50vw;
    }    
    #ansCareers-content .itemCareers .locationCareers::before,
    #ansCareers-content .itemCareers .statusCareers::before{
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 1vw;
      width: 1.2vw;
      height: 1.2vw;
      background: url('https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/careers-location.svg');
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: 100% !important;
    }
    #ansCareers-content .noresultsCareers{
      display: none;
      color: #999;
      font-style: italic;
      margin-top: 20px;
    }
    #ansCareers-content .loadmoreCareers.hidden{
      display: none;
    }
    @media screen and (max-width: 846px){
      .cspg-careers .headerSection .wrapper .wrapHeading h1{
        font-size: 12vw !important;
        line-height: 8vh !important;
      }
      #ansCareers-content .filter-container{
        margin: 0 0 10vh;
        padding: 0;
        width: 100%;
        background: transparent;
      }
      #ansCareers-content .filter-container #searchInput{
        margin: 0 0 2vh;
        padding: 3vh 8vw;
        width: 100%;
        font-size: 4vw !important;
        line-height: 3.5vh !important;
        letter-spacing: 0 !important;
        border-radius: 50vw;
        border: 0.1vw solid #ABC1D3;
      }
      #ansCareers-content .filter-container .custom-dropdown{
        margin: 0 0 2vh;
        width: 49%;
        padding: 3vh 8vw;
        background: #FFFFFF;
        border-radius: 50vw;
        border: 0.1vw solid #ABC1D3;
      }
      #ansCareers-content .filter-container .dropdown-selected{
        padding: 0;
        font-size: 4vw !important;
        line-height: 3.5vh !important;
        letter-spacing: 0 !important;
      }
      #ansCareers-content .filter-container .dropdown-selected::after{
        width: 4vw;
        height: 4vw;
        background: url(https://ansaf.co.id/wp-content/themes/frontendansaf/assets/images/icon/careers-down.svg);
        background-repeat: no-repeat !important;
        background-position: 100% 0.4vh !important;
        background-size: 100% !important;
      }
      #ansCareers-content .itemCareers .locationCareers,
      #ansCareers-content .itemCareers .statusCareers{
        margin: 0 0 1vh;
        padding: 2vh 6vw 2vh 8vw;
        font-size: 4vw !important;
        line-height: 2vh !important;
        letter-spacing: 0 !important;
      }
      #ansCareers-content .itemCareers .locationCareers a{
        font-size: 4vw !important;
        line-height: 2vh !important;
        letter-spacing: 0 !important;
      }
      #ansCareers-content .itemCareers .locationCareers::before,
      #ansCareers-content .itemCareers .statusCareers::before{
        left: 3vw;
        width: 4vw;
        height: 4vw;
      }
      #ansCareers-content .itemCareers .csbtn-careers{
        width: 16vw;
        height: 16vw;
      }
    }
/* End Careers Page */

/* Media Page */
/* End Media Page */

/* Contact Us Page */
/* Content Section */
    .cspg-contact-us .headerSection .wrapHeading ul,
    .cspg-contact-us .contentSection .wrapInfo ul{
      list-style: none;
    }
    .cspg-contact-us .headerSection .wrapHeading ul li img,
    .cspg-contact-us .contentSection .wrapInfo ul li img{
      margin-right: 0.2vw;
      width: 1vw;
    }
    .cspg-contact-us .headerSection .wrapHeading ul li p,
    .cspg-contact-us .contentSection .wrapInfo ul li p{
      font-family:"cabinetgrotesk-medium" !important;
      color: #606060 !important;
    }
    .cspg-contact-us .contentSection .wrapInfo form label{
      font-family:"dmsans-bold" !important;
      font-size:0.8vw !important;
      line-height:1.6vh !important;
      letter-spacing:0 !important;
    }
    .cspg-contact-us .contentSection .wrapInfo form input,
    .cspg-contact-us .contentSection .wrapInfo form textarea{
      margin-bottom: 2vh;
      padding: 2.5vh 2vw;
      color: #707480 !important;
      border-radius: 50vw;
    }
    .cspg-contact-us .contentSection .wrapInfo form textarea{
      resize: none;
      border-radius: 2vw;
    }
    .cspg-contact-us .contentSection .wrapInfo form button{
      padding: 2.5vh 2vw;
    }
    @media screen and (max-width: 846px){
      .cspg-contact-us .contentSection .wrapInfo form input,
      .cspg-contact-us .contentSection .wrapInfo form textarea{
        padding: 3vh 6vw;
      }
      .cspg-contact-us .contentSection .wrapInfo form textarea{
        margin-bottom: 5vh;
        height: 30vh;
        border-radius: 7vw;
      }
    }
/* End Contact Us Page */


@media screen
and (min-width:1024px)
and (max-width:1387px)
and (orientation:landscape){
.cspg-home .servicesSection .serviceSlider .owl-nav{
    bottom:10vh;
}
.cspg-home .servicesSection .serviceSlider .owl-item .item{
    height:65vh !important;
}
}