@charset "utf-8";
/* CSS Document */

#pagehed {
	margin: 0 auto;
	text-align: center;
}

h1#pagesehed {
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	font-weight: 600;
	color: #1e2e39;
	padding: 0 20px;
}

span#pagehedsec {
	display: block;
	margin: 0 auto;
	font-size: 30px;
	color:#0074E6;
}

form#searchfrm {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 10px;
}

input#searchinput {
	font-size: 16px;
	padding: 10px 20px;
	border: solid 2px #0074E6;
	border-radius: 500px;
	width: 500px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	color: #1e2e39;
}

button#searhbut {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	z-index: 2;
	border: none;
	background-color: transparent;
	border-radius: 50px;
	overflow: none;
}


#pagnsort {
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
    display: flex;
    justify-content: space-between; /* Pushes sorting to left, page number to right */
    align-items: center;           /* Aligns them perfectly on a vertical center axis */
}

/* 2. Reset margins that might cause uneven spacing */
h4#pagesort, 
p.pagessenoms {
    margin: 0;                     /* Strip default browser margins */
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

/* 3. Ensure the dropdown sits inline too */
select#logoorderwat {
    margin: 0 10px;                /* Space between the label and dropdown */
    vertical-align: middle;
}


h3#pagenomhed {
	font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    color: #1e2e39;
    text-align: left;  
}

#sortform {
	float: right;
	position: relative;
	z-index: 1;
}

h4#pagesort {
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	padding: 10px 20px;
	border:solid 1px #1e2e39;
	border-radius: 200px;
	color: #1e2e39;
}

#sortselect {
	position: absolute;
	z-index: 2;
	display: none;
	right: 0;
	top: 45px;
	width: 250px;
	border: solid 1px #1e2e39;
	border-radius: 10px;
	background-color: #fff;
}

a.linksortin {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 10px 20px;
	cursor: pointer;
	transition-duration: 0.4s;
	display: block;
	background-color: #fff;
	border-radius: 25px;
	
}

a.linksortin:hover {
	color: #0074E6;
	background-color: #fff;
}


#logosecits {
	position: relative;
	z-index: 1;
}



.pageplusdivs {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}

a.pagepluslinks {
	background-color: #fff;
	font-size: 14px;
	font-weight: 600;
	color: #1e2e39;
	padding: 20px;
	border-radius: 5px;
	transition-duration: 0.4s;
	display: block;
	border:solid 1px #1e2e39;
}

a.pagepluslinks:hover {
	color: #0074E6;
	border:solid 1px #0074E6;
}

a.pagepluslinksimgdof {
	background-color: #0074E6;
	cursor: not-allowed;
}

a.pagepluslinkactive {
	border:solid 1px #0074E6;
	background-color: #0074E6;
	color: #fff;
}

a.pageimgeplusadpd {
	padding: 10px;
	border:solid 1px #fff;
}

a.pageimgeplusadpd:hover {
	border:solid 1px #0074E6;
}



#assoekseki {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
	position: relative;
	display: inline-block;
}

h5#seransort {
	font-size: 12px;
	padding: 0 20px;
	line-height: 25px;
	max-width: 250px;
	margin: 0 auto;
}

span.searchterms {
	color: #0074E6;
	font-weight: 600;
}


a#delteserach {
	font-size: 10px;
	font-weight: 600;
	background-color: #FF003F;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 30px;
	color: #fff;
}

img#closewhiticn {
	display: inline-block;
	vertical-align: middle;
}




/* ============================================================
   LOGO HERO — Modern Purchase Page
   ============================================================ */

/* ── Section wrapper ── */
#logo-hero {
	position: relative;
	background: linear-gradient(160deg, #0f1c24 0%, #1e2e39 55%, #162438 100%);
	overflow: hidden;
	padding: 100px 40px 80px;
	margin-top: 0;
}

/* Subtle dot-grid background texture */
.lh-bg-dots {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle, rgba(0,116,230,0.12) 1px, transparent 1px);
	background-size: 32px 32px;
	pointer-events: none;
	z-index: 0;
}

.lh-bg-dots {
background-color: #1E2E39;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23233643'/%3E%3Cstop offset='1' stop-color='%231E2E39'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%2321323e'/%3E%3Cstop offset='1' stop-color='%231E2E39'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
	
	
/* Glowing orb — gives the section a living quality without animation noise */
#logo-hero::before {
	content: "";
	position: absolute;
	top: -120px;
	right: -120px;
	width: 480px;
	height: 480px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0,116,230,0.18) 0%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

/* ── Two-column inner ── */
.lh-inner {
	display: flex;
	align-items: top;
	gap: 60px;
	position: relative;
	z-index: 2;
	text-align: left;
	max-width: 1200px;
	padding: 0 20px;
}

/* ── LEFT column ── */
.lh-img-col {
	flex: 0 0 auto;
	position: relative;
	width: 500px; /* Increased from 460px */
	max-width: 100%; /* Keeps it mobile friendly */
}

/* The image frame — white mat with subtle glow */

.lh-img-frame {
	background: #fff;
	border-radius: 18px;
	padding: 5px;
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.08),
		0 24px 60px rgba(0,0,0,0.40),
		0 0 80px rgba(0,116,230,0.12);
	position: relative;
	transition: box-shadow 0.4s ease;
}

.lh-img-frame:hover {
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.12),
		0 32px 80px rgba(0,0,0,0.50),
		0 0 100px rgba(0,116,230,0.22);
}

.lh-img-frame--sold {
	filter: grayscale(60%);
	opacity: 0.75;
}

img#logoseciimg {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 13px;
}

/* SOLD badge — diagonal ribbon top-left of the frame */
.lh-sold-badge {
	position: absolute;
	top: 16px;
	left: -10px;
	z-index: 10;
	background: linear-gradient(135deg, #c0392b, #e74c3c);
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 8px 24px;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.35);
}

/* Views pill below image */
.lh-views-pill {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 18px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 50px;
	padding: 9px 18px;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: rgba(255,255,255,0.65);
	line-height: 1;
}

.lh-views-pill svg {
	flex-shrink: 0;
	color: #0074E6;
}

/* ── RIGHT column / purchase panel ── */
.lh-panel-col {
	flex: 1 1 0;
	min-width: 0;
}

/* Logo name */
h1.lh-logo-name {
	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	color: #fff;
	margin: 0 auto 40px auto; /* Centers the title and adds space below */
	padding: 0;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 2;
}

/* Trust pills row */
.lh-trust-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 10px;
}

p#tradep {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	line-height: 25px;
	color: #fff;;
	padding: 0; 
	font-weight: 500;
}

/* Short pitch */
p.lh-pitch {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #fff;;
	margin: 0 0 24px;
	padding: 0;
}

/* Divider */
.lh-divider {
	border: none;
	height: 1px;
	background: rgba(255,255,255,0.10);
	margin: 0 0 22px;
}

/* Designer link */
a.lh-designer-link {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	border-radius: 14px;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.10);
	transition: background 0.3s ease, border-color 0.3s ease;
	margin: 0 0 22px;
	text-decoration: none;
}

a.lh-designer-link:hover {
	background: rgba(0,116,230,0.12);
	border-color: rgba(0,116,230,0.30);
}

img.lh-designer-avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255,255,255,0.20);
	flex-shrink: 0;
}

.lh-designer-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.lh-designer-label {
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.45);
	line-height: 1;
}

.lh-designer-name {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
}

.lh-designer-arrow {
	color: rgba(255,255,255,0.35);
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

a.lh-designer-link:hover .lh-designer-arrow {
	transform: translateX(3px);
	color: #0074E6;
}

/* Price row */
.lh-price-row {
    display: flex;
    flex-direction: row; /* Forces items onto the same horizontal line */
    align-items: center; /* Vertically centers the price and the note together */
    gap: 15px; /* Space between the price and the note */
    flex-wrap: wrap; /* Allows them to stack gracefully on tiny screens if they run out of room */
	margin: 0 0 22px;
}

.lh-price-block {
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.lh-price-label {
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.45);
	line-height: 1;
	align-self: center;
}

.lh-price-amount {
	font-family: "Montserrat", sans-serif;
	font-size: 44px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	letter-spacing: -0.02em;
}

.lh-price-currency {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255,255,255,0.45);
	line-height: 1;
	align-self: center;
}

.lh-exclusivity-note {
	display: flex;
	align-items: center;
	gap: 6px;
	background: rgba(245, 158, 11, 0); 
    border: 1px solid #0074E6;
	border-radius: 8px;
	padding: 8px 14px;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #0074E6; /* Match icon to text */
	line-height: 1.3;
}

.lh-exclusivity-note svg {
	flex-shrink: 0;
	color: #0074E6; /* Match icon to text */
}


/* ── 3. Animated "Instant Download" Button ── */
.lh-instant-dl-section {
    width: 100%;
    margin-bottom: 20px;
}

/* Wrapper containing the absolute circles and the button */
.lh-button-wrapper {
    position: relative;
    display: inline-block; 
    padding: 15px; 
    margin: -15px; 
    overflow: hidden; 
    border-radius: 18px; 
}

.lh-info-wrapper {
    position: relative;
    display: inline-block; 
    padding: 10px; 
    margin: -10px; 
    overflow: hidden; 
    border-radius: 18px; 
}

/* ── The Blurred Glass Button ── */
.lh-glass-info {
    position: relative;
    z-index: 2; 
    display: flex;
    flex-direction: column; /* Stacks the title and description vertically */
    gap: 6px;               /* Space between the heading and the subtext */
    padding: 16px 24px;
    background: rgba(0,116,230,0.2);  
	border:solid 1px #0074E6;
    border-radius: 8px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    text-align: left;
}


.lh-info-icon {
	color:#0074E6;
    flex-shrink: 0; /* Prevents the icon from squishing if text wraps */
    opacity: 1;
    animation: lhInfoIconPulse 5s steps(1, end) infinite;
}

/* Holds blue, then flickers white-blue-white in a quick burst near the end
   of each 5s cycle — like a lightning strike — before settling back to blue.
   steps(1, end) makes each colour change an instant cut, not a fade. */
@keyframes lhInfoIconPulse {
    0%   { color: #0074E6;; }
    90%  { color: #0074E6; }
    91%  { color: #fff; }
    92%  { color: #0074E6; }
    93%  { color: #fff; }
    94%  { color: #0074E6; }
    100% { color: #0074E6; }
}

/* ── Text Layout Inside the Box ── */
.lh-info-title {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between text and electrical icon */
    font-size: 16px;
    font-weight: 700;
	color: #fff;
}

.lh-info-desc {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color:#fff;
}


a#complpck {
	color:#fff;
	font-weight: 700;
	font-size: 15px;
}


/* 1. Base Button Layout */

a.lh-buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 20px 30px;
    border-radius: 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    background: #0074E6;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
    transition: box-shadow 0.35s ease, color 0.25s ease;
    margin: 0 0 12px;
}

a.lh-buy-btn:hover {
    box-shadow:
        0 0 0 1px rgba(0, 116, 230, 0.85),
        0 0 25px rgba(0, 116, 230, 0.55),
        0 0 60px rgba(0, 116, 230, 0.4),
        0 0 100px rgba(0, 116, 230, 0.25);
}


.lh-buy-btn-text { flex: 0 0 auto; }

/* Reassurance note under button */
p.lh-buy-reassure {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 500;
	color: rgba(255,255,255,0.40);
	text-align: center;
	padding: 0;
	line-height: 1.5;
}

/* Sold state CTA */
.lh-sold-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 20px 30px;
	border-radius: 14px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.15);
	color: rgba(255,255,255,0.55);
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-weight: 700;
	cursor: not-allowed;
	margin: 0 0 14px;
}

a.lh-browse-more-link {
	display: block;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #0074E6;
	text-decoration: none;
	margin: 0 0 24px;
	transition: color 0.2s ease;
}

a.lh-browse-more-link:hover { color: #7ab8f5; }

/* Share row */
.lh-share-row {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.lh-share-icons {
	display: flex;
	align-items: center;
	gap: 4px;
}

a.lh-share-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.10);
	transition: background 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
	padding: 0;
}

a.lh-share-btn img {
	width: 18px;
	height: 18px;
	display: block;
}

a.lh-share-btn:hover {
	background: rgba(0,116,230,0.20);
	border-color: rgba(0,116,230,0.40);
	transform: translateY(-2px);
}

/* ── Keep old IDs working (unchanged parts of the page still reference them) ── */
/* These are now no-ops but kept to avoid 404-style style mismatches */
#toplogoseci { display: none; }
.logosecidiv { display: none; }
#logodetik    { display: none; }
#shardiv      { display: none; }
#pagehed      { display: none; }

/* ============================================================
   RESPONSIVE — Logo Hero
   ============================================================ */

@media only screen and (max-width: 900px) {
	#logo-hero { padding: 70px 20px 60px; }
	.lh-inner { flex-direction: column; gap: 36px; align-items: stretch; }
	.lh-img-col { width: 100%; max-width: 500px; margin: 0 auto; } /* Ensure 500px max width here */
	h1.lh-logo-name { font-size: 32px; line-height: 42px; margin-bottom: 30px; }
	.lh-price-amount { font-size: 36px; }
	.lh-trust-pills { display: block; text-align: center;}
	.lh-pill {
		margin: 5px 10px;
	}
	p.lh-pitch {
		text-align: center;
	}
	.lh-instant-dl-section {
		text-align: center;
	}
	.lh-glass-info {
        text-align: center;
        align-items: center; 
    }
	.lh-info-title, .lh-price-row {
        justify-content: center;
		line-height: 1.3;
    }
}

@media only screen and (max-width: 600px) {
	#logo-hero { padding: 50px 16px 50px; }
	h1.lh-logo-name { font-size: 26px; line-height: 34px; margin-bottom: 20px; }
	.lh-price-amount { font-size: 30px; }
	.lh-pill { font-size: 12px; padding: 7px 14px; } /* Slightly scaled down for mobile */
	a.lh-buy-btn { font-size: 15px; padding: 17px 20px; }
	.lh-price-row { gap: 10px; }
	.lh-exclusivity-note { font-size: 11px; }
}

/* Legacy logo-page selectors — kept for any other parts of the stylesheet that
   may reference them; they no longer render on screen. */
a#buylogobut, a#nobuylogobut { display: none; }
p#logoprysi { display: none; }
span#logoklinprys { display: none; }
a#desionlogolink { display: none; }
p.logohedisnami { display: none; }
img#desprofpicimg { display: none; }


h2.secisecihed {
	font-size: 30px;
	font-weight: 600;
	color: #1e2e39;
	text-align: center;
	padding: 0 20px;
}

a.keywordslinks {
	display: inline-block;
	vertical-align: middle;
	background-color: #0074E6;
	padding: 10px;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: 10px;
	cursor: pointer;
}

#storedetidivi {
	display: block;
	max-width: 500px;
	font-size: 0px;
	margin: 0 auto;
}

.storedetibindiv {
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
	text-align: center;
}

img.storedivdetimg {
	margin: 0 auto;
	padding-bottom: 5px;
}

p.uplodate {
	color:#1e2e39;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	line-height: 18px
}

span.storedivspn {
	color: #0074E6;
	font-size: 14px;
	font-weight: 800;
}

p#procseshiwsepan {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin: 0 auto;
	padding: 0 10px;
}

img#infotw {
	display: inline-block;
	vertical-align: middle;
}

.hiwbigdivs {
	font-size: 0px;
	text-align: center;
	position: relative;
}

h2.whitsecihed {
	color: #fff;
}

.hiwwordsbytdeivs {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	margin: 0 5%;
}

/*#logokeys {
	max-width: 500px;
	margin: 0 auto;
}*/


img#midhiwimglicon {
	width: 47%;
	margin: 0 auto;
	padding: 60px 0;
}

hr.hiwline {
	background-color: #fff;
	border: none;
	margin: 80px auto 0;
	padding: 0;
	width: 400px;
	height: 2px;
}


h3.hiwnamhed {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 0 20px;
}

p.hiwwords {
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
}

img.hiwimgsnums {
	margin: 0 auto;
}

.semrsediv {
	padding: 40px;
}


a.bluelink {
	font-size: 16px;
	font-weight: 600;
	color: #0074E6;
	padding: 10px 15px;
	border-radius: 50px;
	background-color: #fff;
	transition-duration: 0.4s;
	border: solid 2px #0074E6;
	margin: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.bluelink:hover {
	background-color: #0074E6;
	color: #fff;
}

a.grylink {
	border: solid 2px #1e2e39;
	color: #1e2e39;
}

a.grylink:hover {
	background-color: #1e2e39;
	color: #fff;
}


/* ==========================================================================
   Modern & Clean FAQ Accordion Layout
   ========================================================================== */

.faq-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

.faq-section-title {
	font-size: 28px;
	font-weight: 700;
	color: #1e2e39;
	text-align: center;
	margin: 50px 0 25px;
	font-family: "Montserrat", sans-serif;
}

.faq-item {
	background-color: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 2px 5px rgba(30, 46, 57, 0.02);
}

.faq-item:hover {
	border-color: #0074E6;
	box-shadow: 0 5px 15px rgba(0, 116, 230, 0.08);
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 25px;
	cursor: pointer;
	user-select: none;
	background-color: #fff;
	transition: background-color 0.3s ease;
}

.faq-item.active {
	border-color: #0074E6;
}

.faq-item.active .faq-question {
	background-color: #f9fbfd;
}

.faqhed {
	font-size: 16px !important;
	line-height: 24px !important;
	color: #1e2e39 !important;
	font-weight: 600 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.faq-icon {
	position: relative;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	margin-left: 15px;
	transition: transform 0.3s ease;
}

/* Minimalist Elegant Plus/Minus Icon using Pure CSS */
.faq-icon::before,
.faq-icon::after {
	content: '';
	position: absolute;
	background-color: #0074E6;
	border-radius: 1px;
}

/* Horizontal Line */
.faq-icon::before {
	top: 6px;
	left: 0;
	width: 14px;
	height: 2px;
}

/* Vertical Line */
.faq-icon::after {
	top: 0;
	left: 6px;
	width: 2px;
	height: 14px;
	transition: transform 0.3s ease, opacity 0.2s ease;
}

/* Transform Plus into Minus smoothly when Active */
.faq-item.active .faq-icon::after {
	transform: rotate(90deg);
	opacity: 0;
}

.faq-item.active .faq-icon {
	transform: rotate(180deg);
}

.faq-answer {
	display: none; /* Safely handled with smooth jQuery animations */
}

.faqanswer {
	font-size: 15px !important;
	line-height: 26px !important;
	color: #4a5568 !important;
	font-weight: 400 !important;
	padding: 0 25px 22px 25px !important;
	margin: 0 !important;
	text-align: left !important;
}



.greywrap {
	background-color: #1e2e39;
	margin: 0 auto;
	text-align: center;
}

p#memsincpar {
	font-size: 9px;
	color: #fff;
	padding-top: 5px;
	text-align: center;
	margin: 0 auto;
}

p.wutparword {
	text-align:center;
	color:#fff;
	margin:0 auto;
	padding:0 10px;
	max-width: 900px;
	font-size:16px;
	line-height:24px;
}




/*Logo Mockup*/

#mockupis {
	width: 100%;
}

#mockflex {
	width: 100%;
	font-size: 0px;
	text-align: center;
}

.mockdivsi {
	display: inline-block;
	width: 20%
}

p#mockupdisclaim {
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
	margin: 0 auto;
	padding: 40px 10px;
	text-align: center;
	background-color: #1e2e39;
}




/*Logo Order*/


#orderseci {
	margin: 0 auto;
	font-size: 0px;
	text-align: center;
	max-width: 1200px;
}

#orderfrmtop {
	background-color: #1e2e39;
	text-align: center;
}

img#logobyorder {
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	border: solid 2px #fff;
}


#orderformlogodetil {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	text-align: left;
}

p#logoordrnam {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	line-height: 35px;
	text-align: left;
}

p.logoordandetil {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	line-height: 25px;
	text-align: left;
}


.orderflots {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 50%;
}

h1#logoorderhed {
	font-size: 30px;
	line-height: 45px;
	color: #1e2e39;
	font-weight: 600;
	padding: 0 20px;
}

p.logoordrpr {
	font-size: 16px;
	line-height: 25px;
	color: #1e2e39;
	font-weight: 600;
	padding: 0 20px;
	max-width: 350px;
}

p.logoorprbig {
	font-size: 20px;
	line-height: 30px;
	color: #0074E6;
}


#selecordpagstf {
	padding: 0 20px;
}


select#logoorderwat {
	border:solid 2px #0074E6;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 50px;
	color: #0074E6;
	font-size: 16px;
	font-weight: 600;
	-webkit-appearance: textfield;
	font-family: "Montserrat", serif;
	text-align: center;
}


label.ordrfrmlble, input.ordrfrminputs {
	color: #1e2e39;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	text-align: left;
}

span.orderfrmadilbls {
	color:#0074E6;
	font-size: 12px;
}

input.ordrfrminputs, textarea#ordertextbox {
	font-weight: 500;
	background-color: #fff;
	border:solid 1px #1e2e39;
	padding: 10px;
	width: 300px;
	border-radius: 5px;
	color: #688ca4;
}


textarea#ordertextbox {
	height: 200px;
}

input#orderfromsubi {
	background-color: #0074E6;
	padding: 20px;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	transition-duration: 0.4s;
	display: block;
}

input#orderfromsubi:hover {
background-color: #005DB9;	
}

form#logoorderfrmdos {
	display: none;
	padding: 0 20px
}

form#logoorderfrm {
	padding: 0 20px
}



/*Payment Page*/

#payment {
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding: 10px;
}

#paymentdiv {
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(30,46,57,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(30,46,57,1);
box-shadow: 0px 0px 5px 0px rgba(30,46,57,1);
	margin: 0 auto;
	display: inline-block;
	padding: 20px;
}



h2.pamentheds {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color:#1e2e39;
	padding: 0 20px;
}

hr#paymline {
	border: none;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	height: 3px;
	background-color: #1e2e39;
}

#paypldiv {
	width: 100%;
}

img#movedicon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

#movedopword {
	position: relative;
	z-index: 2;
}



/*Logo Categories*/

#categorwitseci {
  	text-align: center;
  	margin: 0 auto;
  	background-color: #fff;
}

#logoscategorbigdiv {
	margin: 0 auto;
	text-align: center;
	font-size: 0px;
}

#logocategori {
	position: sticky;
	top: 0;
	display: inline-block;
	vertical-align: top;
	background-color: #0074E6;
	text-align: left;
	width: 25%;
}

#logocateselogs {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	text-align: center;
	width: 75%;
}

h2#logocatehed {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding: 0 20px;
}

a.logocatelinks {
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding: 10px 20px;
	display: block;
	transition-duration: 0.4s;
	border-radius: 50px;
	margin: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.logocatelinks:hover {
	background-color: #005DB9;
}

img#logocategodown {
	position: absolute;
	top: 25px;
	right: 20px;

	cursor: pointer;
	padding: 10px;
	display: none;
}



/*Designer Page*/

img#profdesignrlgls {
	width: 100px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border: solid 5px #fff;
}

.profdebonamendcokt {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	text-align: left;
}

p#designnamoplgosbld {
	font-size: 20px;
	text-align: left;
	padding-bottom: 10px;
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}

a#profdeignlikncknt {
	font-size: 12px;
	color: #fff;
	background-color: #0074E6;
	border-radius: 20px;
	padding: 5px 10px;
	font-weight: 500;
}

img#bocontcicon {
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
}


p.pworddesigner {
	text-align:center;
	color:#1e2e39;
	margin:0 auto;
	padding:0 10px;
	max-width: 650px;
	font-size:16px;
	line-height:24px;
}






/*Downloads*/

p.downldspgepar {
	font-size: 16px;
	text-align: center;
	padding: 0 20px;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 25px;
	color: #1e2e39;
}

a.termslink {
	font-size: 16px;
	font-weight: 600;
	color: #0074E6;
}

.downloddiv {
	display: inline-block;
	vertical-align: top;
	margin: 20px;
	width: 300px;
}

p.logodivtitl {
	display: block;
	text-align: center;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	color: #1e2e39;
}

a.downllink {
	transition-duration: 0.4s;
	display: block;
}

a.downllink:hover {
	-webkit-box-shadow: 0px 0px 12px -3px rgba(30,46,57,1);
	-moz-box-shadow: 0px 0px 12px -3px rgba(30,46,57,1);
	box-shadow: 0px 0px 12px -3px rgba(30,46,57,1);
}

img#downlodpgeimg {
	margin: 0 auto;
}

p.donwlodsmlerpar {
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	color: #1e2e39;
}

hr.dwnlohr {
	background-color: #1e2e39;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0 auto;
	border: none;
}

p.dwnlvieparuno, p.dwnlviepardos {
	float: left;
	font-size: 14px;
	text-align: left;
	color: #1e2e39;
}

p.dwnlviepardos {
	float: right;
}

.downlviewdiv {
	display: inline-block;
	width: 100%;
}

.shrondwn {
	background-color: #0074E6;
}

#shardivondwn {
	font-size: 0px;
	text-align: center;
}

#dwndetik {
	background-color: #fff;
	padding: 20px;
	width: 350px;
}


a.downkeys, p.downkeys {
	font-size: 14px;
	line-height: 25px;
	color: #0074E6;
	padding: 0 20px;
	margin: 0 auto;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}


/*Downloads Licence*/

#licediv {
	margin: 10px auto;
	max-width: 920px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(30,46,57,1);
	-moz-box-shadow: 0px 0px 5px -1px rgba(30,46,57,1);
	box-shadow: 0px 0px 5px -1px rgba(30,46,57,1);
}

hr.liceline {
	height: 1px;
	width: 90%;
	margin: 0 auto;
	background-color: #1e2e39;
	border: none;
}

p.licepari, a.graphextn {
	font-size: 16px;
	line-height: 25px;
	color: #1e2e39;
	text-align: left;
	padding: 0 50px;
}

p.licepariklin {
	font-size: 14px;
	line-height: 20px;
	color: #1e2e39;
	text-align: center;
	padding: 0 10px;
}

p.licadpad {
	padding: 0 80px;
}

p.licparbold, a.graphextn {
	font-weight: 700;
}

a.graphextn {
	padding: 0;
}

h2.licehed {
	font-size: 20px;
	line-height: 35px;
	font-weight: 600;
	color: #1e2e39;
	text-align: left;
	padding: 0 50px;
}

a#conttobuylogobut {
	font-size: 16px;
	font-weight: 600;
	padding: 20px;
	display: block;
	border-radius: 50px;
	background-color: #fff;
	color:#0074E6;
	transition-duration: 0.4s;
	border: solid 3px #0074E6;
}

a#conttobuylogobut:hover {
	background-color: #0074E6;
	color: #fff;
}



/*Contact Page*/

#contcpge {
	text-align: center;
	margin: 0 auto;
	background-color: #0074E6;
	padding-top: 140px;
}

.formflts {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	text-align: left;
}

h1#contpgehed {
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	padding: 0 20px;
	text-align: left;
}

p.contpgesedets {
	color: #fff;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	padding: 0 20px;
	max-width: 350px;
}


form#contctform {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	text-align: left;
}


textarea#contctpbox {
	font-weight: 300;
	background-color: #fff;
	border:solid 1px #1e2e39;
	padding: 10px;
	width: 300px;
	border-radius: 5px;
	height: 150px;
}

#topcaptch {
	margin: 0 auto;
	text-align: center;
}


h1#errohed {
	font-size: 40px;
	line-height: 50px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}


p#eerormes {
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	padding: 0 20px;
	max-width: 700px;
  	margin: 0 auto;
}




/* Login Page */

#login {
	width:100%;
	height:100%;
	align-items:center;
	background-color:#fff;
}

a#gobak {
	display:inline-block;
	background-color:#0074E6;
	padding:30px 40px;
	font-size:15px;
	color:#fff;
	border-radius: 0 0 5px 5px;
}

#omhom {
	display:block;
	text-align:center;
	padding:100px 30px;
}

#omhomb {
	display:block;
	padding:0 0 30px;
	text-align:center;
}

.logindiv {
	background-color:#1e2e39;
	margin:0 auto;
	padding:10px;
	display:inline-block;
	border-radius: 10px;
}

h2.loginh {
	font-size:60px;
	letter-spacing:1px;
	color:#A5FF02;
	position:absolute;
	top:10%;
	left:50%;
	transform:translate(-50%);
	text-align:center;
	z-index:1;
	width:100%;
	font-weight: 700;
}

form.loginfrm {
	padding:0;
}

.logadthis {
	background-color: #0074E6;
	margin:20px 0 0;
}

.loginline {
	display:inline-block;
	width:100%;
	padding:5px 0;
	font-size:0px;
}

.frgpasspara {
	font-size:13px;
	color:#fff;
	text-align:center;
	padding:20px;
	line-height:18px;
}

a.frgpasslink {
	color: #C7EAFF;
	border-bottom: solid 1px #C7EAFF;
	padding: 2px 0;
}
	

.loginlbl {
	font-size:14px;
	display:inline-block;
	width:25%;
	line-height:30px;
	color:#fff;
}

input.logininpt {
	width:70%;
	line-height:30px;
	display:inline-block;
	font-size:13px;
	color:#fff;
	padding:5px 2.5%;
	background-color:#344b5b;
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
}

input.submitbut {
	background-color:#FFF;
	font-size:13px;
	padding:20px 30px;
	letter-spacing:1px;
	margin:0 auto;
	color:#1E2E39;
	border: solid 3px #fff;
	display:block;
	transition-duration:0.4s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:initial;
	border-radius: 50px;
}

input.submitbut:hover {
	background-color: #0074E6;
	color: #fff;
	cursor:pointer;
}

a.passshowonlo {
	display:block;
	text-align:right;
	padding:0 10px;
}

.lgimg {
	height:25px;
	background-color:#0074E6;
	padding:2px;
	transition-duration:0.2s;
	border-radius:25px;
}

.lgimg:hover {
	box-shadow:inset 0 0 5px #fff;
	cursor:pointer;
}

p#noaccut {
	font-size: 14px;
	color: #1e2e39;
	line-height: 25px;
	text-align: center;
}






/*Custom Logo Design*/

h2#logodescuststi {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
	padding: 0 20px;
	font-weight: 600;
}


#logoscustdivbin {
	font-size: 0px;
	width: 100%;
}

.logoscustdviflts {
	display: flex;
	vertical-align: middle;
	max-width: 2400px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

img.logoslideinimgesoncust {
	width: 100%;
}


#logocustimgsmiddiv {
	display: flex;
	flex: 60%;
}

#logocustskip, #logocustskipreg {
	position: flex;
	flex: 10%;
	background-color: #0074E6A6;
	padding: 10px;
	cursor: pointer;
	transition-duration: 0.4s;
}

.arsidivwtondi {
	position: relative;
	width: 100%;
	height: 100%;
}

img.arowskipcustimg {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}




.logoimgcustklik {
	display: flex;
	vertical-align: top;
	opacity: 0.5;
	cursor: pointer;
	transition-duration: 0.4s;
}

.logoimgcustklik:hover {
	opacity: 0.8;
}

#logocustskip:hover, #logocustskipreg:hover {
	background-color: #0074E6;
}

.logoimhelder {
	opacity: 1;
}



p.helponorderpar {
	font-size: 12px;
	color: #808B93;
	line-height: 20px;
	text-align: left;
}

form#logoordercustofrm {
	padding: 0 20px
}

#captsdiv {
	padding:0 10px;
	text-align:center;
}




/*Thanks order*/

#dithnksppge {
	background-color: #1e2e39;
	margin: 0 auto;
	text-align: center;
}

img#thanksanim {
	margin: 0 auto;
	padding: 0 10px 30px;
	max-width: 300px;
}

p.tahnkspar {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	text-align: center;
	padding: 0 20px;
	max-width: 700px;
	margin: 0 auto;
}



a.notiwitlink {
	color: #fff;
}







/* Constrain the layout width so it doesn't stretch to the far screen edges */
.logo-faq-wrapper {
    max-width: 850px !important;
    margin: 0 auto !important;
    padding: 0 25px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* Style the isolated headings */
.logo-faq-wrapper .faqhed {
    font-size: 22px !important;
    line-height: 26px !important;
    color: #1E2E39 !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    text-align: left !important;
}

/* Style the isolated answers */
.logo-faq-wrapper .faqanswer {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #4a5568 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    text-align: left !important;
}

/* Style for the main FAQ section title */
.logo-faq-wrapper .logo-faq-title {
    font-size: 28px !important;
    line-height: 36px !important;
    color: #1E2E39 !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    margin: 0 !important;
    text-align: left !important;
}








    /* ============================================================
       What's Included — Purchased Files Section
       ============================================================ */

    .incl-intro {
        font-size: 16px;
        line-height: 26px;
        color: #4a5568;
        max-width: 720px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
        font-family: "Montserrat", serif;
    }

    .incl-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 28px;
        max-width: 980px;
        margin: 0 auto;
        padding: 0 20px;
        font-size: 14px;
    }

    .incl-cat {
        flex: 1;
        min-width: 280px;
        max-width: 440px;
        background: #fff;
        border: 1px solid #e4e8ec;
        border-radius: 14px;
        box-shadow: 0 4px 18px rgba(30, 46, 55, 0.07);
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .incl-cat-head {
        padding: 22px 26px 18px;
    }

    .incl-cat-head.vec-head { background: #1e2e39; }
    .incl-cat-head.ras-head { background: #0074E6; }

    .incl-cat-head h3 {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        margin: 0;
        padding: 0;
        text-align: left;
        font-family: "Montserrat", serif;
        line-height: 26px;
    }

    p.incl-cat-sub {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.80);
        margin: 5px 0 0;
        padding: 0;
        font-style: italic;
        text-align: left;
        font-family: "Montserrat", serif;
    }

    .incl-formats {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 18px 22px 16px;
        background: #f4f7fa;
        border-bottom: 1px solid #eaecef;
    }

    .incl-fmt-tag {
        display: inline-block;
        background: #1e2e39;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        padding: 7px 15px;
        border-radius: 6px;
        font-family: "Montserrat", serif;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .incl-fmt-tag.blue-tag { background: #0074E6; }

    .incl-body {
        padding: 18px 22px 22px;
        flex: 1;
    }

    p.incl-body-txt {
        font-size: 14px;
        line-height: 23px;
        color: #4a5568;
        margin: 0;
        padding: 0;
        text-align: left;
        font-family: "Montserrat", serif;
    }

    /* Complete Package Banner */
    .incl-pkg-banner {
        max-width: 860px;
        margin: 0 auto;
        background: linear-gradient(135deg, #1e2e39 0%, #2a3e4e 100%);
        border-radius: 14px;
        padding: 30px 24px;
        box-shadow: 0 6px 24px rgba(30, 46, 55, 0.14);
        font-size: 16px;
    }

    .incl-pkg-pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        margin: 0 auto;
    }

    .incl-pkg-pill {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        background: rgba(0, 116, 230, 0.18);
        border: 1px solid rgba(0, 116, 230, 0.40);
        border-radius: 50px;
        padding: 11px 22px;
    }

    .incl-pkg-pill .pill-dot {
        width: 9px;
        height: 9px;
        background: #0074E6;
        border-radius: 50%;
        flex-shrink: 0;
    }

    p.incl-pkg-pill-txt {
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        font-family: "Montserrat", serif;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    p.incl-pkg-caption {
        text-align: center;
        color: rgba(255, 255, 255, 0.62);
        font-size: 13px;
        line-height: 20px;
        margin: 18px 0 0;
        padding: 0 20px;
        font-family: "Montserrat", serif;
    }











@media only screen and (max-width : 1200px) {
	
	img#downlodpgeimg {
		width:600px;
	}
	
	#logocustimgsmiddiv {
		flex: 70%;
	}

	#logocustskip, #logocustskipreg {
		flex: 7.5%;
	}
	
}



@media only screen and (max-width : 1000px) {
	#dwndetik {
		width: 250px;
	}
	
	p.contpgesedets {
		max-width: 300px;
	}
	
}


@media only screen and (max-width : 900px) {
	#dwndetik {
		width: 450px;
	}
	
	#logocategori {
		width: 35%;
	}

	#logocateselogs {
		width: 65%;
	}

	.formflts {
		padding: 0;
	}
	
	
	#contcpge {
		padding-top: 80px;
	}
	
	.logoimgcustklik {
		width: 20%;
	}
	
	.mockdivsi {
		width: 33%
	}
	
	.incl-pkg-banner {
		display: inline-block;
    margin: 0 35px;
	}
	
	
}



@media only screen and (max-width : 700px) {
	
	input#searchinput {
		width: 250px;
	}
	
	a#desionlogolink, p.helponorderpar {
		text-align: center;
	}
	
	
	.hiwwordsbytdeivs {
		width: 90%;
		padding-bottom: 80px;
	}


	img#midhiwimglicon {
		display: none;
	}

	hr.hiwline {
		width: 80%;
		margin: 0 auto;
	}
	
	img#infotw {
	  display: block;
	  vertical-align: middle;
	  margin: 0 auto;
	  padding-bottom: 10px;
	}
	
	.orderflots {
		text-align: center;
		width: 100%;
	}

	p.logoordrpr, p.logoorprbig, input#orderfromsubi {
		margin: 0 auto;
	}
	
	
	form#logoorderfrmdos, form#logoorderfrm {
		padding: 80px 20px 0;
	}
	
	#orderformlogodetil {
		display: block;
		padding: 20px 20px 0;
		text-align: center;
	}

	p#logoordrnam, p.logoordandetil, a.logocatelinks, h2#logocatehed, h1#contpgehed, p.contpgesedets {
		text-align: center;
	}
	
	
	img#logocategodown {
		display: block;
	}
	
	#logocategors {
		display: none;
	}
	
	#logocategori, #logocateselogs {
		width: 100%;
		position: relative;
	}
	
	#logocategori {
    	margin-bottom: 30px;
	}
	
	p.contpgesedets {
		margin: 0 auto;
	}
	
	a.passshowonlo {
		padding:0;
	}
	.loginlbl {
		width:100%;
		text-align:center;
		padding:10px 0;
	}
	input.logininpt {
		width:95%;
		padding:5px 2.5%;
	}

	#omhom {
		padding:50px 30px 100px;
	}
	
	#logocustimgsmiddiv {
		flex: 90%;
	}

	#logocustskip, #logocustskipreg {
		flex: 5%;
	}
	
	.faq-container {
		padding: 0 15px;
	}
	.faq-question {
		padding: 0 20px;
	}
	.faqanswer {
		font-size: 14px !important;
		line-height: 22px !important;
	}
	.faqhed {
		font-size: 15px !important;
		line-height: 22px !important;
	}
	.faq-section-title {
		font-size: 24px;
	}
	
	.logo-faq-wrapper {
        padding: 0 20px !important;
    }
    .logo-faq-wrapper .faqhed {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .logo-faq-wrapper .faqanswer {
        font-size: 14px !important;
        line-height: 22px !important;
    }
	
	.logo-faq-wrapper .logo-faq-title {
        font-size: 22px !important;
        line-height: 28px !important;
    }
	
	.incl-cat {
            min-width: calc(100% - 40px);
        }
        .incl-pkg-banner {
            padding: 22px 16px;
        }
        .incl-pkg-pill {
            padding: 9px 16px;
        }
        p.incl-body-txt {
            font-size: 13px;
            line-height: 21px;
        }
	
	
}






@media only screen and (max-width : 500px) {
	
	.pageplusdivs {
		padding: 0 7px;
	}
	

	h1#pagesehed, h1#errohed, h1#contpgehed, h1#errohed {
		font-size: 30px;
		line-height: 40px;
	}
	
	span#pagehedsec, h3.logodetilheds, p#logoprysi, h2.secisecihed, h2#logocatehed, h2#logodescuststi, h1#logoorderhed, h2#logodescuststi, h2.secihighed {
		font-size: 25px;
		line-height: 35px;
	}

	
	h3#pagenomhed, h4#pagesort, a.linksortin, a.pagepluslinks, p.logodetilparra, p.logohedisnami, p#procseshiwsepan, p.hiwwords, a.logocatelinks, p.licepari, p#eerormes, p.pworddesigner, p.logoorprbig, p.logoordrpr, label.ordrfrmlble, input.ordrfrminputs, select#logoorderwat, a.termslink, p.downldspgepar, p.logodivtitl, a#conttobuylogobut, p.contpgesedets, a.bluelink, p.faqanswer {
		font-size: 14px;
		line-height: 20px;
	}
	
	a.bluelink {
		display: block;
	}
	
	.semrsediv {
		padding: 0 10px;
	}
	
	
	select#logoorderwat {
	  overflow: hidden;
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  width: 280px;
	}
	
	input.ordrfrminputs, textarea#ordertextbox, textarea#contctpbox {
	  width: 250px;
	}
	
	img#logocategodown {
		width: 30px;
		top: 30px;
	}
	
	#logoscategorbigdiv {
	  margin-top: -70px;
	}
	
	.downloddiv {
		width: 250px;
	}

	p.licepari, h2.licehed {
		padding: 0 30px;
	}
	
	p.licadpad {
		padding: 0 50px;
	}
	
	.profdebonamendcokt {
		display: block;
		padding: 0;
		text-align: center;
	}

	p#designnamoplgosbld {
		text-align: center;
	}
	
	.logininsiddivsi {
		display: block;
		text-align: center;
		width: 100%;
	}
	
	#logocustskip, #logocustskipreg {
		width: 5px;
	}
	
	#logocustimgsmiddiv {
		flex: 95%;
	}

	#logocustskip, #logocustskipreg {
		flex: 2.5%;
	}
	
	.mockdivsi {
		width: 100%
	}
	
	#shardiv {
		padding-bottom: 20px;
	}
	
	.lh-info-icon {
		display: none;
	}
	
	
}