/* fonts*/
@font-face {
    font-family: 'Moulay';
    src: url('/assets/fonts/moulay_light-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moulay';
    src: url('/assets/fonts/moulay_regular-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moulay';
    src: url('/assets/fonts/moulay_medium-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moulay';
    src: url('/assets/fonts/moulay_semibold-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Moulay';
    src: url('/assets/fonts/moulay_bold-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MoulayBubble';
    src: url('/assets/fonts/moulay_bubble-webfont.woff2') format('woff2'),
        url('/assets/fonts/moulay_bubble-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Moulay';
}

h1,
h2,
h3,
h4,
h5,
.yellow_btn,
.yellowbox_btn,
.yellow_tranperent_btn,
.get_quote_btn a,
.get_quote_btn_yellow a {
    font-weight: 500;
}

.div-p-15{

    p{
        margin-bottom: 15px;

        &:last-child{
            margin-bottom: 0;
        }
    }
}
/* orange */
.color_yellow,
div#header_2 .custome_nav>li.nav-item.active>a,
div#header_2 .custome_nav>li.nav-item:hover>a,
a:hover {
    color: #F37925;
}

.bgcolor_yellow,
.yellow_btn,
.yellowbox_btn,
.yellow_tranperent_btn,
.home_faq_accodian_title.active,
.home_faq_accodian_tab,
.footer_sec,
div#header_2 .custome_nav>li.nav-item::after {
    background: #F37925;
}

/* blue */
.bgcolor_darkblue,
.free_estimate_sec::after,
.get_quote_btn_yellow a {
    background-color: #5669B1;
}

.color_darkblue,
.home_faq_accodian_title::after,
a,
.footer_copyride_sec a:hover {
    color: #5669B1;
}

.yellow_btn::before,
.yellowbox_btn::before,
.yellow_tranperent_btn::before {
    background: #5669B1;
}

.yellow_btn::after,
.yellowbox_btn::after,
.yellow_tranperent_btn::after {
    background: #5669B1;
}

.get_quote_btn_yellow a:hover svg g.quote_yellow path {
    fill: #5669B1;
}

button.scrollToTopBtn:hover {
    box-shadow: inset 0 0 0 100px #5669B1;
}

/* purple */
.color_skyblue {
    color: #7D6AAF;
}
button.scrollToTopBtn{
    background: #7D6AAF;
}

/* background */
.custom-bg,
.about_us_02,
.client_testimonials_2_bg,
.home_faq_accodian_title,
.client_testimonials_sec,
.preloader,
.core_service_box_02 {
    background: #FFF1E9;
}

h1 {
    font-size: 64px;
}

h2 {
    font-size: 56px;
}

p.upper_time,
.get_quote_btn a,
.get_quote_btn_yellow a {
    font-size: 16px;
}

.header_logo img {
    height: 100px;
}

.mob-lang{
    position: absolute;
    top: 30px;
    right: 100px;
}

.drop_down_menu a {
    color: #555555;
}

.custome_nav>li.nav-item>a {
    font-size: 18px;
}

.navbar-toggler-icon {
    border: 2px solid #5669B1;
}

.btn-close svg {
    stroke: #5669B1;
}

.banner2_slider_sec {
    position: relative;
}

.banner_slider_content {
    position: absolute;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.banner_slidr_box {
    padding: 0;
    background-position: center;
}

.banner_slidr_box::after {
    background-color: #7D6AAF;
}

.mob-banner{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
}

.mob-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    pointer-events: none; /* tako da ne blokira klikove */
}

.free_estimate_sec {
    background-image: url('/images/praonica-rublja-zadar-08.webp');
}

.why_choose_img {
    display: block;
}

/*.core_service_box_02 img{
    width: 100px;
}*/

.cpy_fea_2_icon {
    text-align: center;
}

.cpy_fea_2_icon .icon-bg {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-bottom: 40px;
    border-radius: 15px 40px;
    background-color: #5669B1;
}

.cpy_fea_2_icon .icon-bg img {
    position: absolute;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cpy_fea_info {
    padding-top: 20px;
}

.cpy_fea_2_icon .icon-bg {
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.cpy_fea_2_icon .icon-bg:hover {
    transform: rotateY(180deg);
    transition: transform 0.6s;
}

.client_testimonials_2_bg {
    background-image: none;
}

.client_testimonials_2_bg::after {
    display: none;
}

.client_testimonials_sec {
    padding-top: 100px;
}

.client_testimonials_item .client_testimonials_box:hover,
.client_testimonials_item.slick-slide.slick-current.slick-active.slick-center .client_testimonials_box {
    background-color: #fff;
    box-shadow: 0px 40px 60px -25px rgba(18, 57, 172, 0.20);
}

.contact_social_link a {
    border: 2px solid rgba(255, 255, 255, 1);
}

.page_hero_sec {
    padding: 150px 0;
    background-color: #F37925;
    background-image: url('/images/praonica-rublja-zadar-05.webp');
    text-align: center;
}

.page_hero_sec::after {
    content: url(../images/Commen-Imgs/free-estiment-img-shap.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #F37925;
    opacity: 0.60;
    z-index: -1;
    overflow: hidden;
}

.animation-bubble div[class^=bubble-] {
    background: url(/assets/images/bubble_1.webp) no-repeat center center;
}

a.about_us_contact_box {
    border: 2px solid #F37925;
}

.abt_right_info p {
    padding: 0 !important;
    border: none !important;
}

.abt_right_info p:not(:last-child) {
    margin-bottom: 30px !important;
}

.about_us_02.au_custom {
    padding-left: 50px;
}

ul.abt_right_list li.abt_right_item {
    width: 100%;
    text-align: left;
}

.style-text {
    font-size: 20px;

    .single_service_imgs {
        margin: 0 0 30px 0 !important;
    }

    h2 {
        margin: 0 0 30px 0 !important;
        font-size: 36px !important;
    }

    p {
        margin: 0 0 30px 0 !important;
        padding: 0 !important;
    }

    ul {
        margin: 0 0 30px 0 !important;
    }

    .responsive-wrapper {
        margin: 0 0 30px 0 !important;
    }
}

.zui-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
}

.zui-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px 25px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}

.zui-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px 25px;
}

.responsive-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.price-list {
    font-size: 18px;
}

.price-list .pl-h2 {
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
}

.price-list .pl-h2:first-child {
    margin-top: 0;
}

.price-list .pl-h3 {
    font-size: 18px;
    padding: 10px;
    border-bottom: 1px solid #A2258D;
    font-weight: 600;
}

.price-list .price-list-item {
    margin-bottom: 5px;
    padding: 20px 10px;
    border-bottom: 1px solid #A2258D;
}

.price-list .price-list-item .pl-primary {
    float: left;
    width: 70%;
}

.price-list .price-list-item .pl-price {
    float: left;
    width: 30%;
    font-weight: 600;
    text-align: right;
}

ul.service_offer_1 li a.active,
ul.service_offer_1 li a:hover {
    color: #fff;
    box-shadow: inset 0 0 0 80px #5669B1;
}

ul.service_offer_1 li a.active {
    cursor: default;
}

.faqs_form {
    background-image: none;
}

.faqs_form a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.faqs_form:after {
    background-color: #5669B1;
}

.home_contact_box {
    justify-content: initial;
}

.div-p-30 p {
    margin-bottom: 30px;
    padding: 0;
}

input[type=checkbox]:before {
    display: none;
}

.footer_upper_01 {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.sticker-01 {
    position: absolute;
    left: 100px;
    bottom: 50px;
    height: 150px;
    transform: rotate(20deg);
}

.sticker-02 {
    position: absolute;
    left: 100px;
    bottom: 50px;
    height: 150px;
    transform: rotate(20deg);
}

.sticker-03 {
    position: absolute;
    right: 100px;
    bottom: 50px;
    height: 150px;
    transform: rotate(-20deg);
}

.sticker-04 {
    position: absolute;
    right: 100px;
    bottom: 50px;
    height: 150px;
    transform: rotate(-20deg);
}

.mob-menu-down{
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #5669B1; 
    color: #fff;
    z-index: 100001;

    ul{
        list-style: none;

        li{
            float: left;
            width: 50%;
            line-height: 1;
            padding: 13px 0;
            text-align: center;

            i{
                display: block;
                margin-bottom: 5px;
                font-size: 24px;
            }
            a{
                display: block;
                color: #fff;
                font-size: 16px;
            }
        }
    }
}

@media screen and (max-width: 1260px) {
    .header_logo img {
        height: 60px;
    }
}

@media screen and (max-width: 1080px) {
    h1 {
        font-size: 36px !important;
    }

    h2 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 22px !important;
    }

    h5 {
        font-size: 18px !important;
    }

    .banner_slider_content h5,
    .banner_slider_content h6 {
        font-size: 16px;
    }

    .client_testimonials_item .client_testimonials_box {
        background-color: #fff;
    }

    .abt_right_info p {
        margin-top: 20px !important;
    }

    .about_us_02.au_custom {
        padding-left: 20px;
    }

    .style-text {
        font-size: 18px !important;

        .single_service_imgs {
            margin: 0 0 20px 0 !important;
        }

        h2 {
            margin: 0 0 20px 0 !important;
            font-size: 24px !important;
        }

        p {
            margin: 0 0 20px 0 !important;
            padding: 0 !important;
            font-size: 18px !important;
        }

        ul,
        .responsive-wrapper {
            margin: 0 0 20px 0 !important;
        }
    }    
    button.scrollToTopBtn {
        bottom: 60px !important;
        right: 5px !important;
    }
    .footer-offset{
        height: 50px;
    }
    .mob-menu-down{
        display: block;
    }
}

@media (max-width: 991.98px) {
    .single_service_design1 .row {
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width: 991.98px) {
    .banner_slider_content {
        width: 80% !important;
    }

    .client_testimonials_sec {
        padding-top: 50px;
    }

    .page_hero_sec {
        padding: 50px 0 80px 0;

        .sticker-02 {
            bottom: 10px;
        }

        .sticker-04 {
            bottom: 10px;
        }
    }

    .sticker-01 {
        position: relative;
        left: 10px;
        bottom: 20px;
        height: 50px;
    }

    .sticker-02 {
        position: absolute;
        left: 15px;
        bottom: -25px;
        height: 50px;
    }

    .sticker-03 {
        position: relative;
        float: right;
        right: 10px;
        bottom: 20px;
        height: 50px;
    }

    .sticker-04 {
        position: absolute;
        right: 15px;
        bottom: -30px;
        height: 60px;
    }

    .break-line {
        display: block;
        height: 0;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .price-list {
        font-size: 18px;
    }

    .price-list .pl-h2 {
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 20px !important;
    }

    .price-list .pl-h2:first-child {
        margin-top: 0;
    }

    .price-list .pl-h3 {
        padding: 10px;
    }

    .price-list .price-list-item {
        padding: 10px;
        border-bottom: 1px solid #A2258D;
    }

    .price-list .price-list-item .pl-primary {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .price-list .price-list-item .pl-price {
        float: none;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .header_main{
        padding: 0;
    }
    .client_testimonials_sec {
        padding-top: 30px;
    }
    .banner_slider_content {
        position: relative;
        height: auto;
        top: initial;
        left: initial;
        padding: 30px 0;
        transform: translate(0, 0);
    }
}
.modal {
    z-index: 99999;
}
.modal-backdrop {
    z-index: 9999;
}
@media (max-width: 431px) {
    .home_faq_accodian_title h5 {
        width: 80%;
        padding: 0 !important;
    }
}