@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



















:root {
    
    --primary: #075F80FF;
    --secondary: #03195CFF;

    --global-primary-color: #075F80FF;
    --global-secondary-color: #03195CFF;
    --global-highlight-color: #d77c1fff;
    --global-alert-color: #A40000FF;
    --global-body-color: #212529FF;

    
    --heading-font: 'Open Sans', Arial, sans-serif;
    --general-font: 'Open Sans', Arial, sans-serif;

    
    --button-font: 'Open Sans', Arial, sans-serif;

    
    --global-font-alignment: center;

    
    --accodian-icon-primary: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23075F80FF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --select-dropdown-icon-primary: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23075F80FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --checkbox-arrow-primary-color: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23075F80FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    --radio-circle-primary-color: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23075F80FF'/%3e%3c/svg%3e");
    --radio-circle-secondary-color: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2303195CFF'/%3e%3c/svg%3e");
    --modal-close-btn-primary-color: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23075F80FF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

    
    --primary-color-01-opacity:  #075F801a ;
    --secondary-color-01-opacity:  #03195C1a ;
    --primary-color-02-opacity:  #075F8033 ;
    --secondary-color-02-opacity:  #03195C33 ;
    --primary-color-04-opacity:  #075F8066 ;
    --secondary-color-04-opacity:  #03195C66 ;
    --primary-color-06-opacity:  #075F8099 ;
    --secondary-color-06-opacity:  #03195C99 ;

    --primary-color-0-04-opacity:  #075F800a ;
    --secondary-color-0-04-opacity:  #03195C0a ;
    --primary-color-12-opacity:  #075F801f ;
    --secondary-color-12-opacity:  #03195C1f ;

    --border-radius: 8px !important ;
}

body{
    color: var(--global-body-color);
}

h1, h2, h3, h4, h5, h6,
.h1-theme-bold, .h2-theme-bold, .h3-theme-bold {
    font-family: var(--heading-font);
    color: var(--global-primary-color);
    
    
    
}

p{
    font-family: var(--general-font);
    color: var(--global-primary-color);
}


li{
    font-family: var(--general-font);
    color: var(--global-primary-color);
}


.disabled-block {
    pointer-events: none;
}

a, a:hover, a:focus, a:active{
    color: var(--global-secondary-color);
}


.theme-primary-btn,
.theme-secondary-btn,
.F1, .F2, .F3, .F4,
.O1, .O2, .O3, .O4,
.F5, .F6, .O5{
    font-family: var(--button-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.03em;
    padding: 10px 16px;
    text-decoration: None;
    text-align: center;
    white-space: normal;
}

.theme-btn-small{
    font-size: 14px !important;
    padding: 8px 2px;
    text-wrap: nowrap;
}

/* Media query for small screens */
@media (max-width: 767px) {
    .theme-btn-small{
        font-size: 14px !important;
    }
}


    .theme-primary-btn:disabled,
    .theme-secondary-btn:disabled
    {
        opacity: 0.6;
        pointer-events: none;
    }

    .pet-status{
        padding: 4px 12px;
        gap: 4px;
        position: absolute;
        left: 10px;
        top: 10px;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(2px);
        color: var(--global-primary-color);
        font-family: var(--general-font);
    }

    .pet-image-slider-item-text{
        padding: 4px 12px;
        gap: 4px;
        position: absolute;
        right: 12px;
        bottom: 20px;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(2px);
        color: var(--global-secondary-color); 
    }

    
    
        .theme-primary-btn,
        .theme-primary-btn:disabled:hover,
        .theme-primary-btn:disabled:focus
        {
            background-color: var(--global-secondary-color);
            color: white;
            border: 2px solid var(--global-secondary-color);
        }

        .theme-primary-btn:hover, .theme-primary-btn:focus 
        {
            border: 2px solid var(--global-secondary-color);
            background-color: white;
            color: var(--global-secondary-color);
        }
        .svg-primary{
            fill: white; 
        }
        .theme-primary-btn:hover .svg-primary{
            fill: var(--global-secondary-color);
        }
    

    
    
        .theme-secondary-btn,
        .theme-secondary-btn:disabled:hover,
        .theme-secondary-btn:disabled:focus
        {
            background-color: white;
            color: var(--global-secondary-color);
            box-shadow: 0px 1px 4px rgba(0, 63, 90, 0.06), 0px 2px 12px rgba(0, 63, 90, 0.15);
            backdrop-filter: blur(2px);
            border: 2px solid white;
        }

        .theme-secondary-btn:hover, .theme-secondary-btn:focus
        {
            border: 2px solid var(--global-secondary-color);
            background-color: var(--global-secondary-color);
            color: white;
        }
        .svg-secondary{
            fill: var(--global-secondary-color); 
        }
        .theme-secondary-btn:hover .svg-secondary{
            fill: white;
        }
    
    



.F1{
    background-color: var(--global-primary-color) !important;
    color: white !important;
    border: 2px solid var(--global-primary-color) !important;
}
.F2{
    background-color: var(--global-secondary-color) !important;
    color: white !important;
    border: 2px solid var(--global-secondary-color) !important;
}
.F3{
    background-color: white !important;
    color: var(--global-primary-color) !important;
    border: 2px solid white !important;
    box-shadow: 0px 1px 4px rgba(0, 63, 90, 0.06), 0px 2px 12px rgba(0, 63, 90, 0.15);
    backdrop-filter: blur(2px);
}
.F4{
    background-color: white !important;
    color: var(--global-secondary-color) !important;
    border: 2px solid white !important;
    box-shadow: 0px 1px 4px rgba(0, 63, 90, 0.06), 0px 2px 12px rgba(0, 63, 90, 0.15);
    backdrop-filter: blur(2px);
}

.F1:hover{
    background-color: white !important;
    color: var(--global-primary-color) !important;
}
.F2:hover{
    background-color: white !important; 
    color: var(--global-secondary-color) !important;
}
.F3:hover{
    background-color: var(--global-primary-color) !important;
    color: white !important;
}
.F4:hover{
    background-color: var(--global-secondary-color) !important;
    color: white !important;
}

.O1{
    background-color: white !important;
    color: var(--global-primary-color) !important;
    border: 2px solid var(--global-primary-color) !important;
}
.O2{
    background-color: white !important;
    color: var(--global-secondary-color) !important;
    border: 2px solid var(--global-secondary-color) !important;
}
.O3{
    background-color: white !important;
    color: black !important;
    border: 2px solid black !important;
}
.O4{
    background-color: rgba(0, 63, 90, 0.05) !important;
    color: white !important;
    border: 2px solid rgba(0, 63, 90, 0.05) !important;
    box-shadow: 0px 1px 4px rgba(0, 63, 90, 0.06), 0px 2px 12px rgba(0, 63, 90, 0.15);
    backdrop-filter: blur(2px);    
}

.O1:hover{
    background-color: var(--global-primary-color) !important;
    color: white !important;
}
.O2:hover{
    background-color: var(--global-secondary-color) !important; 
    color: white !important;
}
.O3:hover{
    background-color: black !important;
    color: white !important;
}
.O4:hover{
    background-color: white !important;
    color: var(--global-primary-color) !important;
}

.F5{
    background: var(--global-highlight-color) !important;
    color: #fff !important;
    border: 2px solid var(--global-highlight-color) !important;
}
.F6{
    background: var(--global-highlight-color) !important;
    color: var(--global-primary-color) !important;
    border: 2px solid var(--global-highlight-color) !important;
}
.O5{
    background: transparent !important;
    color: var(--global-highlight-color) !important;
    border: 2px solid var(--global-highlight-color) !important;
}

.F5:hover{
    background: #fff !important;
    color: var(--global-highlight-color) !important;
}
.F6:hover{
    background: #fff !important;
    color: var(--global-highlight-color) !important;
}
.O5:hover{
    background: var(--global-highlight-color) !important;
    color: #fff !important;
}



    
    .theme-primary-btn,
    .theme-secondary-btn,
    .F1, .F2, .F3, .F4,
    .O1, .O2, .O3, .O4,
    .F5, .F6, .O5,
    .co-note-btn,
    .co-note-btn-secondary
    {
        border-radius:  8px  !important;
    }

    .video-shape,
    .card-shape,
    .image-shape
    {
        border-radius: 8px  !important;
    }

    .carousel-item-box-desc-title{
        border-radius:   0px 12px 12px 0px ;
    }

    .carousel-item-box-desc-sub-title{
        border-radius:   8px ;
    }

    .card-img-top{
        border-top-left-radius:  8px  !important;
        border-top-right-radius:  8px  !important;
    }

    .card-img-bottom{
        border-bottom-left-radius:  8px  !important;
        border-bottom-right-radius:  8px  !important;
    }

    .pet-price{
        border-radius: 0px  8px  0px 15px;
    }

    .pet-traits-bar .progress,
    .breed-traits-bar .progress
    {
        border-radius:  8px  ;
    }

    
    .breed-list-name-outer{
        border-radius: 8px;
    }

    
    .pet-image-slider-item-text,
    .pet-status,
    .filter-dropdown .dropdown-menu.show,
    .filter-dropdown button{
        border-radius:  8px  ;
    }

    
    .theme-form input,
    .theme-form textarea,
    .theme-form select{
        border-radius:  8px   !important;
    }

    
    .theme-form input[type="checkbox"]
    {
        border-radius:  8px   !important;
    }








.theme-band-scrim {
    position: relative;
}
.theme-band-scrim::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.35);
}
.theme-band-scrim > * {
    position: relative;
    z-index: 1;
}

.theme-band-scrim h1, .theme-band-scrim h2, .theme-band-scrim h3, .theme-band-scrim h4, .theme-band-scrim h5, .theme-band-scrim h6, .theme-band-scrim p, .theme-band-scrim li, .theme-band-scrim span, .theme-band-scrim a,
.theme-band-scrim .infofirst-title, .theme-band-scrim .infofirst-title *, .theme-band-scrim .infofirst-sub-title, .theme-band-scrim .infofirst-sub-title *, .theme-band-scrim .infofirst-message, .theme-band-scrim .infofirst-message * {
    color: #ffffff;
}
.theme-band-scrim a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.theme-band-parallax {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 420px;
}

@media (max-width: 768px) {
    .theme-band-parallax {
        background-attachment: scroll;
        min-height: 340px;
    }
}


.theme-band-fluid {
    
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}
.theme-band-fluid .container-fluid {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%;
}
.theme-band-fluid .row {
    margin-left: 0;
    margin-right: 0;
}
.theme-band-fluid .row > [class*="col"] {
    display: flex;
    justify-content: center;
}


.theme-band-panel .info-block-first-content-l5 {
    max-width: min(680px, calc(100vw - 32px));
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    text-align: center;
    background: rgba(20, 40, 46, 0.50);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 34px 40px;
    border-radius: 18px;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.28);
}
.theme-band-panel .infofirst-title, .theme-band-panel .infofirst-title *, .theme-band-panel .infofirst-sub-title, .theme-band-panel .infofirst-sub-title *, .theme-band-panel .infofirst-message, .theme-band-panel .infofirst-message * {
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.30);
}
@media (max-width: 820px) {
    .theme-band-panel .info-block-first-content-l5 {
        max-width: 340px;
        width: auto;
        flex: 0 1 340px;
        min-width: 0;
        padding: 22px 18px;
        background: rgba(20, 40, 46, 0.60);
    }
    .theme-band-panel .row > [class*="col"] {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
}



.carousel-plugin.theme-carousel-circles {
    margin-bottom: 0 !important;
}
.theme-carousel-circles .carousel-item-box-style-1 {
    text-align: center;
}
.theme-carousel-circles .carousel-item-box-style-1 a {
    text-decoration: none !important;
}

.theme-carousel-circles .slick-slide {
    padding: 0 14px;
    box-sizing: border-box;
}
.theme-carousel-circles .slick-list {
    margin: 0 -14px;
}
.theme-carousel-circles .carousel-item-box-img.card-shape {
    width: 100%;
    max-width: 190px;
    aspect-ratio: 1 / 1;
    height: auto;
    margin: 0 auto;
    border-radius: 50% !important;
    overflow: hidden;
    border: 4px solid var(--global-highlight-color);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    background: #fff;
}
.theme-carousel-circles .carousel-item-box-img.card-shape .car_main_img,
.theme-carousel-circles .carousel-item-box-img.card-shape .car_place_img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 0 !important;
}

.theme-carousel-circles .carousel-item-box-style-1 .carousel-item-box-desc {
    position: static !important;
    display: block !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    color: var(--global-primary-color) !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

.theme-carousel-circles .slick-prev,
.theme-carousel-circles .slick-next {
    width: auto;
    height: auto;
    z-index: 5;
    background: transparent !important;
}
.theme-carousel-circles .slick-prev {
    left: -30px;
}
.theme-carousel-circles .slick-next {
    right: -30px;
}
.theme-carousel-circles .slick-prev:before,
.theme-carousel-circles .slick-next:before {
    font-family: 'FontAwesome' !important;
    color: var(--global-primary-color) !important;
    font-size: 2rem !important;
    opacity: 1 !important;
    background: transparent !important;
}
.theme-carousel-circles .slick-prev:before {
    content: '\f104' !important;
}
.theme-carousel-circles .slick-next:before {
    content: '\f105' !important;
}
@media (max-width: 820px) {
    .theme-carousel-circles .slick-prev {
        left: -6px;
    }
    .theme-carousel-circles .slick-next {
        right: -6px;
    }
}