.error
{
    color : #ff0000;
}

@media (min-width: 992x) {
    #pn-map-section .col-lg-4 {
        height: 100vh;
        overflow: hidden;
    }
}

section#pn-map-section {
    height: 100%;
    padding-bottom: 50px;
}

 .pn-search-background {
        background: #fff !important;
        height: 100%;
    }


    @media (max-width: 991px) {
        #pn-map-section #searchformsection {
            position: absolute;
            top: -8px;
            z-index: 999;
            width: 100%;
            background: rgba(0, 0, 0, 0);
            padding-top: 50px !important;
        }
        #pn-map-section #searchformsection .input-container {
            background: #fff;
        }
    }
    @media (max-width: 991px) and (max-width: 992px) {
        #pn-map-section #searchformsection .input-container .input-container {
            margin-top: 25px;
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        #pn-map-section #searchformsection {
            top: -20px;
        }
    }



    @media(max-width:992px){
        .pn-map-location-select-box{
            display:none;
        }
    }

  

 
        #pn-map-section .pn-map-detail-box { 
            z-index: 99999!Important; 
        } 


      


        @media (max-width: 767px) {
       /*     #pn-map-section .pn-map-location-select-box { 
                margin-top: -35px !important;
              
            }*/
            #pn-map-section .pn-map-detail-box .pn-map-title p { 
                width: 80%;
            }
        }

        @media (max-width:992px){
            #pn-map-section .pn-map-location-select-box { 
                margin-top: 0px !important;
              
            }
        }

#pn-banner .Petronas-banner3 {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 808px;
}

.pn-login-box-bg input:-webkit-autofill,
.pn-login-box-bg input:-webkit-autofill:hover, 
.pn-login-box-bg  input:-webkit-autofill:focus {
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0px 40rem #00a19c inset;
  background: #00a19c;;
}


.pn-profile-loginpage input:-webkit-autofill,
.pn-profile-loginpage input:-webkit-autofill:hover, 
.pn-profile-loginpage input:-webkit-autofill:focus {
  -webkit-text-fill-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0px 40rem #00a19c inset;
  background: #00a19c;;
}
  
.pn-profile-loginpage  i.icon-calender {
    color: #fff;
}


  input#date_of_birth {
    height: auto;
    margin: 0;
}

/*    input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #000 inset !important;
}*/

.pn-profile-loginpage ::placeholder{
    color: #fff!important;
}

@media(max-width:768px){
    #pn-COME-FUNZIONA .pn-petronas-crd { 
        margin-bottom: 50px!important; 
    }
    #pn-COME-FUNZIONA .pn-petronas-crd:nth-child(odd) span { 
        right: -40px!important; color:rgb(255 255 255 / 0.2);
    }
    #pn-COME-FUNZIONA .pn-petronas-crd-last span{ right: -40px!important;
    }
    iframe.pn-youtube-video.aos-init.aos-animate {
        margin: 27px 0;
    }
    .Petronas-navbar .nav-item a { 
        border-bottom: 1px solid rgba(255, 255, 255, .1)!important;
    }
    .dropdown .Petronas-navbtn::after {  
        right: 0px!important; 
    }
    .Petronas-navbar .Petronas-navbtn { 
        padding: 10px 60px 10px 40px !important; 
    }
    .pn-map-section .pn-map-content { 
        align-items: center; 
    }
    .pn-map-section .pn-map-content .align-items-center {
        margin-top: 0px!important;
    }
    button.navbar-toggler { 
        padding: 0; 
    }
    nav#header {
        padding: 10px 20px;
    }
}
#pn-COME-FUNZIONA .pn-petronas-crd:nth-child(odd) span { 
     color:rgb(255 255 255 / 0.2);
}
.pn-map-section .pn-map-content .align-items-center {
    margin-top: 0!important;
}
@media (max-width: 768px) {
    #pn-COME-FUNZIONA .pn-petronas-crd-last span {
        right: -40px !important;
        left: auto;
    }
}


#pn-COME-FUNZIONA .pn-petronas-crd-last span { 
    color: rgb(255 255 255 / 0.2)!important; 
}

@media(max-width:768px){
#pn-COME-FUNZIONA .pn-petronas-crd {
    margin-bottom: 66px!important;
}}

.pac-container.pac-logo {
    background: #fff;
    border-radius: 15px;
    border: 0;
    min-width: 279px;
    margin-top: 14px; 
    border: 0px solid #c0c0c0 !important;
    box-shadow: 1px 12px 25px #cccccca8;
}
.pac-item {
    padding: 8px 16px;
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-background-size: 120px 14px;
    background-size: 120px 14px;
}
.pac-container.pac-logo::after {
display : none;
}
.pac-container:first-child.pac-item {
    border-top: 0!important;
}
.pac-item:hover {
    font-weight: normal;
    background: #0000000f;
}

@media (max-width: 567px) {
    #pn-map-section .pn-officine-map {
        min-height: 35vh !important;
    }
}
@media (max-width: 992px) {
    #pn-map-section .pn-map-location-select-box {
        margin-top: -40px !important;
    }
}

  @media (max-width: 568px)
#pn-map-section .pn-map-detail-box {
    height: 350px!important;
    width: 90%!important;
    margin: auto!important;
    display: block!important;
    left: 0!important
    right: 0!important;z-index: 9999!important;
    overflow-y: auto!important;
    top: 44px!important;
}}