/*
    version: 1.0.0_custom_axtj
    this file is custom class
    when copy to another project, will need to clear if not needed
    Date : 24-6-2025
    Developer : Jack
    Version : 1.0.0
    Changes : 
    {
    }

*/

.page-content-div {
    margin-top: 100px;
}

/* header */
.headerBurgerBtn {
    display: none;
}
.menuBtn.active {
    color: #ff6e6e;
}
/* end header */

/* contact-us */
#contact-us {
    color: #000;
}
/* end contact-us */

/* capcha */
.overlayCaptcha {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index:9999;
}
.showCaptcha {
    position: fixed;top: 50%;left: 50%; transform: translate(-50%, -50%); display:none; z-index: 9999;
}
.slidercaptcha {
    margin: 0 auto;
    width: 100%;
    height: 350px;
    border-radius: 4px;
    margin-top: 0;
}
.font-dark {
    color: #000;
}
.refreshIcon {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 6px;
    color: #fff;
    background-color: #ff4c4c;
    font-size: 14px;
    border-radius: 50px;
}
.block {
    position: absolute;
    left: 0;
    top: 0;
}
.sliderContainer {
    position: relative;
    text-align: center;
    line-height: 40px;
    background: #f7f9fa;
    color: #45494c;
    border-radius: 2px;
}
.sliderbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #f7f9fa;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #e6e8eb;
}
.sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #d1e9fe;
    background: #d1e9fe;
    border-radius: 2px;
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sliderText {
    position: relative;
}
/* end capcha */

/* footer */
.footer-cust {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 35px 0 20px 30px;
    background-color: #FBFBFB;
}
/* end footer */

/* model */
.modal-header-special {
    -webkit-box-align: end;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.25rem 1.25rem 1.25rem;
    border-bottom: 1px solid #ebedf2;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
/* end model */

/************************** Responsive Section **************************/
/* Overrides KT class to hide Settings in Menu @ PC media */

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav>.kt-menu__item.mobileMenuViewSettings {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
    }

}


/* iPad Pro View */
@media (max-width: 1199px) and (min-width: 990px) {
   .page-content-div{
        margin-top: 0;
   }

   
}

/* iPad View */
@media (max-width: 989px) and (min-width: 768px) {
    .page-content-div {
        margin-top: 0;
    }

}

/* Mobile View */
@media (max-width: 767px) {
    .page-content-div {
        margin-top: 0;
    }
    .headerBurgerBtn, .headerBurgerBtn:hover, .headerBurgerBtn:focus {
        display: block;
        position: absolute;
        right: 20px;
        top: 1%;
        background-color: #fff;
        border-radius: 100%;
        z-index: 1;
        text-align: center;
        padding: 15px;
        font-size: 20px;
        line-height: 20px;
    }
}