/*inner banner css code start*/
.inner-content{
    padding: clamp(150px, 20vw, 230px) 0px clamp(80px, 15vw, 130px);
}
.inner-content h1{ font-size: clamp(50px, 8vw, 150px); margin-bottom: 0px !important;}
.breadcrumb span{
    padding: clamp(15px, 5vw, 25px);
    background: #FFF;
    min-width: clamp(100px, 50vw, 300px);
    text-align: center;
    font-size: clamp(20px, 2.5vw, 30px);
    border-top-right-radius: clamp(10px, 2vw, 20px);
    border-top-left-radius: clamp(10px, 2vw, 20px);
}
.breadcrumb-pattern{
    background-image: url(../images/breadcrumb-pattern1.png); background-repeat: no-repeat;
    width: clamp(21px, 6vw, 47px);
    height: clamp(18px, 4vw, 37px);
}
.breadcrumb-item+.breadcrumb-item::before{
    background: url(../images/icon/dog-boot-icon.svg) no-repeat center center; width: clamp(12px, 2vw, 20px);height: clamp(17px, 2vw, 20px);margin: auto; padding: 0px clamp(20px, 4vw, 20px); content: ''; background-size: contain;
}
.breadcrumb li{display: flex; justify-content: center; color: #000 !important; z-index: 1; padding: 0px !important;}
.breadcrumb li a{ text-decoration: underline;}
.breadcrumb li a:hover{ text-decoration: none;}
.inner-banner .bg-dark {
background-image: url('../images/boarding/boarding-bg.webp') !important;
border-radius: clamp(8px, 2vw, 25px);
background: center center;
background-repeat: no-repeat;
background-size: cover;
}
.inner-banner .inner-content::after{    
content: '';
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
width: 100%; height: 100%;
top: 0;
border-radius: clamp(8px, 2vw, 25px);
}
    /*4k screen css code start*/
    @media screen and (min-width: 1921px) {
        .inner-banner .inner-content{
        padding: 11.979vw 0px 6.771vw;
        }
        .inner-content h1{ font-size: 7.813vw; margin-bottom: 0px !important;}
        .breadcrumb span{
        padding: 1.302vw;
        background: #FFF;
        min-width: 15.625vw;
        font-size: 1.563vw;
        border-top-right-radius: 1.042vw;
        border-top-left-radius: 1.042vw;
        }
        .breadcrumb-item+.breadcrumb-item::before{
        width: 1.042vw; height: 1.042vw; padding:0px 1.042vw; 
        }
        .inner-banner .bg-dark {
        border-radius: 1.302vw;
        }
        .inner-banner .inner-content::after{    
        border-radius: 1.302vw;
        }
    }
    /*4k screen css code end*/ 

/*inner banner css code end*/


/*boarding page css code start*/

    /*sec1 css code start*/
    .boarding-page .sec1 .image-part .cartoon-img{left: -5.208vw; top: clamp(-40px, -5vw, -50px);width: clamp(120px, 14vw, 178px); height: clamp(100px, 12vw, 144px);}
    .boarding-page .sec1 .image-part::before{ content: ''; background-image: url(../images/pattern1.svg); width: clamp(100px, 12vw, 143px); height: clamp(100px, 15vw, 147px);background-size: cover;position: absolute;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(358deg) brightness(103%) contrast(104%); top: clamp(-5px, -0.5vw, -1px); left:-1px;}
    /*sec1 css code end*/

    /*sec2 css code start*/
    .boarding-page .sec2 .bg{ background-image: url(../images/boarding/boarding-bg2.webp); background-size: cover; background-position: center center;}
    /*sec2 css code end*/

    /*budget-sec css code start*/
    .budget-sec .dog-img{
    width: clamp(250px, 40vw, 419px);
    height: auto;
    right: clamp(-40px, -10vw, -100px);
    }
    .budget-sec .item::before{filter: brightness(0) saturate(100%) invert(0%) sepia(13%) saturate(6660%) hue-rotate(4deg) brightness(93%) contrast(79%);}
    .budget-sec .item::after{content: '$';  font-family: var(--Mickies-font) !important; color: #1b1b1b; font-size: 30px; background-color: #fed067; background-image: none; display: flex; justify-content: center; align-items: center;}
    .boarding-page .services-sec .owl-item a::before{filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(2620%) hue-rotate(29deg) brightness(125%) contrast(92%);}
    /*budget-sec css code end*/

    /*4k screen css code start*/
    @media screen and (min-width: 1921px) {
    .boarding-page .sec1 .image-part .cartoon-img{left: -5.208vw; top: -2.604vw;width: 9.271vw; height: 7.5vw;}    
    .boarding-page .sec1 .image-part::before{ width: 7.448vw; height: 7.656vw; top: -0.052vw;}
    .budget-sec .item::after{font-size: 1.563vw;}
    .budget-sec .dog-img{
    width: 21.823vw;
    height: 49.323vw;
    right: -5.208vw;
    }
    }
    /*4k screen css code end*/  

    @media screen and (max-width: 991px) {
    .boarding-page .sec1 .image-part .cartoon-img{left: -40px;}
    .boarding-page .sec1 .image-part{width: fit-content; margin: auto;}
    }

    
/*boarding page css code end*/