/* =========================================================================
   ABOUT / COMPANY — "Precision Rising"
   Corporate (navy) accent. Loaded after base.css.
   ========================================================================= */

/* ---- intro ------------------------------------------------------------- */
.intro { text-align: center; }
.intro__title {
  font-family: var(--display); color: var(--gold);
  font-size: var(--home-rooted-h2);     letter-spacing: .02em;     line-height: 1.2;;
}
.intro__body { color: var(--ink-soft);  margin-inline: auto; }
.intro__body p { margin: 0 auto;}
.intro__body p + p { margin-top: 1.4rem; }
.intro__body p{
	    font-size: var(--home-comon-pra-bg-fs);
    
}
/* ---- vision & mission (staggered cards) -------------------------------- */
.vm { position: relative; }
.vm__row { display: grid; grid-template-columns: minmax(0, 380px) 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }


.vm__card {
  position: relative;border-radius: clamp(1.5rem, calc(1rem + 1.8vw), 2.5rem); overflow: hidden;
  aspect-ratio: 3 / 5; min-height: 360px;
  background: var(--ivory-2) center/cover no-repeat;
  justify-content:end;
  display: flex; padding: 2.2rem;
}
.vm--vision .vm__card { align-items: flex-start; }
.vm--mission .vm__card { align-items: flex-end; }
.vm__card .word {
  font-family: var(--display); color: #fff; letter-spacing: .04em;
  font-size: var(--heading-word-about-vission-mission); text-shadow: 0 4px 30px rgba(0,0,0,.4);
}

.vm__quote { position: relative; }
.vm__quote .q {
  font-family: var(--body); font-style: normal; font-weight: 400; line-height: 1.4;
  font-size: var(--vm-quote-q);
}
.vm--vision  .vm__quote .q { color: var(--navy); }
.vm--mission .vm__quote .q { color: var(--gold-d); }
.vm__quote .mark {
  background: transparent;   /* remove Bootstrap .mark highlight box */
}
.vm__rule { width:16rem; height: 0.1rem; background: var(--gold); margin-bottom: 3rem; }
.vm--mission .vm__quote { text-align: right; margin-left: auto; }
.vm--mission .vm__rule { margin-left: auto; }
.mark-gold .mark{
	color: var(--gold-d);
}
.mark{
	position:absolute;
	 font-family: var(--display);
font-size: 7rem;
    line-height: 0.5;
    align-content: center;
	padding:0;
	
}
.mark-gold .mark-left{
	    left: 68px;
    top: 7px;
	line-height:1.3;
}
.mark-gold .mark-right{
	    right: -10px;
    bottom: 2px;

}
.mark-blue .mark{
	    color: var(--navy);
}
.mark-blue .mark-left{
	 left: -22px;
    top: 6px;
	line-height:1.3;
}
.mark-blue .mark-right{
	 right: 220px;
    bottom: -13px;
}
.mark-blue .q, .mark-gold .q{
	position:relative;
	display:inline;
}
.mark-blue .q::before{
	content:'“';
	position:absolute;
	left:-42px;
	top:1px;
		 font-family: var(--display);
font-size: 7rem;
    line-height: 0.5;
	color: var(--navy);
}
.mark-blue .q::after{
	content:'”';
	position:absolute;
	right:-42px;
	bottom:-14px;
		 font-family: var(--display);
font-size: 7rem;
    line-height: 0.5;
	color: var(--navy);
}
.mark-gold .q::before{
	content:'“';
	position:absolute;
	left:-42px;
	top:1px;
		 font-family: var(--display);
font-size: 7rem;
    line-height: 0.5;
	color: #b69052;
}
.mark-gold .q::after{
	content:'”';
	position:absolute;
	right:-42px;
	bottom:-14px;
	 font-family: var(--display);
font-size: 7rem;
    line-height: 0.5;
	color: #b69052;
}
/* ---- values ------------------------------------------------------------ */
.values__grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(1.5rem, 4vw, 3.5rem); row-gap: clamp(2.5rem, 5vw, 4rem);
  align-items: start; position: relative;
}
/* gold vertical rules between the three columns */
.values__grid::before, .values__grid::after {
  content: ""; position: absolute; top: 0%; bottom: 0%; width: 2px; background: var(--gold);
}
.values__grid::before { left: 33.33%; }
.values__grid::after  { left: 66.66%; }

.valuse-sec-top::before, .valuse-sec-top::after{
	display:none;
}
.value { text-align: center; padding-inline: clamp(.5rem, 1.5vw, 1.5rem); }
.value h3 {
  font-family: var(--display); color: var(--navy); letter-spacing: .04em;
  font-size: var(--home-hero-title);  margin: 0 0 .9rem;
}
.value p { color: var(--ink-soft);     font-size: var(--home-comon-pra-bg-fs);
   margin: 0; 
	padding-top:0.4rem;
	}

.values__card {
  background: var(--navy); color: #fff; border-radius: clamp(1.5rem, calc(1rem + 1.8vw), 2.5rem);
  aspect-ratio: 1 / 1; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .9rem;
      margin: 0px auto;
    max-width: 420px;
    width: 100%;
 
}
.values__card .word { font-family: var(--display); font-size: var(--values-card-about-box-heading); letter-spacing: .04em;
color:var(--gold);
 }
.values__card .rule {     width: 145px;
    height: 11px;
    background: var(--gold);
    margin-top: 0.5rem; }


.border-bottom-sec{
	border-bottom:1px solid var(--gold);
}

/* ---- responsive -------------------------------------------------------- */
@media(min-width:768px){
	.values__grid_second{
		padding-block: clamp(1.5rem, calc(1rem + 1.8vw), 3rem);
	}
	.values__grid {     grid-template-columns: repeat(3, 1fr);column-gap: clamp(1.5rem, 4vw, 3rem); }
}
@media(min-width:992px){
	.value p{
		max-width:400px;
		margin:0px auto;
	}
}

@media (max-width: 991.98px) {
  
  .vm__card { aspect-ratio: 3 / 5; min-height: 0; max-height: 420px; width:100%;}
  .vm--mission .vm__quote { text-align: left; }
  .vm--mission .vm__rule { margin-left: 0; }
  .vm--vision .vm__card { align-items: flex-end; }

  
  
 
}

@media (max-width: 575.98px) {
  .values__grid { grid-template-columns: 1fr; }
}



@media(max-width:767px){
	 .values__card { grid-column: 1 / -1; order: -1; max-width: 100; margin-inline: auto; aspect-ratio: 1/1; }
	 .vm .vm__quote{
		 padding-top:1.9rem;
		 padding-bottom:0.9rem;
	 }
	 .vm .vm--mission .vm__quote {
		 padding-bottom:0rem !important;
	 }
	 .values__grid { grid-template-columns: 1fr 1fr; }
	 .values__grid::before, .values__grid::after { display: none; }
	 .values__card{
		 min-width:300px;
	 }
	 .values .values__grid .value h3{
		     color: var(--navy) !important;
	 }
	 .values .valuse-sec-top .value:nth-child(3) h3{
        color: var(--gold) !important;
}
	 .values .values__grid_second .value:nth-child(1) h3{
        color: var(--gold) !important;
}

}
@media(max-width:480px){
	    .values__grid {
        grid-template-columns: 1fr;
    }
			 .values .values__grid_second .value:nth-child(1) h3{
       color: var(--navy) !important;
}
		 .values .values__grid_second .value:nth-child(2) h3{
        color: var(--gold) !important;
}
}



/*--------------deskto----------css-------------------start----------*/




@media(min-width:1701px){
	:root{
		--home-rooted-h2:clamp(3.4rem, 2.9vw, 3.8rem);
		--heading-second-fs-small:clamp(3.3rem, 2.8vw, 3.7rem);
		--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);
		 --contact-lead-p-large-fs: clamp(2rem, 1.65vw, 2.125rem);
		 /*-------Line------Heigh--------Css----------*/
		 --home-comon-pra-bg-lh: 1.7;
		 --section-y: clamp(2.5rem, 9vw, 4.5rem);
		 --heading-word-about-vission-mission: clamp(6.875rem, 5.7vw, 7.5rem);
		  --vm-quote-q: clamp(2.438rem, 2.05vw, 2.625rem);
		 --values-card-about-box-heading: clamp(4.688rem, 3.9vw, 5rem);
}}


@media (min-width:1200px) and (max-width:1700px){
	:root{
		--section-y: clamp(40px, calc(15px + 4vw), 88px);
		--home-rooted-h2:clamp(3rem, 3.4vw, 3.5rem);
		--heading-second-fs-small:clamp(2.9rem, 3.3vw, 3.4rem);
		--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);
		 --contact-lead-p-large-fs:clamp(1.875rem, 1.9vw, 2rem);
		  /*-------Line------Heigh--------Css----------*/
		  --home-comon-pra-bg-lh: 1.65;
		 --heading-word-about-vission-mission: clamp(5.625rem, 6.5vw, 6.875rem);
		 --vm-quote-q: clamp(2.188rem, 2.4vw, 2.438rem);
		  --values-card-about-box-heading: clamp(4rem, 4.5vw, 4.688rem);
	}
}
@media (min-width:992px) and (max-width:1199px){
	:root{
		--section-y: clamp(36px, calc(18px + 3vw), 64px);
		--home-rooted-h2:clamp(2.5rem, 4vw, 3rem);
		--heading-second-fs-small:clamp(2.4rem, 3.9vw, 2.9rem);
		--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);
		  --contact-lead-p-large-fs:clamp(1.625rem, 2.3vw, 1.875rem);
		/*-------Line------Heigh--------Css----------*/
		 --home-comon-pra-bg-lh: 1.6;
		--heading-word-about-vission-mission: clamp(4.5rem, 7vw, 5.625rem);
		--vm-quote-q: clamp(1.875rem, 2.8vw, 2.188rem);
		--values-card-about-box-heading: clamp(3.25rem, 5vw, 4rem);
		
	}
}
@media (min-width:768px) and (max-width:991px){
	:root{
	
		--section-y: clamp(32px, calc(18px + 2.5vw), 52px);
	
		--home-rooted-h2:clamp(2.1rem, 5vw, 2.5rem);
		--heading-second-fs-small:clamp(2rem, 4.9vw, 2.4rem);
		--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);
--contact-lead-p-large-fs:clamp(1.5rem, 2.8vw, 1.625rem); 
		  /*-------Line------Heigh--------Css----------*/
		  --home-comon-pra-bg-lh: 1.55;
		   --heading-word-about-vission-mission: clamp(3.75rem, 8vw, 4.5rem);
		   --vm-quote-q: clamp(1.625rem, 3.5vw, 1.875rem);
		   --values-card-about-box-heading: clamp(2.75rem, 6vw, 3.25rem);
	}
	.values__grid::before {
    left: 30.33%;
	}
	.values__grid::after {
    left: 63.66%;
}
}




@media (min-width: 767px) and (max-width: 1620px) {
  :root {
    --home-comon-pra-bg-fs: clamp(0.8375rem, 1.2vw, 1.0525rem);
    --home-rooted-h2: clamp(2.25rem, 2.75vw, 2.4375rem);
    --contact-lead-p-large-fs: clamp(1.375rem, 1.69vw, 1.5rem);
	--vm-quote-q: clamp(1.8rem, 2.4vw, 1.9rem);
	--heading-word-about-vission-mission: clamp(4.625rem, 5.5vw, 5.875rem);
	--values-card-about-box-heading: clamp(3rem, 4.2vw, 3.688rem);
	--home-hero-title: clamp(1.45rem, 2vw, 2rem);
  }
}
@media(min-width:1180px) and (max-width:1419px){
:root{
	--heading-word-about-vission-mission: clamp(3.625rem, 5.5vw, 4.875rem);
	--vm-quote-q: clamp(1.5rem, 2.4vw, 1.7rem);
}	
}

@media(min-width:1420px) and (max-width:1619px){
:root{
	  --home-rooted-h2: clamp(2.25rem, 2.51vw, 2.375rem);
        --legacy-page-second-page-pr: clamp(1.75rem, 1.62vw, 2.125rem);
        --home-comon-pra-bg-fs: clamp(1rem, 1.19vw, 1.125rem);
		--vm-quote-q: clamp(2.0625rem, 1.91vw, 2.625rem);
		--heading-word-about-vission-mission: clamp(5.125rem, 5.21vw, 7.1rem);
}	
}

@media(min-width:1620px) and (max-width:1900px){
:root{
	        --home-rooted-h2: clamp(3.125rem, 2.8935vw, 3.8rem);
        --legacy-page-second-page-pr: clamp(1.75rem, 1.62vw, 2.125rem);
        --home-comon-pra-bg-fs: clamp(1.3125rem, 1.18vw, 1.6rem);
		--vm-quote-q: clamp(2.0625rem, 1.91vw, 2.625rem);
		--heading-word-about-vission-mission: clamp(5.325rem, 5.21vw, 7.3rem);
}		
}
/*--------------deskto----------css-------------------end----------*/




/*--------------mobile----------css----------start-------------------*/

@media(max-width:991px){
	.mark-gold .q::after, .mark-blue .q::after{
		bottom:-24px;
	}
	.vm__rule{
		margin-bottom:1.8rem;
		margin-top:1rem;
	}
}

@media (max-width:767px){

	
	    .mark-gold .q::after, .mark-blue .q::after {
        bottom: -36px;
    }
	.vm__rule{
		margin-bottom:1.8rem;
		margin-top:1rem;
	}
	.mark-blue .q::before, .mark-gold .q::before{
		left:-38px;
	}
	  .value p{
		  padding-top:0px;
	  }
}



@media(max-width:767px){
	:root{
		--section-y: clamp(24px, calc(16px + 3vw), 40px);
		--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(2.5rem, 7vw, 3rem);
		--home-blog-pra-dec: clamp(0.9rem, 2.7vw, 1rem);
		--contact-lead-p-large-fs:clamp(1.375rem, 3.5vw, 1.5rem);
		--home-rooted-h2:clamp(1.8rem, 6vw, 2.1rem);
	--heading-word-about-vission-mission: clamp(3.125rem, 9vw, 3.75rem); 
	--vm-quote-q: clamp(1.5rem, 4vw, 1.625rem);
	--home-hero-title:clamp(1.375rem, 3vw, 1.5rem);
	--values-card-about-box-heading: clamp(2.25rem, 7vw, 2.75rem);
	}
	
}
/*--------------mobile----------css----------end-------------------*/