.techqor-front-container{
width:100%;
}

.techqor-wrap{
max-width:1280px;
margin:auto;
padding:40px 0;
}

/* ================================
HERO SECTION
================================ */

/* =================================
HERO SECTION
================================= */

.techqor-hero{
position:relative;
padding:20px 16px;
text-align:center;
overflow:hidden;
margin-top:20px;
background:linear-gradient(140deg,#0f172a,#1e293b,#209cee);
color:#fff;
}

/* diamond facets */

.techqor-hero::before{
content:"";
position:absolute;
inset:-10%;

background:
linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/120px 120px,
linear-gradient(225deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/120px 120px,
linear-gradient(315deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/120px 120px,
linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%) 0 0/120px 120px;

opacity:.45;
mix-blend-mode:overlay;
z-index:1;
}



/* hero content */

.techqor-hero-inner{
position:relative;
z-index:3;
max-width:760px;
margin:auto;
}

/* =================================
HERO BADGE
================================= */

.techqor-hero-badge{

display:inline-flex;
align-items:center;
gap:10px;

padding:6px 14px;

border-radius:999px;

background:rgba(255,255,255,.12);

backdrop-filter:blur(6px);

font-size:13px;
font-weight:500;

margin-bottom:18px;

}

/* pulse dot */

.pulse-dot{
width:8px;
height:8px;

background:#22c55e;

border-radius:50%;

position:relative;
}

.pulse-dot::after{

content:"";
position:absolute;
inset:0;

border-radius:50%;

background:#22c55e;

animation:pulse 1.8s infinite;

}

/* =================================
TITLE
================================= */

.techqor-hero h1{

font-size:46px;
line-height:1.25;


font-weight:700;

background:linear-gradient(90deg,#ffffff,#c7d2fe,#ffffff);

-webkit-background-clip:text;
color:transparent;

}

/* subtitle */

.techqor-hero-desc{
font-size:18px;
opacity:.92;
margin-bottom:16px;
}

/* =================================
BUTTONS
================================= */

.techqor-hero-buttons{
display:flex;
justify-content:center;
gap:10px;
flex-wrap:nowrap; /* mobile me ek hi row */
}

/* primary button */

.techqor-btn-primary{

background:#fff;
color:#111;

padding:8px 16px;   /* reduced */

font-size:14px;
font-weight:600;

transition:.25s;

}

.techqor-btn-primary:hover{
transform:translateY(-2px);
}

/* outline button */

.techqor-btn-outline{

border:1px solid rgba(255,255,255,.7);
color:#fff;

padding:8px 16px;   /* reduced */

font-size:14px;

transition:.25s;

}

.techqor-btn-outline:hover{
background:rgba(255,255,255,.12);
}

/* glass button */

.techqor-btn-glass{

padding:8px 16px;   /* reduced */


background:rgba(255,255,255,.12);

border:1px solid rgba(255,255,255,.25);

color:#fff;

text-decoration:none;

font-size:14px;

transition:.25s;

}

.techqor-btn-glass:hover{
background:rgba(255,255,255,.2);
}

@media (max-width:768px){

.techqor-hero-buttons{
gap:6px;
}

.techqor-btn-primary,
.techqor-btn-outline,
.techqor-btn-glass{

padding:6px 10px;
font-size:13px;

}

}

.techqor-btn-primary,
.techqor-btn-outline,
.techqor-btn-glass{

display:inline-flex;
align-items:center;
justify-content:center;

padding:8px 16px;
font-size:14px;
line-height:1;

}

@media (max-width:768px){

.techqor-hero-buttons a:last-child{
display:none;
}

}

/* =================================
FLOATING SHARDS
================================= */

.techqor-shards{
position:absolute;
inset:0;
overflow:hidden;
pointer-events:none;
z-index:2;
}

.techqor-shards span{

position:absolute;
width:120px;
height:120px;

background:linear-gradient(
135deg,
rgba(255,255,255,.35),
rgba(255,255,255,.05)
);

clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
opacity:.35;


}

.techqor-shards span:nth-child(1){top:10%;left:15%;}
.techqor-shards span:nth-child(2){top:70%;left:10%;}
.techqor-shards span:nth-child(3){top:30%;left:80%;}
.techqor-shards span:nth-child(4){top:75%;left:75%;}
.techqor-shards span:nth-child(5){top:50%;left:40%;}
.techqor-shards span:nth-child(6){top:20%;left:60%;}


/* =================================
RESPONSIVE
================================= */

@media(max-width:768px){

.techqor-hero{
padding:80px 18px 90px;
}

.techqor-hero h1{
font-size:32px;
}

.techqor-hero-desc{
font-size:16px;
}

}

/* =====================
LATEST POSTS GRID
===================== */

.techqor-post-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
align-items:start;
}

/* DESKTOP:
   ALL POSTS CARD STYLE */
.techqor-big,
.techqor-medium,
.techqor-list{
grid-column:span 1;
}


/* =====================
CARD DESIGN
===================== */

.techqor-card{
display:flex;
flex-direction:column;
height:100%;
background:#fff;
border:1px solid #e5e7eb;
overflow:hidden;
transition:all .25s ease;
text-decoration:none;
color:#111;
}

.techqor-card:hover{
transform:translateY(-4px);
box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

/* IMAGE */

.techqor-thumb{
aspect-ratio:16/9;
overflow:hidden;
flex-shrink:0;
}

.techqor-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* CONTENT */

.techqor-card-content{
padding:20px;
display:flex;
flex-direction:column;
flex:1;
min-width:0;
}

/* TITLE */

.techqor-title{
font-size:20px;
line-height:1.4;
margin:0 0 8px;
min-height:56px;
font-weight:700;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
word-break:break-word;
}

/* META */

.techqor-meta{
font-size:13px;
line-height:1.5;
color:#777;
margin-bottom:10px;
}

/* EXCERPT */

.techqor-excerpt{
font-size:14px;
color:#555;
line-height:1.7;
margin-bottom:18px;
flex-grow:1;
}

/* READ MORE */

.techqor-readmore{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
font-size:14px;
font-weight:500;
color:#6a5cff;
margin-top:auto;
}

/* ARROW BUTTON */

.techqor-arrow{
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
border-radius:50%;
background:var(--techqor-primary-hover);
color:#fff;
font-size:14px;
flex-shrink:0;
}

/* ARROW STATIC */

.techqor-card:hover .techqor-arrow{
transform:none;
background:var(--techqor-primary-hover);
}


/* =====================
TABLET
First 2 posts = 2 cards in 1 row
Remaining posts = list view
===================== */

@media (max-width:1024px){

.techqor-wrap{
padding:34px 14px;
}

.techqor-hero{
padding:8px 18px;
}

.techqor-hero h1{
font-size:34px;
}

.techqor-hero-desc{
font-size:16px;
}

.techqor-post-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}

/* First 2 posts */
.techqor-big{
grid-column:span 1;
}

.techqor-thumb{
aspect-ratio:16/9;
background:#f2f2f2;
}



/* Remaining posts full width list view */
.techqor-list{
grid-column:1 / -1;
}

.techqor-list .techqor-card{
flex-direction:row;
align-items:center;
border:none;
box-shadow:none;
overflow:visible;
padding:0 0 18px;
border-bottom:1px solid #e9e9e9;
background:transparent;
}

.techqor-list .techqor-card:hover{
transform:none;
box-shadow:none;
}

.techqor-list .techqor-thumb{
width:170px;
height:120px;
aspect-ratio:auto;
overflow:hidden;
}

.techqor-list .techqor-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.techqor-list .techqor-card-content{
padding:0 0 0 16px;
justify-content:center;
}

.techqor-big .techqor-title,
.techqor-medium .techqor-title{
font-size:19px;
min-height:52px;
}

.techqor-list .techqor-title{
line-height:1.35;
min-height:auto;
margin-bottom:10px;
-webkit-line-clamp:2;
}

.techqor-big .techqor-meta,
.techqor-medium .techqor-meta{
font-size:12px;
}

.techqor-list .techqor-meta{
font-size:14px;
margin-bottom:14px;
}

.techqor-big .techqor-excerpt,
.techqor-medium .techqor-excerpt{
font-size:13px;
line-height:1.65;
}

.techqor-list .techqor-excerpt{
font-size:15px;
line-height:1.8;
margin-bottom:0;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.techqor-list .techqor-readmore{
display:none;
}

}

@media (max-width:600px){

.techqor-wrap{
padding:28px 10px;
}

/* HERO */

.techqor-hero{
padding:6px 16px;
}

.techqor-hero h1{
font-size:28px;
line-height:1.35;
}

.techqor-hero-desc{
font-size:15px;
margin-bottom:22px;
}

.techqor-hero-buttons{
gap:12px;
}

.techqor-btn-primary,
.techqor-btn-outline{
padding:11px 18px;
font-size:14px;
}

/* GRID */

.techqor-post-grid{
grid-template-columns:1fr;
gap:18px;
}

/* FIRST 2 POSTS FULL CARD */

.techqor-big,
.techqor-medium{
grid-column:1 / -1;
}

/* LIST POSTS */

.techqor-list{
grid-column:1 / -1;
}

/* LIST CARD */

.techqor-list .techqor-card{
display:flex;
align-items:center;
gap:14px;
border:none;
box-shadow:none;
overflow:visible;
border-bottom:1px solid #ececec;
background:transparent;
}

/* THUMB */

.techqor-list .techqor-thumb{
width:110px;
height:80px;
flex-shrink:0;
overflow:hidden;
}

.techqor-list .techqor-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* CONTENT */

.techqor-list .techqor-card-content{
display:flex;
flex-direction:column;
justify-content:center;
padding:0;
min-width:0;
}

/* TITLE */

.techqor-list .techqor-title{
font-size:15px;
line-height:1.45;
margin:0 0 6px;
font-weight:600;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* META */

.techqor-list .techqor-meta{
font-size:12px;
color:#777;
line-height:1.4;
}

/* REMOVE EXTRA CONTENT */

.techqor-list .techqor-excerpt,
.techqor-list .techqor-readmore{
display:none;
}

/* LAST ITEM BORDER REMOVE */

.techqor-list:last-child .techqor-card{
border-bottom:none;
}

}
.techqor-highlight{

color:var(--techqor-primary-hover);
transition:.25s;

}

.techqor-highlight:hover{

opacity:.8;

}

html{
scroll-behavior:smooth;
}
/* =====================
TOOLS
===================== */
/* =====================
TOOLS GRID
===================== */

.techqor-tools-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
}

/* TOOL CARD */

.techqor-tool-card{
background:#fff;
padding:24px;
border:1px solid #eee;
text-decoration:none;
color:#111;
display:flex;
flex-direction:column;
gap:14px;
transition:all .25s ease;
}

.techqor-tool-card:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,0.07);
}

/* TOP */

.tool-top{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
}

/* ICON */

.tool-icon{
width:48px;
height:48px;
border-radius:12px;
background:#f3f4f8;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
}

/* BADGE */

.tool-badge{
font-size:12px;
padding:4px 10px;
border-radius:20px;
border:1px solid #eee;
color:#777;
}

/* TITLE */

.techqor-tool-card h3{
font-size:18px;
line-height:1.4;
margin:0;
}

/* DESCRIPTION */

.techqor-tool-card p{
font-size:14px;
color:#666;
line-height:1.6;
margin:0;
}

/* TRY TOOL */

.tool-link{
font-size:14px;
font-weight:500;
color:var(--techqor-primary-hover);
margin-top:auto;
}

/* =====================
RESPONSIVE
===================== */

@media (max-width:900px){

.techqor-tools-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

}

@media (max-width:600px){

.techqor-tools-grid{
grid-template-columns:1fr;
gap:16px;
}

.techqor-tool-card{
padding:20px;
}

.techqor-tool-card h3{
font-size:17px;
}

.techqor-tool-card p{
font-size:13px;
}

}

.section-title,
.widget-title,
.wp-block-heading,
.techqor-front-widgets h1,
.techqor-front-widgets h2,
.techqor-front-widgets h3,
.techqor-front-widgets h4,
.techqor-front-widgets h5,
.techqor-front-widgets h6,
.techqor-front-tools-widget h1,
.techqor-front-tools-widget h2,
.techqor-front-tools-widget h3,
.techqor-front-tools-widget h4,
.techqor-front-tools-widget h5,
.techqor-front-tools-widget h6,
.techqor-custom-section h1,
.techqor-custom-section h2,
.techqor-custom-section h3,
.techqor-custom-section h4,
.techqor-custom-section h5,
.techqor-custom-section h6{
  color:var(--techqor-heading, #222);
}

.techqor-highlight{
  color:var(--techqor-primary, #209cee);
}

/* =====================
SECTION TITLE
===================== */

.section-title{
font-size:28px;
line-height:1.3;
margin-bottom:30px;
}

@media (max-width:1024px){
.section-title{
font-size:24px;
margin-bottom:24px;
}
}

@media (max-width:600px){
.section-title{
font-size:22px;
margin-bottom:20px;
}
}