@font-face {
   font-family: "Bahnschrift";
   src: url("https://picc-penang.com/wp-content/uploads/doubleup-fonts/bahnschrift-norm.woff")format("woff"), url("https://picc-penang.com/wp-content/uploads/doubleup-fonts/bahnschrift-norm.woff2")format("woff2");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('https://picc-penang.com/wp-content/uploads/doubleup-fonts/avenir_roman_12.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "Avenir";
  src: url("https://picc-penang.com/wp-content/uploads/doubleup-fonts/avenir_heavy-webfont.woff2") format("woff2"), url("https://picc-penang.com/wp-content/uploads/doubleup-fonts/avenir_heavy-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


body.page-id-5437 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {width: 100%; max-width: 100%;}
body.page-id-5437 .muze-btn, body.page-id-5437 footer {display: none;}
.picc-doubleup .h1{font-size: 40px;}
.picc-doubleup .h2{font-size: 32px;}
.picc-doubleup .h3{font-size: 30px;}
.picc-doubleup .h6{font-size: inherit;}
.picc-doubleup .btn:hover { color: #006837;}

/* color */
.picc-doubleup {background:#006837; font-family: 'Avenir', sans-serif; font-size: 20px !important; line-height: 1.3; margin: 0;}
.picc-doubleup p {font-family: 'Avenir', sans-serif;font-size: 20px;line-height: 1.35;text-align: inherit !important;margin-bottom: 1rem;color: #006837;font-weight: 500;}
.picc-doubleup strong { font-weight: 700;}
.picc-doubleup .bg-beige { background-color: #dbcaaf;}
.picc-doubleup .bg-green { background-color: #006837;}
.picc-doubleup .text-amber{color:#cf8e2d}
.picc-doubleup .text-green {color: #006837;}
.picc-doubleup .text-beige {color: #dbcaaf;}
.picc-doubleup .btn-outline-amber {border: 1px solid #cf8e2d;color: #006837;font-size: 16px;font-weight: 500;padding: 1rem 2rem;}
.picc-doubleup .btn-outline-green {border: 1px solid #006837;color: #006837;font-size: 16px;font-weight: 500;padding: .65rem 2rem;}
.picc-doubleup .small {font-size: .75em;}
.picc-doubleup .bahn-font { font-family: 'Bahnschrift', sans-serif;}
.picc-doubleup .section { padding-top: 100px; padding-bottom: 100px;}

/* section */
.picc-doubleup .burger-wrapper{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
.picc-doubleup .burger-wrapper .burger{position:absolute;width:80%;left:50%;transform:translate(-50%,-50%);bottom: 5%;}
.picc-doubleup .text-gold{background:-webkit-linear-gradient(0deg,#fdf7ae 0,#f8e68b 25%,#fdf7ae 50%,#d19654 85%,#fdf6a9 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}
.picc-doubleup .wheel-wrapper { position: relative;}
.picc-doubleup .wheel-wrapper #spin {position: absolute;width: 75%;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.picc-doubleup .fieldset {border: 2px solid #006837;padding: 2rem 3rem;margin-bottom: 1.5rem;border-radius: 2em;position: relative;}
.picc-doubleup .legend {padding: 0 1.5rem;position: absolute;top: -13px;left: 50%;transform: translateX(-50%);background: #dbcaaf; font-size: 20px;}
.picc-doubleup .fieldset .gift-icon {position: absolute;bottom: -15px;right: 40px;width: 60px;}
.picc-doubleup .floating-whatsapp { position: fixed; right: 1%; bottom: 20%; width: 90px;}
.picc-doubleup .icons-wrapper {display: flex;justify-content: space-between;width: 70%;gap: 10%;position: relative;margin: 1em auto;}
.picc-doubleup .icons-wrapper .cta-icon{width: 35px;height: 35px;background: #fff;border-radius: 50px;position: relative;z-index: 1;}
.picc-doubleup .icons-wrapper:before {content: "";border-bottom: 2px dotted #fff;height: 2px;width: 100%;position: absolute;top: 17px;}
.picc-doubleup #wheel{transform:rotate(0)}
.picc-doubleup #inner-wheel{transition: transform 5s cubic-bezier(0.33, 1, 0.68, 1);}
.picc-doubleup #spin:active img { transform: scale(0.95); transition: transform 0.1s ease;}
.picc-doubleup .unlock-wrapper { position: relative;}
.picc-doubleup .unlock-wrapper .unlock-star {position: absolute;left: 38.5%;top: 59%;width: 40px;}

/* how to join */
.picc-doubleup .how2join { color: #fff; position: relative;}
.picc-doubleup .how2join .title {color: #cf8e2d;margin: 0;}
.picc-doubleup .how2join .title-sm {color: #dbcaaf;font-size: 14px;margin-bottom: 1em;}
.picc-doubleup .how2join .small {font-size: 14px;}
.picc-doubleup .how2join .fieldset {border-color: #fff;padding: 10px;border-radius: 10px;margin-top: 30px;margin-bottom: 10px; text-align: center;}
.picc-doubleup .how2join .fieldset .legend {background: #006837;color: #ce8e2d;font-weight: bold;padding: 0 10px;}
.picc-doubleup .how2join .fieldset p {margin: 0.4em 0;text-align: center;}
.picc-doubleup .how2join .fieldset .mid-legend {width: calc(100% + 20px);margin: 0 -10px;position: relative;text-align: center;}
.picc-doubleup .how2join .fieldset .mid-legend span {background: #006837;z-index: 1;position: relative;padding: 0 10px;font-weight: bold;color: #ce8e2d;}
.picc-doubleup .how2join .fieldset .mid-legend:before {content: "";width: 100%;position: absolute;left: 0;border-bottom: 1px solid #fff;top: 13px;z-index: 0;}
.picc-doubleup .how2join .burger-timeline { position: relative;}
.picc-doubleup .how2join .burger-timeline .textblox {width: 25%;position: absolute;}
.picc-doubleup .how2join p {color: #fff;line-height: 1.3;font-size: 18px;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(odd) {left: 7%;text-align: right;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(even) {left: 68%;text-align: left;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(1) {top: 2%;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(2) {top: 14%;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(3) {top: 34%;}
.picc-doubleup .how2join .burger-timeline .textblox:nth-child(4) {top: 60%;}
.picc-doubleup .burger-timeline .burger-split {display: flex;flex-direction: column;width: 20%;margin: auto;row-gap: 2.8em;position: relative;}
.picc-doubleup .burger-timeline .burger-split .slice {position: relative;}
.picc-doubleup .burger-timeline .burger-split .slice img { position: relative; z-index: 1;}
.picc-doubleup .burger-timeline .burger-split .slice .numbering { position: absolute;}
.picc-doubleup .burger-timeline .burger-split .slice .numbering span {width: 30px;height: 30px;background: #fff;color: #006837;font-weight: 600;border-radius: 30px;display: block;line-height: 30px;position: relative;z-index: 1;}
.picc-doubleup .burger-timeline .burger-split .slice .numbering:after {content: "";position: absolute;width: 80px;height: 1px;border-bottom: 1px dashed #fff;top: 15px;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(odd) .numbering{left: -30%;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(even) .numbering{right: -30%;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(odd) .numbering:after{left: 30px;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(even) .numbering:after{right: 30px;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(1) .numbering{top: 50%;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(2) .numbering{top: 15%;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(3) .numbering{top: 20%;}
.picc-doubleup .burger-timeline .burger-split .slice:nth-child(4) .numbering{top: 10%;}

/* CF 7 form */
.picc-doubleup .form-wrapper {border-radius: 2rem;padding: 2em 2em 0.3em;}
.picc-doubleup .wpcf7-form { max-width: 600px; margin: 1rem auto 0;}
.picc-doubleup .wpcf7-form-control-wrap select, .picc-doubleup input[type=email], .picc-doubleup input[type=text] {border-radius: 30px;padding: 1rem 2rem;border: 1px solid #cf8e2d;width: 100%;}
.picc-doubleup .wpcf7-list-item label {display: flex; gap: 10px; align-items: start;}
.picc-doubleup .wpcf7-form input[type=checkbox] + .wpcf7-list-item-label {line-height: 1.2; font-size: .8em; text-align: left;}
.picc-doubleup .wpcf7-form input[type=submit] {color: #006837;border: 1px solid #cf8e2d;border-radius: 30px;margin: auto;text-align: center;display: block;text-transform: capitalize;padding: .5rem 2.5rem;background: #fff;font-size: 16px;}
.picc-doubleup .wpcf7-form input[type=checkbox] { border-color: #ce8e2d;}
.picc-doubleup .wpcf7-form label.error {font-size: 14px;}

/* footer */
.picc-doubleup .doubleup-footer .hunza-logo {width: 120px;color: #fff;text-align: center;line-height: 1.2; margin: auto;}
.picc-doubleup .doubleup-footer .hunza-logo .slogan {font-size: 11px;margin-bottom: 10px;}
.picc-doubleup .doubleup-footer .hunza-logo .logo { max-width: 100%;}
.picc-doubleup .doubleup-footer .company-info { color: #fff; text-align: left;}
.picc-doubleup .doubleup-footer .company-info .title {font-size: 18px;}
.picc-doubleup .doubleup-footer .company-info .title span{ font-size: 11px;}
.picc-doubleup .doubleup-footer .company-info .title  + .small {font-size: 12px;}
.picc-doubleup .doubleup-footer .company-info .address { font-size: 15px; margin-top: 20px;}
.picc-doubleup .doubleup-footer .social-icon-wrapper {}
.picc-doubleup .doubleup-footer .social-ico {background: #fff;width: 30px;height: 30px;display: inline-flex;border-radius: 30px;align-items: center;justify-content: center;color: #016937;}
.picc-doubleup .doubleup-footer .url { color: #fff; text-decoration: none; font-size: 17px;}
.picc-doubleup .doubleup-footer .contact-border { border-left: 1px solid #fff;}

@media (max-width:768px){
   .picc-doubleup .burger-wrapper{padding:4em 0}
   .picc-doubleup .h1{font-size:28px}
   .picc-doubleup .h2{font-size:22px}
   .picc-doubleup .h3{font-size:30px}
   .picc-doubleup .h3,.picc-doubleup p{font-size:16px;text-align:center!important}
   .picc-doubleup{font-size:15px}
   .picc-doubleup .icons-wrapper{width:84%}
   .picc-doubleup .icons-wrapper .cta-icon{width:32px;height:32px}
   .picc-doubleup .icons-wrapper:before{top:16px}
   .picc-doubleup .how2join .burger-timeline .textblox:first-child{top:1%}
   .picc-doubleup .how2join .burger-timeline .textblox:nth-child(2){top:20%}
   .picc-doubleup .how2join .burger-timeline .textblox:nth-child(3){top:42%}
   .picc-doubleup .how2join .burger-timeline .textblox:nth-child(4){top:67%}
   .picc-doubleup .how2join .textblox .title{font-size:16px}
   .picc-doubleup .how2join .textblox .hp-hide{background:#014d28;z-index:1;position:relative;padding:.875em;border-radius:.65em;width:150%;margin-left:-50%;z-index:10;position:relative;box-shadow: 0 5px 10px 3px rgba(0,0,0,.55);transition: .3s;top: -30px;opacity: 0;visibility: hidden;}
   .picc-doubleup .how2join .textblox .hp-hide.show{top: 0;visibility: visible;opacity: 1;}
   .picc-doubleup .how2join .textblox .hp-hide:before{content:"";width:0;height:0;border-style:solid;border-width:0 15px 15px 15px;border-color:transparent transparent #014d28 transparent;transform:rotate(0);position:absolute;top:-10px;left:40%;transform:translateX(-50%)}
   .picc-doubleup .how2join .textblox .hp-hide p{text-align:left!important;font-size:14px}
   .picc-doubleup .how2join .burger-timeline .burger-split{margin-right:auto;margin-left:10px;row-gap:4em}
   .picc-doubleup .how2join .burger-timeline .textblox:nth-child(2n),.picc-doubleup .how2join .burger-timeline .textblox:nth-child(odd){left:35%;width:60%;text-align:left}
   .picc-doubleup .how2join .burger-timeline .burger-split .slice .numbering span{width:17px;height:17px;line-height:17px;font-size:13px}
   .picc-doubleup .how2join .burger-timeline .burger-split .slice:nth-child(2n) .numbering:after,.picc-doubleup .how2join .burger-timeline .burger-split .slice:nth-child(odd) .numbering:after{right:20px;left:auto;top:10px;width:20px}
   .picc-doubleup .how2join .burger-timeline .burger-split .slice:nth-child(2n) .numbering,.picc-doubleup .how2join .burger-timeline .burger-split .slice:nth-child(odd) .numbering{right:-40%;left:auto}
   .picc-doubleup .round2-3-arrow img{max-width:120%;margin-left:-10%}
   .picc-doubleup .doubleup-footer .company-info .title{font-size:13px}
   .picc-doubleup .doubleup-footer .company-info .title+.small{font-size:10px}
   .picc-doubleup .doubleup-footer .company-info .address{font-size:12px}
   .picc-doubleup .doubleup-footer .url{font-size:13px}
   .picc-doubleup .section{padding-top:50px;padding-bottom:50px}
   .picc-doubleup .floating-whatsapp{position:fixed;right: 3%;bottom:15%;width:50px}
   .picc-doubleup .text-amber.hp-next-line{display:block}
   .picc-doubleup .fieldset{padding:1rem 2rem;border-radius:1em}
   .picc-doubleup .fieldset .h2{font-size:18px}
   .picc-doubleup .fieldset .gift-icon{width: 37px;bottom: -20px;right: 20px;}
   .picc-doubleup .doubleup-footer .company-info{margin:1rem 0;text-align:center}
   .picc-doubleup .form-wrapper{padding:2em 1.2em}
   .picc-doubleup .doubleup-footer .contact-border{border-left:0}
   .picc-doubleup .how2join .hp-hide .fieldset p {text-align: center !important;}
   .picc-doubleup .legend, .picc-doubleup .mid-legend { font-size: 14px;}
}