@font-face {
    font-family: 'Futura';
    src: url("assets/font/Futura.ttc") format("opentype");
}

@font-face {
    font-family: 'Cashrole';
    src: url("assets/font/Cashrole.ttf") format("opentype");
}

body, p, h1, h2, h3, h4, h5, h6, div{
    font-family: 'Poppins' !important;
    text-transform: none !important;
}

p{
    font-size: 16px;
}

.visible-mobile{
    display: none;
}

header.nav-fix{
    position: static;
    background: linear-gradient(to bottom, #fdb200, #ffd41b, #ffda25);
}

.text-header{
    font-family: 'LogoSC Unbounded Sans' !important;
}

.text-header2{
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
}

.text-normal{
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
}

.agency h2{
    font-size: calc(25px + (30 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 400;
}


.datepicker .datepicker-switch{
    cursor: pointer;
    border: 1px solid;
    background: #f1f1f1;
}


.text-yellow{
    color: #f6e650 !important;
}

.text-black{
    color: #000000 !important;
}

.tap-ws {
    position: fixed;
    bottom: 130px;
    right: 30px;
    z-index: 99;
}

.logo-bottom{
    width: 50px;
}

.v-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .logo-sec .footer-para .para-address {
    font-weight: 500;
}

@media (max-width: 767px){
    .agency h2 strong{
        font-size: 25px !important;
    }

    .tap-ws {
        position: fixed;
        bottom: 80px;
        right: 20px;
        z-index: 99;
    }

    .logo-bottom{
        width: 40px;
}
    
}

@media only screen and (max-width: 484px){
    p {
        font-size: 16px !important;
    }

    small{
        font-size: 100%;
    }
}

/* header */
@media (max-width: 991px){
    .agency .header{
        padding: 0 !important;
    }
}

@media (max-width: 767px){
    .agency.header .head-img {
        content: url('../images/custom/propnex_friend.jpg'); /* Change to your mobile-friendly image */
    }

}

/* header */


/* contact */

#register{
    background-image: url('../images/custom/contact.jpg');
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.btn-yellow {
    padding: 20px 25px !important;
    background: linear-gradient(#ffde3f, #ffad22);
    border-radius: 25px;
    font-size: 20px !important;
    color: #17070d;
    font-family: 'Poppins' !important;
    font-weight: 700;
    display: inline-block;
    height: unset !important;
}

/* contact */

.theme-pannel-main{
    display: none;
}

.logo-light img{
    max-height: 50px;
    margin: 5px;
}

#togglebtn{
    padding: 0px;
}

.about-icon img{
    max-width: 80px;
}

.agency .icon-collection .about-icon:hover a img {
    -webkit-filter: initial;
    filter: initial;
}

.icon-collection .about-icon{
    background: #10266b;
    color: #fff;
}

.icon-collection .about-icon h5{
    color: #fff;
}

.icon-collection .about-icon:hover{
    background: #fff;
}

.icon-collection .about-icon:hover h5{
    color: #10266b !important;
}

.team-img img{
    width: 292px;
    height: 292px;
    object-fit: cover;
}

footer .logo-sec .footer-logo{
    padding: 5px;
    max-height: 90px;
}

#event-time p{
    font-size: 18px;
}

#btn-register-now[disabled]{
    background: #817f72;
    border: 3px solid #817f72;
    color: #fff;
}

#btn-register-now[disabled]:hover{
    background: #817f72;
    border: 3px solid #817f72;
    color: #fff !important;
}

@media (max-width: 767px){
    #event-time h3{
        font-size: 25px;
    }
}

/* NEW */
nav {
    padding: 25px 0;
}

body header.fixed nav {
    padding: 20px 0;
}

.logoholder {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0px;
    max-width: 100px;
    margin:15px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 150px solid #fff
}

.link-parent{
    cursor: pointer;
}

ul.footer-lists {
    min-height: 80px;
}

#video-foreground {
    padding-bottom: 0;
    height: 885px;
    padding-top: 15px;
}

#bg {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 1300px;
}


header {
    z-index: 99999;
    border-bottom-width: 0px;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    padding: 3px 8px;
}



.bold-text{
    font-family: 'Poppins' !important;
    font-weight: bold !important;
}

.underline-text{
    text-decoration: underline;
}


.text-color-white{
    color: #fff !important;
}

.text-color-primary{
    color: #f3c239 !important;
}

.text-color-sec{
    color: #002c7f !important;
}


#announcement-slider .owl-prev,
#events-slider .owl-prev,
#teams-slider .owl-prev{
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -20px;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    box-shadow: 1px 1px 5px #918e8e;
    color: #918e8e;
    font-size: 30px;
}

#announcement-slider .owl-next,
#events-slider .owl-next,
#teams-slider .owl-next{
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: -20px;
    box-shadow: 1px 1px 5px #918e8e;
    color: #918e8e;
    font-size: 30px;
}

.owl-nav.disabled{
    display: none;
}

.owl-thumb-item{
    margin-top: 30px;
}

.owl-thumb-item img{
    width: 150px;
    height: auto;
}

#announcement-slider .fa,
#events-slider .fa,
#teams-slider .fa{
    display: block;
}


.contact-item,
.service-item,
.recruit-item{
    width: 20%;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}

.recruit-item{
    width: 25%;
}

.contact-item img,
.service-item img{
    margin-left: -35%;
}

#fb-widget{
    max-height: 280px;
    overflow: hidden;
}

footer {
    background: #01244E url(https://www.propnex.com.my/assets/images/propnex/PropNex-Website_Bottom_info.png) !important;
    background-size: cover !important;
}

.text-color-lb{
    color: #07ADEE  !important;
}

.footer-address{
    border-top: 3px solid #6085B1;
    border-bottom: 3px solid #6085B1;
}

footer .item.col-md-4{
    border-bottom: 1px solid #6085B1;
    padding-bottom: 30px;
}
        
footer .item a{
    font-size: inherit;
    text-transform: none;
    color: #ffffff;
}

.footer-address .item:after{
    content: " ";
    position: absolute;
    width: 1px;
    height: 80%;
    background: #6085B1;
    right: 0px;
    top: 10%;
}

.footer-address .item.last:after{
    display: none;
}

.footer-address p,
footer .copyright-text{
    color: #496C96 !important;
    font-size: 12px;
}

.footer-address p.text-white{
    color: #ffffff !important;
}

footer .link-horizontal ul li {
    padding-right: 5px;
}

.footer-social-list a{
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background: #6183B0 !important;
    color: #01244E;
    text-align: center;
}

.footer-social-list a .fa{
    font-size: 12px;
}

.footer-logo{
    padding: 30px ;
}

.footer-link-t{
    padding: 25px 0;
}


.menu-overlay:before{
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, #05325B 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #05325B 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #05325B 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #05325B 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #05325B 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}


.large-title{
    font-size: 65px;
}

#mission-vision{
    padding: 50px 0px 90px;
}

#section-csr{
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
    /* W3C */
}

#mission-vision .col-md-4 img{
    object-fit: cover;
    height: 220px;
    width: 100%;
}

#mission-vision .col-md-6 img,
#section-csr .col-md-6 img{
    object-fit: cover;
    height: 220px;
    width: 100%;
}

#mission-vision .col-md-6 img.full-image,
#section-csr .col-md-6 img.full-image{
    width: 100%;
    height: auto;
}

#about-value, #recruit-footer, #csr-header{
    background: url(assets/images/propnex/about/Overview-history_Value.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    padding: 30px 0px 40px;
}

#recruit-footer{
    padding-top: 60px;
}

#about-value .text-value{
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #10266b;
    padding-top: 5px;
}


#about-value .desc{
    padding-top: 5px;
    max-width: 650px;
}

#about-value .desc p{
    line-height: 20px;
    margin-top: 5px;
}

#about-value .desc p.first{
    margin-top: 0px;
}

.btn-card{
    font-size: 10px;
    background: #10266b;
    color: #fff;
    border-radius: 15px;
}

.btn-card.big{
    font-size: 16px;
    padding: 5px 15px;
}

.btn-card2{
    font-size: 12px;
    font-weight: bold;
    background: transparent;
    border: 1px solid #fff;
    color: #fff !important;
    border-radius: 15px;
}

.btn-card3{
    font-size: 12px;
    background: transparent;
    color: #10266b;
    border-radius: 15px;
    border-width: 0px;
    margin-right: 5px;
}

.btn-card3:hover,
.btn-card3:active,
.btn-card3.active{
    background: #10266b !important;
    color: #fff;
}

.card-title{
    color: #10266b;
    font-weight: bold;
    text-transform: uppercase;
}

/*
#training-intro .card img,
#event-list .card img,
#post-list .card img{
    height: 300px;
    object-fit: cover;
}
*/



.form-label{
    color: #335074 !important;
}

.form-input{
    background: #EFF2F7 !important;
    width: 100%;
}

.btn-form{
    background: #10266b;
    color: #fff;
    border-radius: 10px;
}

.icon-ws{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 115px;
    right: 30px;
    z-index: 999999;
    cursor: pointer;
}

.icon-ws img{
    width: 100%;
}



header .logoholder img {
    float: left;
    width: 100px;
}

.agency.fixed{
    padding: 16px;
}

.input-search-box{
    width: 100%;
    max-width: 220px;
    padding: 10px 15px;
}

.title-line{
    background: #10266b;
    height: 3px;
    width: 70%;
    max-width: 80px;
    margin-bottom: 15px;
}

#post-list .card{
    min-height: 540px;
}

.post-categories a.active{
    color: #015982 !important;
}

.post-categories li{
    border-bottom: 1px solid #eee;
    padding: 12px;
    max-width: 220px;
}

.post-categories span{
    font-size: 16px;
    font-weight: bold;
}

.category-search{
    position: absolute;
    left: 210px;
    margin-top: 15px;
}

.nav.steps{
    display: inline-flex;
}

li.nav-item {
    position: relative;
    min-width: 80px;
}

li.nav-item .nav-link{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #00aeef;
    padding: 5px 0px;
    z-index: 1;
    position: relative;
    background: #fff;
}

li.nav-item .nav-link.active,
li.nav-item .nav-link.passed{
    background: #0a2b54;
    color: #fff;
}

li.nav-item .nav-link.passed{
    display: none !important;
}

li.nav-item .nav-checked{
    display: none;
}

li.nav-item .nav-checked.active{
    display: block;
}

.step_line {
    width: 100%;
    height: 2px;
    background: #00aeef;
    margin-top: -15px;
    position: absolute
}

.step_line.left{
    left: 0px;
}

.step_line.right{
    right: 0px;
}

.text-must,
.text-must-not{
    line-height: 18px;
}

.text-must{
    color: #03C4B0;
}

.text-must-not{
    color: #FF5A8C;
}

.checkbox label{
    min-width: 100px;
}

input[type=checkbox].form-input2{
    background: #002752;
    height: 30px;
}

@media (max-width: 767px){
    input[type=checkbox].form-input2{
    background: #002752;
    height: 20px;
}
}

input[type=checkbox].form-input2:checked{
    background: #00AEEF;
}

.form-label-secondary{
    color: #5A81AC;
}

.form-input2{
    border-color: #1A3D64 !important;
    background: #1A3D64 !important;
    color: #000 !important;
}

.form-input3{
    border-color: #fff !important;
    background: #C1BBBB !important;
    color: #fff !important;
    height: 60px;
}

.btn-add-more-experience{
    color: #fff;
    background: #03C4B0;
    padding: 10px 25px;
    border-radius: 0.25rem;
    display: inline-block;
}

.btn-next-recruit-form,
.btn-submit-recruit-form{
    display: none;
    color: #fff;
    background: #00AEEF;
    padding: 10px 25px;
    border-radius: 0.25rem;
}

.btn-back-recruit-form{
    display: none;
    color: #5C83AE;
    padding: 10px 25px;
}

.btn-next-recruit-form.active,
.btn-submit-recruit-form.active,
.btn-back-recruit-form.active{
    display: inline-block;
}

.card hr{
    background: #183B62;
}

.bank-transfer-info{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
    border-radius: 0.25rem;
}

.propnex_tnc_inner{
    display: none;
}

.propnex_tnc_inner.active{
    display: block;
}

.experience-item .fa-times{
    display: none;
}

.btn-submit-recruit-form.disabled{
    opacity: 0.5;;
}


.gradient-bg{
    background: -webkit-gradient(linear, left top, left bottom, from(#1F357D), to(#f5f5f5));
    background: linear-gradient(#1F357D, #f5f5f5);
    height: 300px; 
    width: 100%;
}

.blur-bg{
    background: -webkit-gradient(linear, left top, left bottom, from(#1F357D), to(#f5f5f5));
    background: linear-gradient(#1F357D, #f5f5f5);
    filter: blur(8px); 
    -webkit-filter: blur(8px); 
    height: 300px; 
    width: 100%;
}

.blur-bg-content{
    height: 300px; 
    width: 100%; 
    position:absolute;
    top: 0px;
}

@media (min-width: 992px){
    header nav ul li a {
        font-size: 9px;
    }
    
    .item.col-lg-25{
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .item.col-lg-25 h5 strong{
        font-size: 90%;
    }
}

@media (min-width: 1024px){			
    header nav ul li a {
        font-size: 12px;
    }
}

@media (max-width: 991px){
    
    .page-header{
        min-height: 200px;
    }
    
    .page-header .header-text .mt-5.pt-5{
        padding-top: 0px !important;
    }
    
    header .logoholder {
        width: 50%;
    }
    
    header .logoholder img {
        float: left;
        margin-top: 0px;
        padding-left: 0px;
        width: auto;
        height: 50px;
    }
    

    
    .btn-intro {
        position: static !important;
        margin-top: -35px;
    }
    
    .visible-mobile{
        display: block;
    }
    
    .invisible-mobile{
        display: none;
    }
    
    .page-info {
        margin-top: -40px;
    }
    
}

@media (max-width: 768px){
    
    .italic-text {
        font-size: 28px;
    }
    
    #about-value, #recruit-footer, #csr-header {
        background-size: cover;
    }
    
    #services .item-title, #teams .item-title {
        position: static;
        margin-bottom: 15px;
    }
    
    #consultant-main-list .card .social ul{
        top: 30px;
    }
    
    .image-inner{
        width: 100%;
        height: auto;
    }
    
    .desc-inner{
        width: 100%;
        height: auto;
    }
    
    .contact-item, .service-item, .recruit-item {
        width: 50%;
    }
    
    .icon-ws{
        right: 16px;
        bottom: 80px;
    }
    
    .page-info .card {
        padding: 15px;
    }
    
    li.nav-item {
        min-width: 50px;
    }
    
    #header .search-form {
        margin-top: 50px;
        margin-bottom: 30px !important;
    }
    
    .checkbox label {
        min-width: 80px;
    }
    
    .search-agent-filter.mob-mb-3{
        margin-bottom: 15px !important;
    }
    
    footer .item.col-md-4{
        border-bottom-width: 0px;
    }
    
}

@media only screen and (max-width: 767px){
    header.agency nav a img {
        -webkit-filter: none;
        filter: none;
    }
    
    #testimonial-list .search-box, #consultant-list .search-box, #consultant-main-list .search-box, #header .search-box {
        max-width: 200px;
    }

    header .logoholder img {
        float: left;
        margin-top: 0px;
        padding-left: 0px;
        width: auto;
        height: 30px;
    }

    .logoholder {
        position: absolute;
        top: 0px;
        right: 0;
        left: 0px;
        max-width: 100px;
        margin: 0;
    }
}

/*Custom*/

#register p{
    font-size: 24px;
}

#prizes .card .card-title, #prizes .card .card-text{
    color: #fff !important;
}

#prizes .card-text{
    font-size: 24px;
}

.agency.fixed {
    background: rgb(128,130,136,0.17) !important;
}

.btn-register{
    padding: 10px 15px;
    background: #0459C0;
    border-radius: 25px;
    color: #FFE300;
}

.btn-register:active,
.btn-register:hover{
    color: #FFF !important;
}

.tap-top {
    background: #0459C0;
}

.form-input2 {
    border-color: #0459C0 !important;
    background: #fff !important;
    height: 60px;
}

.form-select {
    border-color: #0459C0 !important;
    background: #fff !important;
    height: 60px !important;
}

.form-input2::-webkit-input-placeholder { /* Edge */
    color: #c5c5c5 !important
}

.form-input2:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c5c5c5 !important
}

.form-input2::placeholder {
    color: #c5c5c5 !important
}

/*gain head start */
.sub-title-content {
    max-width: 750px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    display: block;
}

.head_start{
    background-color: #e3e3e3 !important;
}

.justify-content-center {
    justify-content: center!important;
}

/* adcanve to go */
.advanceToGo{
    background-color: #f8f8f8 !important;
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}

.d-block {
    display: block!important;
}

.w-90 {
    width: 90%!important;
}

/* faq */
.faq .accordion-title{
    font-family: 'Poppins';
}

/* gallery */
#more {display: none;}
.content {
    display: none;
    overflow: hidden;
    /* background-color: #f1f1f1; */
}

.btn-more{
    padding: 10px 15px;
    background: #0459C0;
    border-radius: 2px;
    border:#0459C0;
    color: #fff;
    font-family: 'Poppins';
}

/* event time */

.con-box{
    padding: 40px 25px 25px;
    background: #f8f8f8;
    border-radius: 10px;
    box-shadow: -2px 2px 6px 6px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: -2px 2px 6px 6px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -2px 2px 6px 6px rgba(0, 0, 0, 0.14);
    margin:10px;
    min-height: 395px;
}

@media only screen and (max-width: 767px){
    .con-box{
        min-height: unset;
    }
}

/* nav */
header .nav-link {
    color: #000 !important;
    font-family: 'Poppins';
    font-size:1rem;
    font-weight:700;
}

.vdo-crd h4{
    font-size: 22px !important;
    margin-bottom: 10px;
    font-weight: bold;
}

.vdo-crd .sub-sect-head {
    font-size: 20px !important;
    line-height: 1.3 !important;
}

.vdo-crd .btn {
    padding: 10px 15px !important;
}

.bg-dark{
    background-color: #1F252A !important;
}

.prj-single{
}

.prj-title{
    background-color:#fff;
    color:#000;
    padding: 20px;
    border-radius: 25px 25px 0 0;
    text-align: center;
    font-weight: 700;
    height:200px;
    display: flex;
}

.prj-title h3{
    margin: auto ;
}

.prj-single img {
    height: 100% !important;
    border-radius:  0 0 25px 25px;
}


@media only screen and (max-width: 991px){
    header .nav-link {
        color: #000 !important;
    }

    .prj-single img {
        width: 100% !important;
    }

    .prj-title{
        background-color:#fff;
        color:#000;
        padding: 10px;
        border-radius: 25px 25px 0 0;
        text-align: center;
        font-weight: 700;
        height:130px;
        display: flex;
    }


    .prj-single img {
        height: 150px !important;
        border-radius:  0 0 25px 25px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 991px){
    .email-size{
        font-size: 12px !important;
    }
}

.img-h{
    height:100%;
}