@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap");
@font-face {
    font-family: "Impact";
    src: url("../fonts/Impact.ttf") format("truetype");
}

/* PopBox Logos & Colors */
.popbox {
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    letter-spacing: 0.5px;
}
.text-white {
    color: #fff !important;
}
.text-red {
    color: #ff0b09 !important;
}
.text-black {
    color: #000 !important;
}
.text-dark-blue {
    color: #233d63 !important;
}
.text-blue {
    color: #477fff !important;
}
.custom-logo {
    font-size: 24px;
    padding: 24px 10px;
}
.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    letter-spacing: -2px;
}

/* Fonts */
.font-montserrat {
    font-family: "Montserrat", sans-serif !important;
}
.font-roboto {
    font-family: "Roboto", sans-serif !important;
}
.font-thin {
    font-weight: 200 !important;
}
.font-normal {
    font-weight: 400 !important;
}
.font-bold {
    font-weight: 900 !important;
}
.font-10 {
    font-size: 10px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-32 {
    font-size: 32px !important;
}
.font-40 {
    font-size: 40px !important;
}
.font-50 {
    font-size: 50px !important;
}
.font-60 {
    font-size: 60px !important;
}
.font-90 {
    font-size: 90px !important;
}

/* Line Height */
.lh-17 {
    line-height: 17px !important    ;
}
.lh-22 {
    line-height: 22px !important    ;
}
.lh-27 {
    line-height: 27px !important    ;
}
.lh-40 {
    line-height: 40px !important    ;
}
.lh-50 {
    line-height: 50px !important    ;
}
.lh-65 {
    line-height: 65px !important    ;
}

/* Nav Tab Color */
.pricing-tab-menu .nav-wrapper {
    border-color: #ff8a00;
}
.pricing-tab-menu .nav-tabs .nav-item {
    background-color: #ffffff;
    color: #ff8a00;
}
.pricing-tab-menu .nav-tabs .nav-item .nav-link {
    font-size: 14px;
    color: #ff8a00;
}
.pricing-tab-menu .nav-tabs .nav-item .nav-link.active {
    font-size: 14px;
    background-color: #ff8a00;
}

/* Banners */
.main-banner {
    background-image: url("../images/banner.jpg") !important;
    background-size: auto 750px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 100% 60% !important;
}
.download-banner {
    background-image: url("../images/backgrounds/download-bg.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    padding-top: 120px;
    padding-bottom: 360px;
}
.helpcenter-banner {
    background-image: url("../images/backgrounds/helpcenter.png") !important;
    background-size: cover;
    background-repeat: no-repeat, repeat;
    background-color: #cccccc;
}

/* PopBox Location */
.custom-locker-view .project-item .img-box img {
    border-radius: 10px 10px 0px 0px;
}
.custom-locker-view .project-item .locker-info {
    border: solid 1px #bcbcbc;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    margin-top: -6px;
    min-height: 140px;
}
.custom-locker-view .project-item .locker-info .locker-info-title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    /* position: absolute;
        padding: 10px 20px 20px;
        top: 10%;     */
}
.custom-locker-view .project-item .locker-info .locker-info-detail {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px;
    /* color: #222; */
    position: absolute;
    bottom: 5%;
}

/* PopBox Services */
.popbox-services {
    background-image: url("../images/backgrounds/skewgrey.png") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ffffff;
    /* background-position: 100% 50% !important; */
}
.popbox-services-content .item .popbox-service {
    font-family: "Montserrat", sans-serif !important;
    position: absolute;
    padding: 10px 20px 20px;
    top: 10%;
}
.popbox-services-content .item .popbox-service .title {
    padding-right: 50px;
    color: #ffffff;
    font-weight: 900;
    font-size: 40px;
}
.popbox-services-content .item .arrow {
    position: absolute;
    top: 12%;
    right: 6%;
    color: #ffffff;
    font-size: 34px;
}
.service-item {
    width: 350px;
}

/* Country Slider */
.country-slider {
    margin-bottom: -80px;
}
.country-slider-item .img-box .country-slider-info {
    padding: 40px;
}
.country-slider-item .img-box .country-slider-info .title {
    position: absolute;
    top: 32%;
    left: 20%;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 900;
    font-size: 32px;
}
.country-slider-item .img-box .country-slider-info p {
    position: absolute;
    width: 50%;
    top: 40%;
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px;
    line-height: 20px;
    color: #202020, 100%;
}
/* Slider dots */
.country-gallery-slider .owl-controls {
    position: absolute;
    top: 65%;
    left: 50%;
}
.country-gallery-slider .owl-controls .owl-dots {
    position: relative;
    left: -50%;
}
.country-gallery-slider .owl-controls .owl-dots .owl-dot span {
    background: #ffffff !important;
}
.gallery-slider-one .owl-controls .owl-dot.active span,
.gallery-slider-one .owl-controls .owl-dot:hover span,
.country-gallery-slider .owl-controls .owl-dot.active span,
.country-gallery-slider .owl-controls .owl-dot:hover span {
    background: #fb2424 !important;
}

/* Testimonial */
.custom-testimonial p {
    font-size: 14px !important;
    line-height: 30px !important;
}

/* Footer Four*/
.theme-footer-four {
    background: #090909, 100%;
    padding-top: 90px;
}
.theme-footer-four .row [class*="col-"] {
    padding-bottom: 35px;
}
.theme-footer-four .title {
    font-size: 16px;
    color: #fff;
    padding-bottom: 25px;
}
.theme-footer-four .footer-list ul li a {
    font-size: 14px !important;
    color: #fff;
}

/* Custom IDs Sections */
#theme-banner-one .main-wrapper {
    padding: 180px 0 155px !important;
}
#theme-banner-one .main-wrapper .main-title {
    padding: 25px 0 20px !important;
    line-height: 60px !important;
}
.theme-title-one .main-title,
.theme-title-three .title {
    color: #243e64;
}
.project-minimal-style .owl-theme .owl-nav [class*="owl-"] {
    border: solid #bcbcbc 0.1px;
}

/* ABOUT */
.solid-inner-banner {
    background: #f2f2f2;
}
.about-us-standard .top-icon-box .icon {
    background-color: #244574;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

/* SELECT2 */
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 14px;
    line-height: 36px !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px !important;
}

/* CONTACT */
#custom-contact-form .form-group {
    position: relative;
    margin-bottom: 22px;
}
#custom-contact-form .form-group input,
#custom-contact-form .form-group textarea {
    border: 1px solid #ebebeb;
    width: 100%;
    max-width: 100%;
    color: #989ca2;
    background: transparent;
}
#custom-contact-form .form-group input:focus,
#custom-contact-form .form-group textarea:focus {
    border-color: #545454;
}
#custom-contact-form .form-group ::placeholder {
    color: #989ca2;
    opacity: 1;
}
#custom-contact-form .form-group :-ms-input-placeholder {
    color: #989ca2;
}
#custom-contact-form .form-group ::-ms-input-placeholder {
    color: #989ca2;
}
#custom-contact-form .form-group input {
    height: 60px;
    padding: 0 25px;
}
#custom-contact-form .form-group textarea {
    height: 190px;
    max-height: 190px;
    resize: none;
    padding: 20px 25px;
}
#custom-contact-form .form-group .help-block {
    position: absolute;
    left: 0;
    bottom: -12px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    padding: 0 15px;
    border-radius: 3px;
    box-shadow: 0px 10px 25px 0px rgba(123, 147, 171, 0.15);
}
#custom-contact-form .form-group .help-block li {
    position: relative;
}
#custom-contact-form .form-group .help-block li:before {
    content: "";
    font-family: "font-awesome";
    position: absolute;
    top: -12px;
    left: 0;
}
#custom-contact-form button {
    margin-top: 35px;
}

/* Floating button chat */
.floating-chat {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 1000;
    width: 250px;
}

/* MOBILE */
@media only screen and (max-width: 767px) {
    .mobile-font-14 {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .mobile-font-24 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .mobile-font-60 {
        font-size: 60px !important;
    }

    /* Banner & Buttons */
    .main-banner {
        background-image: url("../images/banner-m.png") !important;
        background-position: 50% 50% !important;
    }
    #theme-banner-one .main-wrapper {
        padding: 80px 0 155px !important;
    }
    #theme-banner-one .main-wrapper .main-title {
        font-size: 42px !important;
        padding: 25px 0 0px !important;
        line-height: 44px !important;
        text-align: left !important;
    }
    .mobile-btn-center {
        text-align: left !important;
    }
    .mobile-text-red {
        color: #ff0b09 !important;
    }

    /* PopBox Solution */
    .theme-title-three p {
        padding-top: 10px;
        line-height: 20px !important;
    }

    /* PopBox Services */
    .service-item {
        width: 230px;
    }

    /* Helpers */
    .ptm-0 {
        padding-top: 0px !important;
    }
    .pbm-0 {
        padding-bottom: 0px !important;
    }
    .mtm-0 {
        margin-top: 0px !important;
    }
    .mbm-0 {
        margin-bottom: 0px !important;
    }

    /* Floating button chat */
    .floating-chat {
        position: fixed;
        right: 50px;
        bottom: 50px;
        z-index: 1000;
        width: 250px;

        right: 20px;
        bottom: 10px;
        z-index: 1000;
        width: 170px;
    }
}