.elementor-3300 .elementor-element.elementor-element-9efd0b0{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;}.elementor-3300 .elementor-element.elementor-element-d7bb724{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-3300 .elementor-element.elementor-element-b66d600{--display:flex;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:32px 32px 32px 32px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-3300 .elementor-element.elementor-element-b66d600:not(.elementor-motion-effects-element-type-background), .elementor-3300 .elementor-element.elementor-element-b66d600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f33f535 );}@media(max-width:1366px){.elementor-3300 .elementor-element.elementor-element-d7bb724.e-con{--order:-99999 /* order start hack */;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-3300 .elementor-element.elementor-element-9efd0b0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for image, class: .elementor-element-673e0a5 */.elementor-3300 .elementor-element.elementor-element-673e0a5 {
    /*width: 104%;
    max-width: unset !important */
    transition: all .4s ease-in-out;
    
    img{
        transition: all .4s ease-in-out;
        width: 100%;
    }
}

#reg-img{transition: all .4s ease-in-out;}

#reg-img{
    position: fixed;
    width: 40%;
    top: 7rem;
    
    @media (max-width: 1200px){
        display: flex;        
    }
    
    @media (max-width: 1024px){
        display: unset;
        position: unset;
        width: auto;
        top: unset;
    }
    img{
        width: 100%;
        @media (max-width: 1200px){
            width: 100%;
        }
        @media (max-width: 1024px){
            width: 70%;
        }

    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fe4d4c5 */.pc-header-area{
    h2{
        margin: 0 0 1rem;
        line-height: 120%;
        text-align: center;
    }
    
    p {
        text-align: center;
    }
    
    h4{
        margin: 0 0 1rem;
        text-align: center;
        line-height: 120%;
    }
    
    .pc-step-by-step-wrap{
        .pc-step-by-step{
            display: table;
            margin: 0 auto 1.5rem;
            position: relative;
            
            .pc-step-border{
                position: absolute;
                height: 2px;
                background: #8D95A0;
                width: 100%;
                top: 45%;
                z-index: 1;
            }
            .pc-step-not-yet{
                display: inline-block;
                width: 60px;
                height: 60px;
                border: 3px solid #8D95A0;
                border-radius: 50%;
                overflow: hidden;
                text-align: center;
                line-height: 54px;
                color: #2D405980;
                font-weight: 500;
                font-size: 32px;
                font-family: "Poppins", Sans-serif;
                background-color: #fff;
                position: relative;
                z-index: 2;
            }
            .pc-step-not-yet:nth-child(3){
                margin-left: 4rem;
                margin-right: 4rem; 
                
                @media (max-width: 767px) {
                    margin-left: 2rem;
                    margin-right: 2rem;
                }
            }
            
            .pc-step-current{
                background-color: #8D95A0;
                color: var( --e-global-color-6fa5135 );
                
            }
            
            .pc-step-done{
                color: #262D13;
                background: #BCD656;
                border-color: #BCD656;
            }
        }
        
    }
}

.pc-form{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    
    p{
        margin: 0;
    }
    label{
        color: #9B9B9B;
        font-size: 14px;
        line-height: 120%;
        margin: 0 0 0.5rem;
        @media (max-width: 1024px){
            display: flex;
            justify-content: center;
        }
    }
    input[type="text"],
    input[type="email"]{
        border: 2px solid #5C5C5C;
        color: #9B9B9B;
        outline: 0;
        font-family: "Noto Sans", Sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1;
        padding: 20px 24px;
        display: block;
        border-radius: 100px;
        
        @media (max-width: 1024px){
            text-align: center;
        }
        
        @media (max-width: 767px){
            font-size: 1rem;
            padding: 1rem;
        }
    }
    
    input[type="text"]:focus,
    input[type="number"]:focus,
    .select-wrapper select:focus,
    input[type="email"]:focus,
    .file-upload-button:focus{
        border: 2px solid var( --e-global-color-6fa5135 );
    }
    input[type="number"]{
        border: 2px solid #5C5C5C;
        color: #9B9B9B;
        outline: 0;
        font-family: "Noto Sans", Sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1;
        padding: 20px 24px;
        display: block;
        border-radius: 100px;
    }
    
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    input[type="number"] {
        -moz-appearance: textfield;
        appearance: textfield; 
    }
    
    
    .select-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .select-wrapper select {
        border: 2px solid #5C5C5C;
        color: #9B9B9B;
        outline: 0;
        font-family: "Noto Sans", Sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1;
        padding: 23.5px 24px;
        border-radius: 100px;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: white;
        cursor: pointer;
    }
    
    .select-wrapper svg {
        position: absolute;
        top: 54%;
        right: 24px; /* adjust as needed */
        transform: translateY(-50%);
        pointer-events: none;
    }
    
    /* Custom arrow */
    .select-wrapper::after {
        content: '▼';
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        pointer-events: none;
        color: #9B9B9B;
        font-size: 14px;
        display: none;
    }
    
    .file-upload-button {
        border: 2px solid #5C5C5C;
        color: #9B9B9B;
        outline: 0;
        font-family: "Noto Sans", Sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1;
        padding: 17.5px 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        cursor: pointer;
        background-color: white;
        gap: 12px;
        width: 100%;
        margin: 0;
    }
    
    .file-upload-button .icon svg {
        display: block;
    }
    
    .file-upload-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    
    /* Thumbnail Container */
    #thumbnailContainer {
        position: relative !important;
        margin-top: 12px !important;
        width: 80px;
        height: 80px;
    }
    
    #thumbnailContainer img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border: 2px solid #5C5C5C !important;
        border-radius: 16px  !important;
        display: block;
    }
    
    /* Remove Button */
    #removeImage,
    .remove-passport{
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        background: #ff4d4f !important;
        color: white !important;
        border: none;
        border-radius: 50% !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        line-height: 1 !important;
        cursor: pointer !important;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background 0.2s;
        padding: 0 !important;
    }
    
    #removeImage:hover, .remove-passport:hover {
        background: #e53935;
    }
    

    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .file-upload-button {
            font-size: 18px  !important;
            padding: 14px 20px !important;
        }
        #thumbnailContainer {
            width: 60px !important;
            height: 60px !important;
        }
        #removeImage {
            width: 18px !important;
            height: 18px !important;
            font-size: 12px !important;
        }
    }
    
    .pc-btn-handler-step1{
        display: flex;
        flex-direction: row;
        align-self: end;
        
        @media (max-width: 600px){
            flex-direction: column;
            width: 100%;
            gap: 1rem;
        }
        
    }
    
    .btn-handler{
    
        display: flex;
        align-self: flex-end;
    
        button{
            transition: all 0.3s ease-in-out;
            background-color: var( --e-global-color-accent );
            font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
            font-weight: var( --e-global-typography-accent-font-weight );
            line-height: var( --e-global-typography-accent-line-height );
            border: 0;
            width: 200px;
            @media (max-width: 600px){
                width: 100%;
            }
        }
        
        button:disabled {
          background: #DFDFDF !important;
          cursor: not-allowed;
          opacity: 0.6;
          color: #9B9B9B !important;
        }
        button:hover{}
        
        .pc-forward-btn{}
        .pc-forward-btn:hover{}
        

        .pc-backward-btn{
            transition: all 0.3s ease-in-out;
            background-color: var( --e-global-color-f33f535 );
            fill: var( --e-global-color-accent );
            color: var( --e-global-color-accent );
            border-style: solid;
            border-width: 3px 3px 3px 3px;
            border-color: var( --e-global-color-accent );
            border-radius: 75px 75px 75px 75px;
            padding: 17px 26px 17px 26px;
        }
        .pc-backward-btn:hover{
            background-color: var( --e-global-color-accent );
            color: var( --e-global-color-6fa5135 );            
        }
    }
    
    .pc-btn-handler-step2{
        display: flex;
        justify-content: end;
        flex-direction: row;
        gap: 1rem;
        
        @media (max-width: 600px) {
            flex-direction: column
        }
    }
    
    fieldset{
        display: flex;
        gap: 1.5rem;
        flex-direction: column;
    }
    

    #pro-ter{
        display: flex;
        gap: 1.5rem;
        justify-content: space-between;
        
        @media (max-width: 1400px){
            flex-direction: column;
        }
        
        > div{
            width: 50%;
            @media (max-width: 1400px){
                width: 100%;
            }
        }
    }
    
    #add-code{
        display: flex;
        gap: 1.5rem;
        justify-content: space-between;
        
        @media (max-width: 1400px){
            flex-direction: column;
        }
        
        
        
        > div:nth-child(1){
            width: 75%;
            
            @media (max-width: 1400px){
                width: 100%;
            }
        }
        
        > div:nth-child(2){
            width: 25%;
            
            @media (max-width: 1400px){
                width: 100%;
            }
        }        
    }
    
    #pet-step-3{
        min-height: 940px;
    }
    
    .checker-label{
        display: block;
        @media (max-width: 1024px){
            display: table;
            margin: 0 auto;
        }
    }
    
    /* Hide the native checkbox */
    .the-check-box {
        display: none;
    }

    /* The span that will show the SVG */
    .the-check-spanner {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
    }

    /* Unchecked state */
    .the-check-box:not(:checked) + .the-check-spanner {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="%235C5C5C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            padding: 0 0 0 31px;
            display: flex;
            width: 100%;
            font-size: 1rem;
            line-height: 150%;  
        @media (max-width: 600px) {
            font-size: 12px;
        }
    }

    /* Checked state */
    .the-check-box:checked + .the-check-spanner {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="%235C5C5C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.75 11.9999L10.58 14.8299L16.25 9.16992" stroke="%235C5C5C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            padding: 0 0 0 31px;
            display: flex;
            width: 100%;
            font-size: 1rem;
            line-height: 150%;  
            @media (max-width: 600px) {
                font-size: 12px;
            }
    }
    




    
}

#owner-info-form button.next-step:disabled {
    background: #DFDFDF !important;
    cursor: not-allowed;
    opacity: 0.6;
    color: #9B9B9B !important;
}

#new-user-info{
    min-height: calc(100vh - 20vh);
}

#chipid-checker{
    @media (max-width: 1024px){
        display: table;
        margin: 4px auto 0;
    }
}

.petchip-lookup-scenario{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    
    img{
        width:  411px;
    }
    
    h2{
        margin: 0;
        text-align: center;
    }
    p{
        margin: 0;
        text-align: center;
    }
    
    
    .chip-btns-holder{
        margin: 0;
        display: flex;
        justify-content: end;
        width: 100%;
        gap: 1rem;
        
        button.btn{
            background-color: var( --e-global-color-accent );
            font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
            font-weight: var( --e-global-typography-accent-font-weight );
            line-height: 1;
            padding: 22px 26px;
            border: 0;
        }
        button.btn:hover{
            color: var( --e-global-color-6fa5135 );
        }
        
        button.btn.btn-with-border{
            background-color: var( --e-global-color-f33f535 );
            fill: var( --e-global-color-accent );
            color: var( --e-global-color-accent );
            border-style: solid;
            border-width: 3px 3px 3px 3px;
            border-color: var( --e-global-color-accent );
            border-radius: 75px 75px 75px 75px;
            padding: 19px 26px;
            line-height: 1;
        }
        button.btn.btn-with-border:hover{
            background-color: var( --e-global-color-accent );
            color: var( --e-global-color-6fa5135 );            
        }
    }
    
    
}


#petchip-lookup-result{
    .pet-image{
        margin: 0 0 1rem;
        line-height: 1;        
        img{
            width: 100%;
            height: 500px;
            background-size: cover;
            object-fit: cover;
            border-radius: 32px;
        }
    }
    
    .pet-details{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        gap: 1rem;
        
        .pet-heading{
            h4{
                margin: 0;
                text-align: center;
            }
        }
        
        .pd_handler{
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            width: 100%;
            
            @media (max-width: 767px) {
                flex-direction: column;
                text-align: center;
            }
            
            div:nth-child(1){
                font-size: 18px;
                line-height: 150%;
            }
            div:nth-child(2){
                font-size: 20px;
                font-weight: 600;
                color: #262D13;
                line-height: 150%;                
            }
        }
        
        .pd_handler[data-seen-last],
        .pd_handler[data-description]{
            flex-direction: column;
            align-items: center;
            
            div:nth-child(1),
            div:nth-child(2){
                text-align: center;
            }
        }
        
        .pd_handler.passporte-info{
            .passport-btn{
                background-color: var( --e-global-color-f33f535 );
                fill: var( --e-global-color-accent );
                color: var( --e-global-color-accent );
                border-style: solid;
                border-width: 3px 3px 3px 3px;
                border-color: var( --e-global-color-accent );
                border-radius: 75px 75px 75px 75px;
                padding: 19px 26px;
                line-height: 1;
                width: 100%;
            }
            
            .passport-btn:hover{
                background-color: var( --e-global-color-accent );
                color: var( --e-global-color-6fa5135 );
            }
        }
    }
}

#petchip-microchip-contact-form{
    textarea{
        border: 2px solid #5C5C5C;
        color: #9B9B9B;
        outline: 0;
        font-family: "Noto Sans", Sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 1;
        padding: 20px 24px;
        display: block;
        border-radius: 32px;
        min-height: 160px;
        
        @media (max-width: 1024px){
            text-align: center;
        }

        @media (max-width: 767px){
            font-size: 1rem;
            padding: 1rem;
        }        
    }
    
    .btn-chip-contact-form{
        display: flex;
        flex-direction: row;
        gap: 1rem;
        justify-content: end; 
        
        @media (max-width: 767px){
            flex-direction: column;
        }
        
        button[type="button"]{
            background-color: var( --e-global-color-f33f535 );
            fill: var( --e-global-color-accent );
            color: var( --e-global-color-accent );
            border-style: solid;
            border-width: 3px 3px 3px 3px;
            border-color: var( --e-global-color-accent );
            border-radius: 75px 75px 75px 75px;
            padding: 19px 26px;
            line-height: 1;        
        }
        button[type="button"]:hover{
            background-color: var( --e-global-color-accent );
            color: var( --e-global-color-6fa5135 );                        
        }
        button[type="submit"]{
            background-color: var( --e-global-color-accent );
            font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
            font-weight: var( --e-global-typography-accent-font-weight );
            line-height: 1;
            padding: 22px 26px;
            border: 0;            
        }
        button[type="submit"]:hover{
            color: var( --e-global-color-6fa5135 );
        }
    }
}

.cf7-result p{
    font-size: 14px;
    margin: 0;
    text-align: right;
}

/* Blink animation for the CF7 result text */
.cf7-blink {
  display: inline-block;          /* keeps the animation predictable */
  animation: cf7Blink 1s linear infinite;
  -webkit-animation: cf7Blink 1s linear infinite; /* Safari */
}

/* keyframes: visible -> invisible -> visible */
@keyframes cf7Blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .cf7-blink {
    animation: none;
    opacity: 1;
  }
}


#addmailto{
    color: red;
    text-decoration: unerline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b66d600 */.elementor-3300 .elementor-element.elementor-element-b66d600 {
    z-index: 2;
    position: relative;
}/* End custom CSS */