:root {
  /* neutrals */
  --ivory:    #f5f2ec;
  --ivory-2:  #efe9dd;
  --paper:    #fbfaf6;
  --ink:      #383838;
  --ink-soft: #383838;
  --line:      rgba(43, 43, 39, .14);
--line-gold: rgba(176, 144, 93, .42);
}

.cstm-fy{
	font-family:var(--display);
}
/* =========================================================================
   HOME (LANDING) — VKGK Group
   ========================================================================= */
.home-hero { position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; padding-block: 120px 40px; }
@media(max-width:767px){
    .home-hero {min-height: 90vh;}
}
.home-hero__media { 
    position: absolute;
    inset: 0;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
 }

.home-hero__inner { position: relative; z-index: 2; width: 100%; }
.home-hero__grid { display: flex; justify-content:center; align-items:center; }
.home-hero__tag { color: #fff; text-align: center; }
.home-hero__tag .t {
	font-family: var(--display); text-transform: uppercase; letter-spacing: .08em; line-height: 1.2; text-shadow: 0 4px 30px rgba(0,0,0,.4);
font-size:var(--home-hero-title);	
	}
.home-hero__tag .divider { background: rgba(255,255,255,.7); }
.home-hero__tag .divider::before, .home-hero__tag .divider::after { background: rgba(255,255,255,.7); }
.home-hero [data-hero] { opacity: 0; transform: translateY(26px); }
.home-hero.is-loaded [data-hero] { opacity: 1; transform: none; transition: opacity 1s var(--ease), transform 1s var(--ease); }
.home-hero.is-loaded [data-hero="2"] { transition-delay: .18s; }



.divider-line span{
	display:inline-block;
	width:34px;
	height:3px;
	background-color:#ffffff;
}
.divider-line span:nth-child(2){
	margin:0px 1px;
}
.divider-line{
	line-height:1;
}
.rooted { text-align: center; }
.rooted h2 { font-family: var(--display); color: var(--navy); letter-spacing: .05em;     font-size: var(--home-rooted-h2); }
.rooted h2 .yr { color: var(--gold); }
.rooted p { color: var(--ink-soft);  margin: 1.4rem auto 0; }
.rooted .pr { font-family: var(--display); color: var(--navy); letter-spacing: .04em; font-size: clamp(1.2rem, 2.6vw, 1.7rem); margin-top: 2rem; }
.rooted .pr b { color: var(--gold); font-weight: 400; }
.heading-year-ft-s{
	    font-weight: 500;
    font-size: var(--heading-year-font-big);
    letter-spacing: normal;
    line-height: 0;
    width: fit-content;
    display: inline-block;
    position: relative;
    left: -13px;
}
.legacy-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(.6rem, 1.5vw, 1rem); margin-top: clamp(2.5rem, 5vw, 4rem); text-align: center; }

.era .tick {    width: 30px;
    height: 0.125rem;
    background: var(--navy);
    margin: 2.4rem auto;
    margin-bottom: 0.7rem; }
.era .yr { font-family: var(--body); color: var(--gold-d); font-size: var(--home-rising-year-fs); letter-spacing: .03em; line-height:1;}
.era .loc { font-family: var(--body); color: var(--gold); font-size:var(--era-loc-title-fs); letter-spacing: .02em; }
.era .d { color: var(--ink-soft);     font-size: var(--home-comon-pra-bg-fs);; line-height: 1.2; 
max-width:225px;margin:0px auto;margin-top:0.7rem;
}

.home-explore { text-align: center; margin-top: 2rem; }

.pillars3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); text-align: center; }
.pillar .ic { 
color: var(--gold); width: 46px; height: 46px; margin: 0 auto 1rem; 
}
.pillars3 .pillar figure{
	max-width:170px;
	margin:0px auto;
	margin-bottom:1.5rem;
	
}
.pillar h3 { font-family: var(--body); color: var(--gold); letter-spacing: normal; font-size: var(--pillar-home-h3); line-height: 1.15; margin: 0 0 .6rem; }
.pillar .rule { 
 background: var(--gold);     width: 90%;
    height: 6px;
    margin: 1.3rem auto;
}
.pillar p { color: var(--ink-soft);     font-size: var(--home-comon-pra-bg-fs);     padding: 0px 1.7rem; margin-inline: auto;line-height:1.6; }

.featured-head { text-align: center; }
.featured-head .lbl { font-family: var(--body); color: var(--ink); font-size: clamp(1.4rem, 3vw, 2.4rem); }
.featured-head .lbl b { color: var(--navy); font-weight: 400; }
.featured-img { width: 100%; aspect-ratio: 22/9; object-fit: cover; }
.featured-cap { text-align: center; }
.featured-cap .ep { display: flex; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; }
.featured-cap .ep-logo { width: clamp(130px, 12vw, 168px); height: auto; }
.featured-cap .fresher { font-family: var(--script); font-style: italic; color: #383838; font-size: clamp(1.6rem, 4.4vw, 4.5rem); line-height: 1.1; text-align: left; }
.featured-cap .addr { color: var(--ink-soft); font-size: var(--home-comon-pra-bg-fs); margin-top: .4rem; }
.btn-navy { background: var(--navy); border-color: var(--navy); color: #ffffff; border-radius: 40px; padding: .4rem 3.4rem; display:inline-block; font-family: var(--body);     letter-spacing: 0.07em;     font-size: 1.15rem;; transition: background-color .35s var(--ease), transform .35s var(--ease); }
.btn-navy:hover { background: var(--navy-d); color: #fff; transform: translateY(-2px); }
.home-border-bottom .divider-home{
	width:142px;
	height:2px;
	background-color:var(--gold);
	margin:1.4rem auto;
	margin-top:0.2rem;
}
.emerals-green-logo-hold figure{
	max-width:365px;
	margin:0px auto;
}
.home-exlore-btn-border-navy .btn{
	z-index:1;
	position:relative;
}
.testi-head { text-align: center; }
.testi-head .t { font-family: var(--body); color: var(--ink); letter-spacing: .01em; font-size: clamp(1.4rem, 3vw, 2.4rem); }
.testi-head .t b { color: var(--gold); font-weight: 400; }
.testi-head .t .n { color: var(--navy); }
.testi-head p { color: var(--ink-soft); max-width: 100ch; margin: 1rem auto 0;     font-size: var(--home-comon-pra-bg-fs); }
.testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.2rem, 2.5vw, 2rem); margin-top: clamp(2rem, 4vw, 3rem); }
.testi {border: 1px solid var(--gold); border-radius: 40px; display: flex; flex-direction: column; position:relative;}
.testi__q { padding: 2rem 1.6rem 1.6rem; flex: 1; }
.testi__q .mk {     font-family: var(--display);
    color: var(--gold);
    font-size: 7rem;
    line-height: 0px;
    height: 0px;
    display: block;
    position:absolute;
	top:17px;
	
	}
.testi__q p { color: var(--ink-soft);     font-size: var(--home-comon-pra-bg-fs); margin: .6rem 0 0; letter-spacing:normal;line-height:1.4 }
.testi__name { padding: 1.1rem 1.9rem; color: #fff; border-radius:0px 0px 40px 40px;line-height:normal;}
.testi__name b { font-family: var(--display); letter-spacing: .02em; font-weight: 400; font-size: var(--testi-name-heading-q); display: block; }
.testi__name span {     font-size: var(--home-comon-pra-bg-fs); opacity: .85; display:block;margin-top:5px;}
.testi--navy .testi__name { background: var(--navy); }
.testi--gold .testi__name { background: var(--gold); }
.testi--gold .testi__name{
	color:var(--navy);
}
.testi--navy .testi__name{
	color:var(--gold);
}
.blogs-head { text-align: center; }
.blogs-head .t { font-family: var(--body); color: var(--ink); letter-spacing: .01em; font-size: clamp(1.4rem, 3vw, 2.4rem); }
.blogs-head .t b { color: var(--navy); font-weight: 400; }
.blogs-head p { color: var(--ink-soft); max-width: 100ch; margin: 0.3rem auto 0;     font-size: var(--home-comon-pra-bg-fs); }
.blog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 4rem); margin-top: clamp(2rem, 4vw, 3rem); }
.blog__media { display: block; aspect-ratio: 16/10; overflow: hidden;  }
.blog__media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: transform 1s var(--ease); }
.blog:hover .blog__media img { transform: scale(1.06); }
.blog__meta { display: flex; align-items: center; gap: 1.4rem; margin: 1rem 0 .4rem; color: var(--ink-soft); font-size: 1.1rem; }
.blog__meta i { color: var(--gold-d); margin-right: .3rem; }
.blog__title { font-family: var(--body); font-size: var(--blog-title-heading-h3); margin: 0 0 .6rem;letter-spacing:0.03em; }
.blog__title { color: var(--gold-d); }

.blog .more { margin-top: 1rem; }
.blog .blog__meta .icon-hold-blog{
	display:flex;
	gap:2px;
	align-items:center;
	color:#383838;
	    font-size: var(--home-comon-pra-bg-fs);
}
.blog .blog__meta .icon-hold-blog figure{
	max-width:55px;
}
.blog .blog__meta .blog-insight-icon figure{
	max-width:75px;
}
.blog p{
	font-size: var(--home-blog-pra-dec);
	line-height:1.5;
	padding-top:0.6rem;
}
.home-blog-sec{
	padding-bottom: clamp(2.5rem, 9vw, 5rem);
}
.home-blog-sec .more i{
	font-size:0.90rem;
}
/*-------------New----------Css-----------Start-------------*/
.rooted p{
	font-size: var(--home-comon-pra-bg-fs);
	line-height:var(--home-comon-pra-bg-lh);
}
p.rooted-second{
	font-size: clamp(1.4rem, 3vw, 2.4rem)
}
p.rooted-second span{
font-family: var(--display);
padding:0px 5px;
font-weight:400;
}
.home-vkgk-logo-hold{
	 width: clamp(320px, 43vw, 1200px);
	 margin:0px auto;
}

.home-exlore-btn-border{
	position:relative;
	bottom:-23px;
}
.home-exlore-btn-border .btn-gold{
	position:relative;
	z-index:1;
}
.home-exlore-btn-border::before{
	content:'';
	position:absolute;
	bottom:23px;
	left:0px;
	right:0px;
	width:80%;
	height:1px;
	background-color:var(--gold);
	margin:0px auto;
	padding:0px;
	z-index:0px;
}
.home-exlore-btn-border::after{
	content:'';
	position:absolute;
	bottom:23px;
	left:0px;
	right:0px;
	    width: 12rem;
	height:1px;
	background-color:#f5f2ee;
	margin:0px auto;
	padding:0px;
	z-index:0px;
}

.divider-ficaption{
	    width: 142px;
    height: 2px;
    background-color: var(--gold);
   margin-top:1.2rem;
   margin-bottom:1.8rem;
}
.testi--gold .divider-ficaption{
	background-color:var(--navy);
}
.explore-btn{
	    padding: 0.35rem 3.2rem;
}
.blog-btn{
	margin-top:0.7rem;
}
/*-------------New----------Css-----------End-------------*/


@media(min-width:992px){
	.testi-grid{
		gap: clamp(1.5rem, 5.2vw, 6.2rem);
	}
	.testi__q{
		 padding:3.5rem 2.1rem;

	}
	.blog-grid{
	         gap: clamp(1.5rem, 6.7vw, 7.5rem);
	}

}










/*------------deskto--------font--------size----------*/

@media (min-width:768px) and (max-width:991px){
	

	

	p.rooted-second, .featured-head .lbl, .testi-head .t{
		font-size: clamp(1.5rem, 4.2vw, 1.8rem);
	}





	.featured-cap .fresher{
		font-size: clamp(28px, calc(20px + 1.5vw), 40px);
	}

	.emerals-green-logo-hold figure{
		max-width: clamp(150px, 22vw, 220px);
	}

	


	
	.testi-grid, .blog-grid{
		gap: clamp(2rem, 4.5vw, 2.5rem);
	}
	.blog .blog__meta .icon-hold-blog figure{
		width: clamp(32px, 3vw, 40px);
	}
	.blog .blog__meta .blog-insight-icon figure{
		width: clamp(48px, 3vw, 60px);
	}

		:root{
		--section-y: clamp(32px, calc(18px + 2.5vw), 52px);
	}
	.home-explore{
		margin-top:1rem;
	}
		.testi{
		border-radius: clamp(18px, 2vw, 28px);
	}
	.testi__name{
		border-radius: 0 0 clamp(18px, 2vw, 28px) clamp(18px, 2vw, 28px);
	}
	
	.legacy-strip{
		margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
	}
	.container{
		max-width:820px;
	}
.pillar p{
	padding: 0px 1.2rem;
}
}


@media (min-width:992px) and (max-width:1199px){

	

	p.rooted-second, .featured-head .lbl, .testi-head .t{
		font-size: clamp(1.5rem, 2vw, 1.9rem);
	}


	
	

	.featured-cap .fresher{
		font-size: clamp(32px, calc(20px + 2vw), 52px);
	}

	.emerals-green-logo-hold figure{
		max-width: clamp(180px, 20vw, 280px);
	}

	
	
	.testi-grid, .blog-grid{
		gap: clamp(20px, 2vw, 48px);
	}
	.blog .blog__meta .icon-hold-blog figure{
		width: clamp(42px, 2.8vw, 52px);
	}
	.blog .blog__meta .blog-insight-icon figure{
		width: clamp(46px, 2.8vw, 56px);
	}

	:root{
		--section-y: clamp(36px, calc(18px + 3vw), 64px);
	}
		.testi{
		border-radius: clamp(20px, 2vw, 32px);
	}
	.testi__name{
		border-radius: 0 0 clamp(20px, 2vw, 32px) clamp(20px, 2vw, 32px);
	}
	
		.legacy-strip{
		margin-top: clamp(2rem, 4vw, 3rem);
	}

}

@media(min-width:1200px) and (max-width:1700px){
	
	
	
	p.rooted-second, .featured-head .lbl, .testi-head .t{
		  font-size: clamp(1.875rem, 2.2vw, 2.3125rem);
	}
	
	
	.featured-cap .fresher{
		font-size: clamp(40px, calc(20px + 2.8vw), 72px);
	}
	.emerals-green-logo-hold figure{
		max-width: clamp(220px, 23vw, 350px);
	}


.testi-grid{
	gap: clamp(1.5rem, 5.2vw, 6.2rem);
}
    .blog-grid {
        gap: clamp(1.5rem, 6.7vw, 7.5rem);
    }
.blog .blog__meta .icon-hold-blog figure {
    width: clamp(48px, 3vw, 58px);
}
.blog .blog__meta .blog-insight-icon figure{
	width: clamp(60px, 3vw, 75px);
}

:root{
	--section-y: clamp(40px, calc(15px + 4vw), 88px);
}
.testi{
	border-radius: clamp(24px, 2vw, 40px);
}
.testi__name{
border-radius: 0 0 clamp(24px, 2vw, 40px) clamp(24px, 2vw, 40px);	
}

}




@media(min-width:1701px){
	:root{
		--home-rooted-h2:clamp(3.4rem, 2.9vw, 3.8rem);
		--home-hero-title: clamp(2rem, 1.8vw, 2.4rem);
		--heading-year-font-big: clamp(5rem, 4.2vw, 5.25rem);
		--home-comon-pra-bg-fs: clamp(1.381rem, 1.18vw, 1.6rem);
		--home-rising-year-fs: clamp(3.125rem, 2.6vw, 3.375rem);
		--era-loc-title-fs: clamp(1.78rem, 1.6vw, 1.7rem); 
		--pillar-home-h3: clamp(2.063rem, 1.75vw, 2.188rem);
		--testi-name-heading-q: clamp(1.875rem, 1.6vw, 2rem);
		   --home-blog-pra-dec: clamp(1.181rem, 1.20vw, 1.30rem);
		 --blog-title-heading-h3: clamp(2rem, 1.7vw, 2.188rem);
		 /*-------Line------Heigh--------Css----------*/
		 --home-comon-pra-bg-lh: 1.7;
	}
	.testi__q{
		        padding: 4.2rem 2.1rem;
	}
}
@media (min-width:1200px) and (max-width:1700px){
	:root{
		--home-rooted-h2:clamp(3rem, 3.4vw, 3.5rem);
		--home-hero-title:clamp(1.75rem, 2vw, 2.1rem);
		--heading-year-font-big: clamp(4.25rem, 4.8vw, 5rem);
		--home-comon-pra-bg-fs: clamp(1.25rem, 1.35vw, 1.381rem);
		--home-rising-year-fs: clamp(2.75rem, 3vw, 3.125rem);
		--era-loc-title-fs: clamp(1.625rem, 1.8vw, 1.78rem); 
		--pillar-home-h3: clamp(1.875rem, 2vw, 2.063rem);
		--testi-name-heading-q: clamp(1.75rem, 1.8vw, 1.875rem); 
		 --home-blog-pra-dec: clamp(1.09rem, 1.36vw, 1.125rem);
		 --blog-title-heading-h3: clamp(1.875rem, 1.9vw, 2rem);
		  /*-------Line------Heigh--------Css----------*/
		  --home-comon-pra-bg-lh: 1.65;
	}
}
@media (min-width:1100px) and (max-width:1400px){
	:root{
		--era-loc-title-fs: clamp(1.413rem, 1.6vw, 1.7rem);
		--home-comon-pra-bg-fs: clamp(1.25rem, 1vw, 1.381rem);
		--blog-title-heading-h3: clamp(1.675rem, 1.7vw, 1.6rem);
		        --home-blog-pra-dec: clamp(1.2rem, 1.36vw, 1.125rem);
	}
	.era .d{
		margin-top:0.6rem;

	}
.home-vkgk-logo-hold{
	width: clamp(420px, 51vw, 1200px);
}
 .testi-grid {
    gap: clamp(1.5rem, 6.7vw, 7.5rem);
  }
    .blog-grid {
    gap: clamp(1.5rem, 7.7vw, 8rem);
  }
}
@media (min-width:992px) and (max-width:1199px){
	:root{
		--home-rooted-h2:clamp(2.5rem, 4vw, 3rem);
		--home-hero-title:clamp(1.5rem, 2.5vw, 1.75rem);
		--heading-year-font-big: clamp(3.5rem, 5vw, 4.25rem);
		--home-comon-pra-bg-fs: clamp(1.125rem, 1.7vw, 1.25rem);
		--home-rising-year-fs: clamp(2.375rem, 3.5vw, 2.75rem);
		--era-loc-title-fs: clamp(1.5rem, 2.2vw, 1.625rem); 
		 --pillar-home-h3: clamp(1.625rem, 2.5vw, 1.875rem);
		 --testi-name-heading-q: clamp(1.5rem, 2.2vw, 1.75rem);
		  --home-blog-pra-dec: clamp(1rem, 1.7vw, 1.118rem);
		  --blog-title-heading-h3: clamp(1.625rem, 2.4vw, 1.875rem);
		/*-------Line------Heigh--------Css----------*/
		 --home-comon-pra-bg-lh: 1.6;
		
		
	}
}
@media (min-width:768px) and (max-width:991px){
	:root{
		--home-rooted-h2:clamp(2.1rem, 5vw, 2.5rem);
		--home-hero-title:clamp(1.375rem, 3vw, 1.5rem);
		--heading-year-font-big: clamp(3rem, 6vw, 3.5rem);
		--home-comon-pra-bg-fs: clamp(1.063rem, 2.1vw, 1.125rem);
		--home-rising-year-fs: clamp(2rem, 4vw, 2.375rem);
		--era-loc-title-fs: clamp(1.375rem, 2.8vw, 1.5rem); 
		 --pillar-home-h3: clamp(1.5rem, 3vw, 1.625rem);
 --testi-name-heading-q: clamp(1.375rem, 2.8vw, 1.5rem);
 --home-blog-pra-dec: clamp(0.9rem, 2.2vw, 1.1rem);
--blog-title-heading-h3: clamp(1.5rem, 3vw, 1.625rem); 
		  /*-------Line------Heigh--------Css----------*/
		  --home-comon-pra-bg-lh: 1.55;
	}
}


@media(min-width:768px) and (max-width:1180px){
	:root{
		--home-rooted-h2: clamp(2rem, 2.82vw, 2.5rem);
       --heading-year-font-big: clamp(3.5rem, 4.23vw, 3.75rem);
       --home-comon-pra-bg-fs: clamp(0.9375rem, 1.2vw, 1.0625rem);
       --home-rising-year-fs: clamp(2rem, 2.68vw, 2.375rem);
       --pillar-home-h3: clamp(1.5rem, 1.83vw, 1.625rem);
       --testi-name-heading-q: clamp(1.375rem, 1.69vw, 1.5rem); 
      --home-blog-pra-dec: clamp(0.9375rem, 1.2vw, 1.0625rem); 	   
      --blog-title-heading-h3: clamp(1.375rem, 1.69vw, 1.5rem);
	}
	.rooted h2{
		line-height:1.4;
	}
	p.rooted-second, .featured-head .lbl, .testi-head .t{
		font-size: clamp(1.5rem, 1.97vw, 1.75rem);
	}
	.legacy-strip{
		margin-top: clamp(1rem, 1.8vw, 1.6rem);
	}
	.legacy-bg .container-xl, .fresher-sec-home .container-xl{
  max-width: 1190px;
}
.home-vkgk-logo-hold {
    width: clamp(419px, 46vw, 1200px);
  }
  .explore-btn{
	  padding: 0.15rem 2.2rem;
	  letter-spacing: 0.04em;
  }
  .home-exlore-btn-border{
	  bottom: -20px;
  }
  .home-exlore-btn-border::before, .home-exlore-btn-border::after{
	  bottom: 20px;
  }
  .home-exlore-btn-border::after{
	  width: 10rem;
  }
  .home-exlore-btn-border::before{
	  width:72%
  }
  .pillars3 .pillar figure{
	  max-width: 140px;
  }
  .pillars-usp-sec-homd .container{
	  max-width:1000px;
  }
  .pillar .rule{
	  height: 5px;
	  width:85%;
  }
   .emerals-green-logo-hold figure {
    max-width: clamp(220px, 23vw, 281px);
  }
  .featured-cap .fresher{
	  font-size: clamp(40px, calc(20px + 2.32vw), 53px);
  }
  .testi-head.home-border-bottom {
	  padding-bottom:2.6rem !important;
  }
  .testi__q {
    padding: 2.5rem 1.5rem;
  }
   .testi-grid, .blog-grid{
    gap: clamp(1.5rem, 6.7vw, 4.5rem);
  }
  .btn-navy{
	          padding: 0.15rem 2.2rem;
        letter-spacing: 0.04em;
  }
}



@media(min-width:1180px) and (max-width:1620px){
	:root{
		--home-rooted-h2: clamp(2rem, 2.82vw, 2.5rem);
       --heading-year-font-big: clamp(3.5rem, 4.23vw, 3.75rem);
       --home-comon-pra-bg-fs: clamp(0.9375rem, 1.2vw, 1.0625rem);
       --home-rising-year-fs: clamp(2rem, 2.68vw, 2.375rem);
       --pillar-home-h3: clamp(1.5rem, 1.83vw, 1.625rem);
       --testi-name-heading-q: clamp(1.375rem, 1.69vw, 1.5rem); 
      --home-blog-pra-dec: clamp(0.9375rem, 1.2vw, 1.0625rem); 	   
      --blog-title-heading-h3: clamp(1.375rem, 1.69vw, 1.5rem);
	}
	.rooted h2{
		line-height:1.4;
	}
	p.rooted-second, .featured-head .lbl, .testi-head .t{
		font-size: clamp(1.5rem, 1.97vw, 1.75rem);
	}
	.legacy-strip{
		margin-top: clamp(1rem, 1.8vw, 1.6rem);
	}
	.legacy-bg .container-xl, .fresher-sec-home .container-xl{
  max-width: 1190px;
}
.home-vkgk-logo-hold {
    width: clamp(419px, 46vw, 1200px);
  }
  .explore-btn{
	  padding: 0.15rem 2.2rem;
	  letter-spacing: 0.04em;
  }
  .home-exlore-btn-border{
	  bottom: -20px;
  }
  .home-exlore-btn-border::before, .home-exlore-btn-border::after{
	  bottom: 20px;
  }
  .home-exlore-btn-border::after{
	  width: 10rem;
  }
  .home-exlore-btn-border::before{
	  width:72%
  }
  .pillars3 .pillar figure{
	  max-width: 140px;
  }
  .pillars-usp-sec-homd .container{
	  max-width:1000px;
  }
  .pillar .rule{
	  height: 5px;
	  width:85%;
  }
   .emerals-green-logo-hold figure {
    max-width: clamp(220px, 23vw, 281px);
  }
  .featured-cap .fresher{
	  font-size: clamp(40px, calc(20px + 2.32vw), 53px);
  }
  .testi-head.home-border-bottom {
	  padding-bottom:2.6rem !important;
  }
  .testi__q {
    padding: 2.5rem 1.5rem;
  }
   .testi-grid, .blog-grid{
    gap: clamp(1.5rem, 6.7vw, 4rem);
  }
  .btn-navy{
	          padding: 0.15rem 2.2rem;
        letter-spacing: 0.04em;
  }

}

@media(min-width:1420px) and (max-width:1720px){
		.legacy-bg .container-xl, .fresher-sec-home .container-xl{
  max-width: 1320px;
}
}



@media(min-width:1200px) and (max-width:1320px){
	:root{
		--era-loc-title-fs: clamp(1.125rem, 1.52vw, 1.25rem) !important;
		--home-rising-year-fs: clamp(1.625rem, 2.27vw, 1.875rem) !important;
	}
	 .legacy-bg .container-xl, .fresher-sec-home .container-xl {
    max-width: 1079px !important;
  }
  .era .d {
        margin-top: 0.4rem;
    }
	    .home-vkgk-logo-hold {
        width: clamp(379px, 46vw, 466px) !important;
    }
	.era .loc{
		margin-top:0.3rem;
	}
	    .pillars3 .pillar figure {
        max-width: 131px;
    }
	    .emerals-green-logo-hold figure {
        max-width: clamp(194px, 23vw, 244px) !important;
    }
	    .featured-cap .fresher {
        font-size: clamp(40px, calc(20px + 2.32vw), 43px) !important;
    }
}


@media(min-width:768px) and (max-width:1180px){ 
    .explore-btn {
        padding: 0.15rem 2.2rem;
        letter-spacing: 0.04em;
		    font-size: 1.1rem;
    }
	
}

@media(min-width:1420px) and (max-width:1620px){
	:root{
		 --home-rooted-h2: clamp(2.25rem, 2.51vw, 2.375rem);
		 --heading-year-font-big: clamp(3.375rem, 3.84vw, 3.625rem);		 
		 --home-rising-year-fs: clamp(2rem, 2.25vw, 2.125rem);
		 --era-loc-title-fs: clamp(1.25rem, 1.46vw, 1.375rem);
		--home-comon-pra-bg-fs: clamp(1rem, 1.19vw, 1.125rem);
		 --pillar-home-h3: clamp(1.4375rem, 1.65vw, 1.5625rem);
		--testi-name-heading-q: clamp(1.375rem, 1.59vw, 1.5rem);
		--blog-title-heading-h3: clamp(1.375rem, 1.59vw, 1.5rem);
		--home-blog-pra-dec: clamp(1.125rem, 1.04vw, 1.3rem);
		 
	}
	p.rooted-second {
  font-size: clamp(1.75rem, 1.5vw, 2rem);
}
	.rooted h2{
		    letter-spacing: .02em;
	}
	.legacy-bg .container-xl {
  max-width: 1320px;
}
.home-vkgk-logo-hold {
    width: clamp(320px, 43vw, 500px);
    margin: 0px auto;
}
.pillars3 .pillar figure{
	max-width:145px;
}
.featured-head .lbl, .testi-head .t, .blogs-head .t{
	font-size: clamp(2.0.875rem, 2vw, 2.2rem);
}
.emerals-green-logo-hold figure{
	max-width:280px;
}
.featured-cap .fresher{
	font-size: clamp(3.25rem, 3.57vw, 3.375rem);
}
.legacy-bg .legacy-strip .figrue-hold{
	display:block;
	max-width:155px;
	margin:0px auto;
}
.testi__q{
	padding: 4.5rem 2rem;
}
.testi__q p{
	line-height:1.7;
}
}

@media(min-width:1620px) and (max-width:1900px){
	:root{
		 --home-rooted-h2: calc(3.125rem + (100vw - 1700px) * 0.03);
		 --heading-year-font-big: clamp(4.5rem, 4.2vw, 5.25rem);
		 --home-comon-pra-bg-fs: clamp(1.3125rem, 1.18vw, 1.6rem);
		 --home-rising-year-fs: clamp(2.8125rem, 2.6vw, 3.375rem);
		 --era-loc-title-fs: clamp(1.625rem, 1.6vw, 1.7rem);
		 --home-comon-pra-bg-fs: clamp(1.25rem, 1.18vw, 1.6rem);
		 --pillar-home-h3: clamp(1.75rem, 1.75vw, 2.188rem);
		 --testi-name-heading-q: clamp(1.875rem, 1.3vw, 1.8rem);
		 --blog-title-heading-h3: clamp(1.8125rem, 1.7vw, 2.188rem);
		--home-blog-pra-dec: clamp(1.125rem, 1.04vw, 1.3rem);
		 
	}
	p.rooted-second {
   font-size: clamp(2.1875rem, 3vw, 2.4rem);
}
	.rooted h2{
		    letter-spacing: .02em;
	}
	.legacy-bg .container-xl {
  max-width: 1461px;
}
.home-vkgk-logo-hold {
    width: clamp(320px, 43vw, 600px);
    margin: 0px auto;
}
.pillars3 .pillar figure{
	max-width:145px;
}
.featured-head .lbl, .testi-head .t, .blogs-head .t{
	font-size: clamp(2.1875rem, 2vw, 2.4rem);
}
.emerals-green-logo-hold figure{
	max-width:310px;
}
.featured-cap .fresher{
	font-size: clamp(4.1875rem, 4.4vw, 4.2rem);
}
.legacy-bg .legacy-strip .figrue-hold{
	display:block;
	max-width:200px;
	margin:0px auto;
}
}

/*-------------------desktop-----------font-------size---------end----------*/



@media (max-width: 991.98px) {
  .home-hero__grid { grid-template-columns: 1fr; }
  .home-hero__tag { text-align: left; }
  
  .legacy-strip { grid-template-columns: repeat(3, 1fr); row-gap: 2rem; }
  .pillars3 { grid-template-columns: 1fr; gap: 2.5rem; }
  .testi-grid { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; }
  .featured-cap .ep { flex-direction: column; gap: .6rem; } .featured-cap .fresher { text-align: center; }
}
@media (max-width: 575.98px) {
  .legacy-strip { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: 1fr; }
}



@media(min-width:768px){
	.testi-grid, .pillars3{
		    grid-template-columns: repeat(3, 1fr);
			max-width:100%;
	}
	
}

@media(max-width:767px){
	.pillar .rule{
		    width: 90%;
    height: 3px;
    margin: 1rem auto;
	
	}
	.pillar p{
		padding: 0px 2rem;
	}
	.pillars3{
		gap: 1rem;
	}
	.home-explore{
		margin-top:1rem;
		margin-bottom:1rem;
	}
	
	.home-hero__tag{
		text-align:center;
	}
	.reg-card{
		margin:0px auto;
	}

	.rooted p{
		margin-top:0.8rem;
	}
	.home-hero{
		padding-block: 100px 40px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.home-hero__grid{
		grid-template-columns: 1fr minmax(330px, 340px);
    gap: 1rem;
	}
	.home-hero__tag{
		text-align:center;
	}
	.header-actions .btn-gold{
		    letter-spacing: 0.06em;
    padding: 0.25rem 1.6rem !important;
    font-size: 1rem;
	}
	.explore-btn{
		    padding: 0.25rem 2.8rem;
	}
	.btn-navy, .btn-gold{
		    padding: .3rem 2.6rem;
	}
}

/*-------------------mobile-----------font-------size---------start----------*/
@media (max-width:767px){
	.rooted h2{
		font-size: clamp(1.5rem, calc(1.35rem + 0.53vw), 1.75rem);
	}

	 /* .testi-head p, .testi__name b, .blog .blog__meta .icon-hold-blog, .blogs-head p{ */
		/* font-size: clamp(0.9rem, 3.5vw, 1rem); */
		/* line-height: clamp(1.6rem, 5vw, 1.7rem); */
	/* } */

	p.rooted-second, .featured-head .lbl, .testi-head .t, .blogs-head .t{
		font-size: clamp(1.2rem, 5vw, 1.5rem);
	}

	.home-hero__tag .t{
		font-size: clamp(1.1rem, 4.5vw, 1.4rem);
	}

	


	.featured-cap .fresher{
		font-size: clamp(20px, 7vw, 33px);
	}

	.emerals-green-logo-hold figure{
		max-width: clamp(140px, 45vw, 220px);
	}

	





	.testi-grid, .blog-grid{
		        gap: clamp(2rem, 9vw, 4rem);
	}
	.blog .blog__meta .icon-hold-blog figure{
		width: clamp(38px, 6vw, 46px);
	}
	.blog .blog__meta .blog-insight-icon figure{
	width: clamp(48px, 6vw, 56px);
}
	
		:root{
		--section-y: clamp(24px, calc(16px + 3vw), 40px);
	}
	.testi{
		border-radius: clamp(16px, 4vw, 24px);
	}
	.testi__name{
		border-radius: 0 0 clamp(16px, 4vw, 24px) clamp(16px, 4vw, 24px);
	}
	.testi__name b{
		font-size:1.1rem;
	}
	.pillars3 .pillar figure{
	max-width: clamp(100px, 10vw + 80px, 170px);
}
.legacy-strip .figrue-hold{
	max-width: clamp(140px, 10vw + 80px, 180px);
	display:block;
	margin:0px auto;
}
.legacy-strip{
gap:1.5rem;
}
	.legacy-strip{
		margin-top: clamp(1.5rem, 5vw, 2rem);
	}
	
	.era .tick{
		    margin: 1.4rem auto;

	}
	.era .d{
		    max-width: 170px;
			margin-top:0.4rem;
	}
	.home-border-bottom .divider-home{
		    width: 112px;
	}
	.testi-head p{
		margin-bottom:2rem;
	}
	:root{
		--blog-title-heading-h3: clamp(1.575rem, 3.8vw, 1.9rem);
		--testi-name-heading-q: clamp(1.25rem, 3.5vw, 1.375rem);
		--pillar-home-h3: clamp(1.375rem, 3.8vw, 1.5rem);
		--era-loc-title-fs: clamp(1.25rem, 3.5vw, 1.375rem); 
		--home-rising-year-fs: clamp(1.75rem, 5vw, 2rem); 
		 --home-comon-pra-bg-fs: clamp(1rem, 2.6vw, 1.063rem); 
		  --home-comon-pra-bg-fs: clamp(1.063rem, 2.8vw, 1.125rem);
		  --heading-year-font-big:  clamp(1.9375rem, calc(1.18rem + 3.8vw), 3rem);;
		--home-blog-pra-dec: clamp(0.9rem, 2.7vw, 1rem);
		 --home-rooted-h2:clamp(1.8rem, 6vw, 2.1rem);
	}
	
	.legacy-bg .legacy-strip{
	  display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        justify-content: start !important;
        overflow-y: hidden;
		        padding-bottom: 1rem;
}
.legacy-bg .legacy-strip::-webkit-scrollbar{
        height: 4px;
        margin-top:20px;
    }
.legacy-bg .legacy-strip::-webkit-scrollbar-track{
        background: #b6905252;
        border-radius: 10px;
    }
.legacy-bg .legacy-strip::-webkit-scrollbar-thumb{
        background: #33497c;
        border-radius: 10px;
    }
	.legacy-bg .legacy-strip .era{
		  flex: 0 0 65%;
        max-width: 65%;
        scroll-snap-align: start;
	}
	.home-exlore-btn-border::before{
		    width: 90%;
	}
	.home-exlore-btn-border::after{
		    width: 8rem;
	}
.home-exlore-btn-border{
	    bottom: -15px;
}
.home-exlore-btn-border::after, .home-exlore-btn-border::before{
	bottom:15px;
}
.heading-year-ft-s{
	padding-left:5px;
}
.home-vkgk-logo-hold{
	    width: clamp(264px, 43vw, 1200px);
}
    .emerals-green-logo-hold figure {
        max-width: clamp(130px, 37vw, 196px);
    }
	.testi__q{
		    padding: 3rem 2rem;
	}
	.testi__q p{
		line-height:1.6;
	}
}

@media(max-width:420px){
	.rooted h2{
		line-height:1.4;
	}
	    .legacy-strip {
        gap: 0.2rem;
    }
}