.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:0 0;--row-gap:0;--column-gap:0}.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}.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)}}.elementor-3300 .elementor-element.elementor-element-673e0a5{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%;
        }

    }
}.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:.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}.cf7-blink{display:inline-block;animation:cf7Blink 1s linear infinite;-webkit-animation:cf7Blink 1s linear infinite}@keyframes cf7Blink {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}@media (prefers-reduced-motion:reduce){.cf7-blink{animation:none;opacity:1}}#addmailto{color:red;text-decoration:unerline}.elementor-3300 .elementor-element.elementor-element-b66d600{z-index:2;position:relative}