/*
Theme Name: VerifyLabsAI
Theme URI: http://verifylabs.ai
Description: VerifyLabsAI Website theme
Version: 1
Author: Misha von Bennigsen / Brand & Deliver
Author URI: http://verifylabs.ai
*/

:root { 
	--vlfp-layout-gap-size: 1.5rem; 
	--vlfp-lhs-ratio: 60.5 / (60.5 + 29.4); 
	--vlfp-rhs-ratio: 29.4 / (60.5 + 29.4); 
	--vlfp-pallette-darkgreen: #004109; 
	--vlfp-pallette-mediumgreen: #178722; 
	--vlfp-pallette-brightgreen: #38B031; 
	--vlfp-pallette-lightgreen: #AEE6AB; 
	--vlfp-pallette-darkgrey: #272B27; 
	--vlfp-pallette-mediumgrey1: #5A5E5A; 
	--vlfp-pallette-mediumgrey2: #AAB2AA; 
	--vlfp-pallette-lightgrey: #ECF5EC; 
	--vlfp-pallette-red: #E6070D; 
	--vlfp-pallette-white: #FFF; 
	--vlfp-pallette-black: #000; }
*:not(p) { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: calc(8.3px + 0.5vw);background: var(--vlfp-pallette-lightgrey); }
body { background: var(--vlfp-pallette-lightgrey); font-family: Figtree, sans-serif; }
a { color: var(--vlfp-pallette-brightgreen); text-decoration: none; }
a:hover { color: var(--vlfp-pallette-black); }
h2 { font-size:2rem;font-weight:bold;color:var(--vlfp-pallette-brightgreen);margin-bottom:2rem; }
.pr { position: relative; }
.dib { display: inline-block; }
.db { display: block; }
.oh { overflow: hidden; }
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.dn { display: none; }
.fr { float:right; }
.flex1 { flex:1; }
.flex2 { flex:2; }
.bg-dgreen { background: var(--vlfp-pallette-darkgreen); }
.bg-mgreen { background: var(--vlfp-pallette-mediumgreen); }
.bg-bgreen { background: var(--vlfp-pallette-brightgreen) !important; }
.bg-lgreen { background: var(--vlfp-pallette-lightgreen); }
.bg-dgrey { background: var(--vlfp-pallette-darkgrey); }
.bg-mgrey1 { background: var(--vlfp-pallette-mediumgrey1); }
.bg-mgrey2 { background: var(--vlfp-pallette-mediumgrey2); }
.bg-lgrey { background: var(--vlfp-pallette-lightgrey); }
.bg-red { background: var(--vlfp-pallette-red) !important; }
.bg-white { background: var(--vlfp-pallette-white); }
.bg-black { background: var(--vlfp-pallette-black); }
.col-dgreen { color: var(--vlfp-pallette-darkgreen); }
.col-mgreen { color: var(--vlfp-pallette-mediumgreen); }
.col-bgreen { color: var(--vlfp-pallette-brightgreen); }
.col-lgreen { color: var(--vlfp-pallette-lightgreen); }
.col-dgrey { color: var(--vlfp-pallette-darkgrey); }
.col-mgrey1 { color: var(--vlfp-pallette-mediumgrey1); }
.col-mgrey2 { color: var(--vlfp-pallette-mediumgrey2); }
.col-lgrey { color: var(--vlfp-pallette-lightgrey); }
.col-red { color: var(--vlfp-pallette-red); }
.col-white { color: var(--vlfp-pallette-white); }
.col-black { color: var(--vlfp-pallette-black); }
.m-0 { margin: 0rem !important; }
.m-t1r { margin-top: 1rem !important; }
.m-t2r { margin-top: 2rem !important; }
.m-t3r { margin-top: 3rem !important; }
.m-t4r { margin-top: 4rem !important; }
.m-t5r { margin-top: 5rem !important; }
.m-b1r { margin-bottom:1rem !important; }
.m-b5r { margin-bottom:5rem !important; }
.m-a { margin: auto !important; }
.p-0 { padding: 0rem !important; }
.p-1r { padding: 1rem !important; }
.p-2r { padding: 2rem !important; }
.p-3r { padding: 3rem !important; }
.p-b1r { padding-bottom:1rem !important; }
.p-b6r { padding-bottom:6rem !important; }
.br-2r { border-radius:2rem; }
.bord-b { border-bottom:1px solid var(--vlfp-pallette-black); }
.w-50pc { width: 50% !important; }
.w-100pc { width: 100% !important; }
.f-1r { font-size: 1rem !important; }
.f-12r { font-size: 1.2rem !important; }
.f-14r { font-size: 1.4rem !important; }
.f-2r { font-size: 2rem !important; }
.f-25r { font-size: 2.5rem !important; }
.f-3r { font-size: 3rem !important; }
.f-4r { font-size: 4rem !important; }
.f-5r { font-size: 5rem !important; }
.f-6r { font-size: 6rem !important; }
.f-b { font-weight: bold !important; }
.f-n { font-weight: normal !important; }
.f-c { text-align: center; }
.f-l { text-align: left !important; }
.vl-button-g,.vl-button-b,.wpcf7-submit { padding:1rem;border-radius:5rem !important;border:none;cursor:pointer;font-size: 1.2rem;font-weight: bold; }
.vl-button-g,.wpcf7-submit { background: var(--vlfp-pallette-brightgreen) !important;color: var(--vlfp-pallette-black); }
.vl-button-b { background: var(--vlfp-pallette-black) !important;color: var(--vlfp-pallette-white); }
.vl-button-g:hover,.wpcf7-submit:hover { background: var(--vlfp-pallette-black) !important;color: var(--vlfp-pallette-white); }
.vl-button-b:hover { background: var(--vlfp-pallette-white) !important;color: var(--vlfp-pallette-black); }
.vl-button-mini { padding:0.5rem 1.5rem !important;font-size:0.8rem !important;margin-right:0 !important; }
#vl-signup-form input,#vl-login-form input,.wpcf7-form input,.wpcf7-form textarea { background-color:transparent;border:1px solid #999;border-radius:0.5rem;font-size:1.2rem;padding:1rem;margin:0.5rem;min-width:65%; }
#vl-signup-form ::placeholder,#vl-login-form ::placeholder,.wpcf7-form ::placeholder { color: #CCC;opacity: 1; }
.wpcf7-spinner { margin-left:calc(50% - 12px) !important;display:block !important; }
.wpcf7-not-valid-tip { color:var(--vlfp-pallette-white) !important;background-color:var(--vlfp-pallette-red);padding:1rem;width:30rem;margin:auto; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color:var(--vlfp-pallette-white); background-color:var(--vlfp-pallette-red); border:none !important; padding: 1rem; text-align:center; font-size:1.2rem; }
.g-recaptcha > div { margin: auto !important; }
.mnu-link { font-weight: bold;text-decoration: none;color: var(--vlfp-pallette-darkgrey);padding: 0.8rem 1.2em;border-radius: 5rem; }
.mnu-link:last-child { margin-left:0.75rem;border-radius: 0rem; }
.mnu-link:hover { color: var(--vlfp-pallette-brightgreen) !important; }
.mnu-link-bg:hover { background:var(--vlfp-pallette-darkgrey) !important;color:var(--vlfp-pallette-white) !important; }
.mnu-link-bg .mnu-link-orig { display: inline-block; }
.mnu-link-bg .mnu-link-hover { display: none; }
.mnu-link-bg:hover .mnu-link-orig { display: none; }
.mnu-link-bg:hover .mnu-link-hover { display: inline-block; }
.mnu-link.active { color: var(--vlfp-pallette-mediumgrey2); }
.vl-mnu-container { height: 8rem; margin-top: 20px; margin-bottom: 20px; margin-left: 4.2%; margin-right: 4.2%; }
.vl-mnu-container img { max-width:100%;max-height:100%;margin-top: 1rem; }
.vl-mnu-container div:first-child { width:29%; }
.vl-mnu-container div:not(:first-child) { width:71%;text-align: right; }
.account-icon-link { position:relative;display:inline-block;width:2rem;height:2rem;overflow:hidden;vertical-align:middle; }
.account-icon-link img { position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.2s ease-in-out;vertical-align:middle; }
.account-icon-link .account-icon-g { opacity:1;z-index:2; }
.account-icon-link .account-icon-b { opacity:0;z-index:1; }
.account-icon-link:hover .account-icon-g { opacity:0; }
.account-icon-link:hover .account-icon-b { opacity:1; }
.vl-logo-container { z-index:2000; }
.vl-burger-menu-button { display: none; border: none; cursor: pointer; padding: 10px; width: 60px; height: 60px; position: relative; z-index: 1001; }
.vl-burger-menu-button span { display: block; width: 30px; height: 4px; background-color: var(--vlfp-pallette-black); margin: 4px auto; transition: all 0.3s ease-in-out; }
.vl-burger-menu-button.active span:nth-child(1) { transform: translateY(10px) rotate(45deg); }
.vl-burger-menu-button.active span:nth-child(2) { opacity: 0; }
.vl-burger-menu-button.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.vl-mobile-menu-panel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--vlfp-pallette-lightgrey); z-index: 1000; padding-top: calc(8rem + 20px); overflow-y: auto; flex-direction: column; }
.vl-mobile-menu-panel.active { display: flex; }
.vl-mobile-menu-link { display: block; padding: 2rem 0rem; color: var(--vlfp-pallette-darkgrey); text-decoration: none; font-size: 1.2rem; border-bottom: 1px solid var(--vlfp-pallette-black); margin:0rem 2rem; }
.vl-mobile-menu-link:first-child { border-top: 1px solid var(--vlfp-pallette-black); }
.vl-mobile-menu-link:hover, .vl-mobile-menu-link.active { color: var(--vlfp-pallette-brightgreen); background-color: var(--vlfp-pallette-lightgrey); }
.vl-mobile-menu-buttons { display: flex; flex-direction: column; padding: 1rem 1.5rem; gap: 1rem; }
.vl-mobile-menu-buttons .vl-mobile-button { display: block; text-align: center; width: 100%; padding: 1rem; border-radius: 5rem; font-size: 1.2rem; font-weight: bold; text-decoration: none; }
.vl-mobile-menu-buttons .vl-button-g { background: var(--vlfp-pallette-brightgreen) !important; color: var(--vlfp-pallette-black); }
.vl-mobile-menu-buttons .vl-button-b { color: var(--vlfp-pallette-white) !important; }
body.no-scroll { overflow: hidden; }
.vlfp-main-container { display: flex; flex-wrap: wrap; gap: var(--vlfp-layout-gap-size); margin-top: 20px; margin-bottom: 20px; margin-left: 4.2%; margin-right: 4.2%; }
.vl-fullwidth { margin-top: 20px; margin-bottom: 20px; margin-left: 4.2%; margin-right: 4.2%; }
#vlfp-lhs { width: calc(var(--vlfp-lhs-ratio) * (100% - var(--vlfp-layout-gap-size))); color: #ECF5EC; padding: 5rem 2rem; border-radius: 2rem; }
.vlfp-rhs-container { width: calc(var(--vlfp-rhs-ratio) * (100% - var(--vlfp-layout-gap-size))); display: flex; flex-direction: column; gap: var(--vlfp-layout-gap-size); }
#vlfp-rhs-top { flex: 1; background: #CCC; padding: 1rem; border-radius: 2rem; }
#vlfp-rhs-bottom { flex: 1; background: #CCC; padding: 1rem; }
#vlfp-lhs div:first-child { font-weight: bold; font-size: 5.5rem; padding-right: 5rem; }
#vlfp-lhs div:first-child img { width: 5.5rem; height: 5.5rem; vertical-align: middle; }
#vlfp-lhs div:not(:first-child) { font-weight: bold; font-size: 1.6rem; margin-top: 2rem; margin-right: 16rem; }
#vlfp-lhs div a { padding: 1rem 2rem; margin-right: 2rem; border-radius: 2rem; text-decoration: none; color: var(--vlfp-pallette-darkgrey); }
#vlfp-lhs div a:hover { background: var(--vlfp-pallette-brightgreen); color: var(--vlfp-pallette-white); }
.vl-pricing-container { width:calc(25% - 4rem);border-radius:2rem;position:relative;flex: 1 1 auto;min-width: 275px; }
.payment-toggle { display: flex; width: 100%; margin: 1rem auto; position: relative; }
.payment-toggle span { flex: 1; padding: 0.8rem; text-align: center; cursor: pointer; color: var(--vlfp-pallette-black); font-size: 0.9rem; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; position: relative; z-index: 1; }
.payment-toggle span.active { background-color: var(--vlfp-pallette-black); color: var(--vlfp-pallette-white); border-radius: 2rem; transform: scale(1.3); z-index: 2; }
.payment-toggle span:not(.active) { background-color:var(--vlfp-pallette-lightgreen);color:var(--vlfp-pallette-black); }
.payment-toggle span.pt-lhs:not(.active) { border-radius: 2rem 0rem 0rem 2rem; }
.payment-toggle span.pt-rhs:not(.active) { border-radius: 0rem 2rem 2rem 0rem; }
.payment-toggle span:not(.active):hover { background-color:var(--vlfp-pallette-mediumgrey2); }
.annual-price { display:block; }
.monthly-price { display:none; }
.annual-billing { display:block; }
.monthly-billing { display:none; }
.pricing-signup { position:absolute;bottom:2rem;left:2rem;width:calc(100% - 4rem) !important; }
.vl-faq-container { width:80%; padding-left: var(--vlfp-layout-gap-size); padding-right: var(--vlfp-layout-gap-size); margin-top: 2rem !important; margin-bottom: 3rem !important; }
#vl-faq-accordion { margin-top: 2rem; }
.vl-faq-item { border-bottom: 1px solid var(--vlfp-pallette-black); }
.vl-faq-question { display: flex; justify-content: space-between; align-items: center; width: 100%; background-color: transparent; border: none; padding: 1.2rem 0; text-align: left; cursor: pointer; font-size: 1.3rem; font-weight: bold; color: var(--vlfp-pallette-darkgrey); transition: background-color 0.2s ease-in-out; }
.vl-faq-question:hover, .vl-faq-question:focus { outline: none; }
.vl-faq-question:hover .vl-faq-title, .vl-faq-question:focus .vl-faq-title { color: var(--vlfp-pallette-brightgreen); }
.vl-faq-title { flex-grow: 1; margin-right: 1.5rem; transition: color 0.2s ease-in-out, padding-left 0.3s ease-in-out; padding-left: 0; line-height: 1.4; }
.vl-faq-arrow { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; }
.vl-faq-arrow img { width: 1em; height: auto; transition: transform 0.3s ease-in-out; display: block; }
.vl-faq-question.active .vl-faq-arrow img { transform: rotate(180deg); }
.vl-faq-question.active .vl-faq-title { color: var(--vlfp-pallette-brightgreen); padding-left:1rem; }
.vl-faq-answer { padding: 0.5rem 0 1.5rem 0; font-size: 1.1rem; line-height: 1.7; color: var(--vlfp-pallette-black); overflow: hidden; }
.vl-faq-answer p { margin-bottom: 1rem; }
.vl-faq-answer p:last-child { margin-bottom: 0; }
.vl-faq-answer a { color: var(--vlfp-pallette-mediumgreen); }
.vl-faq-answer a:hover { color: var(--vlfp-pallette-black); }
.vl-botbox { margin-left: 4.2%; margin-right: 4.2%; margin-bottom: 3rem; padding: 3rem 2rem; border-radius: 2rem; }
.bot-lhs { width:45%; }
.vl-botbox div:first-child img { max-width:65%; }
.bot-rhs { width:55%; }
.vl-botbox div .dib.vat { width:25%;border-left:1px solid #FFF;padding-left:0.8rem; }
.vl-botbox div .dib.vat a { margin-top:0.7rem;text-decoration:none; }
.vl-botbox div .dib.vat a:hover { color:var(--vlfp-pallette-brightgreen); }
.bot-rhsf { display:flex; }
.vl-botbox.ftr { font-size:0.9rem;padding-top:2rem; }
.vlicon-tr { width:5rem;height:auto;position:absolute;top:2rem;right:2rem; }
.deepfake-bh2 b,.deepfake-bh2 strong { font-weight: bold;font-size:1.2rem;color:var(--vlfp-pallette-red); }
.deepfake-bh2 h2 { margin-top:2rem;display:inline-block;border:2px solid var(--vlfp-pallette-red);color:var(--vlfp-pallette-red);padding:1rem;line-height:1.4rem;font-size:1.4rem; }
.usecases-header .vl-button-g { text-wrap:nowrap;margin-bottom:1rem;display:inline-block; }
@media (max-width: 1128px) { 
	.vl-mnu-container img { max-width:60%; } 
	.vl-mnu-container { display: flex; justify-content: space-between; align-items: center; } 
	.vl-desktop-nav { display: none !important; } 
	.vl-burger-menu-button { display: block; background-color: var(--vlfp-pallette-lightgrey); } 
	.vl-mnu-container div:first-child { width: auto; } 
	.vl-mnu-container div:not(:first-child) { width: auto; text-align:right; } 
	.vlfp-main-container { flex-direction: column; margin-left: 2%; margin-right: 2%; } 
	#vlfp-lhs, .vlfp-rhs-container { width: 100% !important; margin-bottom: var(--vlfp-layout-gap-size); } 
	#vlfp-lhs { padding: 2rem 1rem; } 
	#vlfp-lhs div:first-child { font-size: 3rem; padding-right: 1rem; } 
	#vlfp-lhs div:first-child img { width: 3rem; height: 3rem; } 
	#vlfp-lhs div:not(:first-child) { margin-right: 1rem; font-size: 1.2rem; } 
	#vlfp-lhs div a { padding: 0.8rem 1.5rem; margin-right: 1rem; margin-bottom: 0.5rem; display: inline-block; } 
	.vlfp-rhs-container { margin-bottom: 0; } 
	#vlfp-rhs-top, #vlfp-rhs-bottom { min-height: 250px; } 
	.vlfp-main-container > .flex1 { width: 100% !important; margin-bottom: var(--vlfp-layout-gap-size); } 
	.vlfp-main-container > .flex1:last-child { margin-bottom: 0; } 
	.vl-botbox { margin-left: 2%; margin-right: 2%; } 
	.bot-lhs, .bot-rhs { width: 100% !important; margin-bottom: 1.5rem; } 
	.vl-botbox div .dib.vat { width:100% !important; border-left:none; padding-left:0; margin-bottom: 1rem; } 
	.bot-rhsf { flex-direction: column; } 
	.vl-pricing-container { width: calc(100% - 2rem) !important; margin-left: 1rem; margin-right: 1rem; margin-bottom: 2rem; min-width: unset; } 
	#vl-signup-form input, #vl-login-form input, .wpcf7-form input, .wpcf7-form textarea { min-width: 90%; margin-left: auto; margin-right: auto; display: block; } 
	.wpcf7-not-valid-tip { width: 90%; }
	.vl-mobile-menu-buttons { flex-direction: row; justify-content: space-between; } 
	.vl-mobile-menu-buttons .vl-mobile-button { width: calc(50% - 0.5rem); } 
}
@media (max-width: 480px) { 
	#vlfp-lhs div:first-child { font-size: 2.2rem; } 
	#vlfp-lhs div:first-child img { width: 2.2rem; height: 2.2rem; }
	 #vlfp-lhs div a { display:block; margin-right:0; margin-bottom: 1rem; text-align:center; } 
	 .vl-mobile-menu-buttons { flex-direction: column; align-items: center; } 
	 .vl-mobile-menu-buttons .vl-mobile-button { width: 90%; margin-bottom: 1rem; } 
	 .vl-mobile-menu-buttons .vl-mobile-button:last-child { margin-bottom: 0; } 
}
@media (max-width: 768px) { 
	.vl-faq-container { padding-left: 1rem; padding-right: 1rem; } 
	.vl-faq-question { font-size: 1.1rem; }
	.vl-faq-title { margin-right: 1rem; } 
	.vl-faq-answer { font-size: 1rem; } 
}
/* Custom styles for Dropzone Uploader */
.dropzone {
    border: 2px dashed #b3b3b3 !important; /* Slightly darker border for visibility */
    background-color: #f2f2f2 !important; /* Lighter background */
    border-radius: 8px;
    padding: 20px;
    min-height: 150px; /* Ensure enough height */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.1em;
    color: #333 !important; /* Darker text for legibility */
    transition: background-color 0.3s ease;
}

.dropzone:hover {
    background-color: #e6e6e6 !important; /* Slightly darker on hover */
    cursor: pointer;
}

.dropzone .dz-message {
    margin: 0; /* Remove default margin */
    color: #333 !important; /* Ensure the main message is legible */
    font-weight: bold;
}

.dropzone .dz-message .note {
    font-size: 0.9em;
    color: #666 !important; /* Make the note text legible */
    display: block; /* Ensure it's on a new line if needed */
    margin-top: 5px;
    font-weight: normal;
}

/* Styles for when files are added */
.dropzone .dz-preview {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dropzone .dz-preview .dz-error-message {
    color: #e74c3c !important; /* Red for errors */
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    /* Adjust size or hide if not needed */
    display: none;
}

/* Optional: Adjust status text style */
#upload-status {
    font-weight: bold;
    color: #007bff; /* A blue color, adjust to your theme */
    margin-top: 10px;
    text-align: center;
}