/*
Theme Name: Sakha Site Theme
Theme URI: 
Author: Shreyas Rao
Author URI: 
Description: A custom WordPress theme supporting posts, pages and blocks
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sakha-site-theme
*/
/* 
	#masthead.site-header {
		z-index: 100;
		position: relative;
	} */

	#masthead.site-header {
		z-index: 100;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
	}

	.page.type-page.status-publish .entry-content .top-overlap {
		margin-left: -120px ;
		margin-right: -120px;
		padding-left: 120px;
		padding-right: 120px;
/*		margin-top: -128px;
 		padding-top: 130px; */
		gap:0;
	}

	/* For bringing main content below nav-menu which is absolute */
	.top-pad-130 {
		/* padding-top: 130px; */
		padding-top: 100px;
	}


	.top-overlap-featured {
		margin-left: -120px;
		margin-right: -120px;
		padding-left: 120px;
		padding-right: 120px;
		padding-top:60px;
		padding-bottom:60px;
	}

	#featured-work-head {
		font-weight: 200;
		font-size: 40px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	#featured-work-para {
		font-weight: 400;
		font-size: 24px;
		line-height: 140%;
		letter-spacing: 0px;
	}

	.font-style1{
		font-weight: 300;
		font-size: 24px;
		line-height: 140%;
		letter-spacing: 0px;
	}


	/* @media (max-width: 781px) { */

	@media (max-width: 880px) {		
		.page.type-page.status-publish .entry-content .top-overlap{
			margin-left: -16px;
			margin-right: -16px;
			padding-left: 16px;
			padding-right: 16px;
		}
		
		.top-overlap-featured {
			margin-left: -16px;
			margin-right: -16px;
			padding-left: 16px;
			padding-right: 16px;
			padding-top: 60px;
			padding-bottom: 60px;
		}

	}

/* Home page styling page id 30 */
	.wp-block-group >.video-container {
		max-width: 675px; 
		margin: 16px auto;
		position:relative;
		transition:max-width 0.5s ease;
	}

	.wp-block-group >.video-container.shrink {
		max-width: 440px;
		transition:max-width 0.5s ease;
	}

	.section-below-video {
		width:0;
		height:0;
		transform:scale(0,0);
		overflow:hidden;
		transition:width,height,transform 1s ease;
	}

	.section-below-video.restore {
		width:initial;
		height:initial;
		transform:scale(1,1);
		transition:width,height,transform 1s ease;
	}

	.video-container .video-replay {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%) scale(0,0);
		width:50px;
		height:50px;
		border-radius:100%;
		background-color:rgba(255,255,255,0.6);
		display: flex;
		justify-content: center;
		align-items: center;
		cursor:pointer;
	}

	.video-container .video-replay:hover{
		background-color:rgba(255,255,255,0.9);
	}

	.video-container .video-replay.zoom {
		transform:translate(-50%,-50%) scale(1,1) rotatez(-360deg);
		transition:transform 0.5s ease;
	}

	.video-container .video-replay svg {
		width:80%;
		height:80%;
	}
	
	.container {
		background-color: black;
	}

	.video-mask {
		aspect-ratio: 1/1;  
		overflow: hidden;  
		border-radius: 50%;
		border: 1px solid white;
	}

	.video-repos {
		width: 156%;
		height: 110%;
		margin-left: -27%;
		margin-top: -5%;
	}

	.video-container video{
		width: 100%;
		height: 100%;
	}

	.featured-nl-summary-cont {
		width: 100%;
		max-width: 540px;
		margin: auto;
		aspect-ratio: 540 / 468;
		position: relative;
		container-type: inline-size;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.featured-nl-summary-cont .figma-make-prompt-cont {
		position: absolute;
		width: 41%;
		border-radius: 16px;
		background: rgb(255, 255, 255);
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 12px 28px -4px rgba(0, 0, 0, 0.14);
		z-index: 5;
		top:0%;
		left: 0%;
		animation: figmaMakePromptContAnim 16s linear infinite forwards;
	}


	.screen .screen-image{
		position: absolute;
		width: 105%;
		top: 0%;
		left: 50%;
		transform: translateX(-50%);
	}

	.screen-image img {
		width: 100%;
		height: 100%;
	}

	.figma-make-prompt-box div {
		display: inline-block;
		background: black;
		width: 0.5cqw;
		height: 2cqw;
		animation: blink 0.5s linear infinite;
	}

	@keyframes blink {
		from {
			opacity: 1;
		}
		50% {
			opacity: 0.1;
		}
		to {
			opacity: 1;
		}
	}

	.figma-make-prompt-box {
		padding: 3cqw;
		font-size: 2.3cqw;
		line-height: 3cqw;
	}
	
	.figma-make-prompt-box::before{
		content: "";
	}
/* 
	.hover-link-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(100,100,100,0.5);
		display: flex;
		align-items: center;
		justify-content: center;
	} */

	a.hover-link {
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		box-shadow: 0 0 30px black;
		display: flex;
		padding: 10px 16px 10px 26px;
		align-items: center;
		border-radius: 50px;
		background: #FFF;
		width: 202px;
		justify-content: center;
		gap: 12px;
		color: #F37A74;
		text-align: center;
		font-size: 18px;
		line-height: 27px;
		text-decoration: none;
		box-sizing: border-box;
		z-index: 10;
		opacity: 0%;
		transition: opacity 0.5s ease;
	}

	.featured-nl-summary-cont:hover a.hover-link{
		opacity: 100%;
		transition: opacity 0.5s ease;
	}

	/* Feature animation begins */

	.figma-make-prompt-box::before{
		animation: promptForBox 16s linear infinite forwards;
	}

	@keyframes promptForBox {
		from {
			content: "";
		}
		2% {
			content: "Design";
		}
		4% {
			content: "Design a company";
		}
		5% {
			content: "Design a company announcements";
		}
		7% {
			content: "Design a company announcements section";
		}
		9% {
			content: "Design a company announcements section with";
		}
		11% {
			content: "Design a company announcements section with icons";
		}
		13% {
			content: "Design a company announcements section with icons for";
		}
		14% {
			content: "Design a company announcements section with icons for new";
		}
		16% {
			content: "Design a company announcements section with icons for new hires";
		}
		18% {
			content: "Design a company announcements section with icons for new hires, upcoming";
		}
		20% {
			content: "Design a company announcements section with icons for new hires, upcoming events";
		}
		22% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and";
		}
		23% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy";
		}
		25% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy updates";
		}
		27% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy updates in a clean";
		}
		29% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy updates in a clean card";
		}
		31% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy updates in a clean card layout";
		}
		44% {
			content: "Design a company announcements section with icons for new hires, upcoming events, and policy updates in a clean card layout";
		}
		45% {
			content:""
		}

		50% {
			content:""
		}
		51% {
			content:"Generate"
		}
		53% {
			content:"Generate project"
		}
		54% {
			content:"Generate project showcase"
		}
		55% {
			content:"Generate project showcase with"
		}
		57% {
			content:"Generate project showcase with carousel"
		}
		58% {
			content:"Generate project showcase with carousel cards"
		}
		60% {
			content:"Generate project showcase with carousel cards for"
		}
		61% {
			content:"Generate project showcase with carousel cards for Mobile"
		}
		62% {
			content:"Generate project showcase with carousel cards for Mobile App"
		}
		64% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign"
		}
		65% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI"
		}
		66% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat"
		}
		68% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration,"
		}
		69% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud"
		}
		70% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure,"
		}
		72% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and"
		}
		73% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data"
		}
		74% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics"
		}
		76% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform"
		}
		77% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform with"
		}
		79% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform with tech"
		}
		80% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform with tech stack"
		}
		81% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform with tech stack details"
		}
		94% {
			content:"Generate project showcase with carousel cards for Mobile App Redesign, AI Chat Integration, Cloud Infrastructure, and Data Analytics Platform with tech stack details"
		}
		95% {
			content:""
		}
		
	}


	@keyframes figmaMakePromptContAnim {
		from {
			opacity: 100%;
		}
		43% {
			opacity: 100%;
		}
		44% {
			opacity: 0%
		}
		48% {
			top:0%;
			left: 0%;
			bottom:unset;
			right:unset;
		}
		49% {
			top:unset;
			left:unset;
			bottom:0%;
			right:0%;
			opacity: 0%;
		}
		50% {
			opacity:100%;
		}
		93% {
			opacity: 100%;
		}
		94% {
			top:unset;
			left:unset;
			bottom:0%;
			right:0%;
			opacity:0%
		}
		95% {
			top:0%;
			left: 0%;
			bottom:unset;
			right:unset;
		}

	}

	.screen-image.sakha-unplugged-image{
		animation: imgAnimSUI 16s linear infinite;
	}

	.screen-image.announcement-image{
		animation: imgAnimAI 16s linear infinite;
	}

	.screen-image.project-image{
		animation: imgAnimPI 16s linear infinite;
	}

	@keyframes imgAnimSUI {
		from {
			opacity: 100%;
		}
		33% {
			opacity:100%;
		}
		38% {
			opacity:0%;
		}
		to{
			opacity:0%;
		}
	}

	@keyframes imgAnimAI {
		from {
			opacity: 0%;
		}
		33% {
			opacity:0%;
		}
		38% {
			opacity:100%;
		}
		83% {
			opacity:100%;
		}
		88% {
			opacity:0%;
		}
	}

	@keyframes imgAnimPI {
		from {
			opacity: 0%;
		}
		83% {
			opacity:0%;
		}
		88% {
			opacity:100%;
		}
		to{
			opacity: 100%;
		}
	}

	/* Feature animation ends */

/* Styling for Process Page*/

	.toggle-container {
		cursor:pointer;
		width: 39px;
		height: 20px;
		border-radius: 40px;
		background-color: #D9D9D9;
		display: flex;
		align-items: center;
		transition: all 0.5s ease;
	}

	.toggle-container.dull {
		cursor:none;
		background-color: #3F662F;
	}

	
	.toggle-container.dull .toggle-round{
		transform: translateX(20px);
		background-color: #000000;
	}


	.toggle-round {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background-color: #779F12;
		transform: translateX(1px);
		transition: all 0.5s ease;
	}

	.toggle-container.on{
		background-color: #779F12;
	}

	.toggle-container.on .toggle-round{
		transform: translateX(20px);
		transition: transform 0.5s ease;
		background-color: #D9D9D9;
	}

	.wp-block-group.flipping-card-container {
		width: 203px;
		height: 288px;
		margin:17px auto 17px auto;
		border-radius: 10px;
	}

	.flipping-card-container > .wp-block-group__inner-container {
		position: relative;
		width: 100%;
		height: 100%;
		transform:rotateY(0deg);
		transition:all 0.5s ease;
	}

	.flipping-card-container:hover > .wp-block-group__inner-container{
		transform:rotateY(180deg);
	}

	.card-front {
		position: absolute;
/* 		top: -15px;
		left: -21px; */
		opacity:100%;
		transition:all 0.5s ease;
	}

	.flipping-card-container:hover > .wp-block-group__inner-container .card-front{
		opacity:0%;
		transition:all 0.5s ease;
	}

	.wp-block-group.card-back {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		text-align: center;
		line-height: 120%;
		transform:rotateY(180deg);    
		box-shadow: 0px 4px 8px 0px #9DB3CE;
    	border-radius: 10px;
		opacity:0%;
		transition:all 0.5s ease;
	}

	.flipping-card-container:hover > .wp-block-group__inner-container .wp-block-group.card-back{
		opacity:100%;
		transition:all 0.5s ease;
	}

	.min-w-60 {
	  min-width: 60px;
	}

	.top-overlap .process-columns{
		padding-top: 8px;
		padding-bottom: 80px;
		margin:auto -77px -17px -77px;
		gap: 20px;
	}

	.process-columns>.wp-block-column{
		min-width:300px;
	/* 	max-width:350px; */
	}


	.hor-line {
		height: 3px;
		background-color: white;
		margin: 20px 0;
	}

	.prog-bar {
		height: 100%;
		background-color: green;
		width: 0%;
	}

	.prog-bar-data{
		display:none
	}

	.star-none{
		display:none
	}

	.toggle-group-parent {
		margin: 20px auto;
	}

	.toggle-group-parent:hover .toggle-container {
		display: none;
	}

	.toggle-group-parent:hover .star-none {
		display: block;
		width: 39px;
		height: 20px;
		text-align: center;
	}

	.process-para{
		font-weight: 300;
		font-size: 24px;
		line-height: 140%;
		letter-spacing: 0%;
	}

	@media (min-width: 782px) {
		.top-overlap .process-columns {
			flex-wrap:wrap !important;
		}
	}

	/* @media (max-width: 781px) { */
	@media (max-width: 880px) {
		.top-overlap .process-columns{
			margin: auto 5px -17px 5px;
		}
	}

/* New Process Page */
	.process-m-bottom {
		margin-bottom: 60px;
	}

	.process-new-column {
		width: 293px;	
		padding-top: 20px;
		padding-bottom: 8px;
	}

	.process-new-column .phase-box {
		background: linear-gradient(#F37A748C, #9404E0B0);
		padding: 1px;
		border-radius: 16px;
	}

	.process-new-column .phase-box .phase-box-container {
		padding: 12px;
		background:black;
		border-radius: 16px;
	}

	.phase-box-head {
		display: flex;
		margin-bottom: 30px;
	}

	.mag-icon {
		margin-right: 12px;
	}

	.phase-box-title>.title2 {
		font-size: 24px;
		position: relative;
	}

	.phase-box-title>.title2>.phase-title-star {
		position: absolute;
		top: -8px;
		right: -24px;
	}

	.phase-box-title {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.phase-box-title>.title1 {
		font-size: 14px;
	}

	.phase-box-desc {
		font-size: 16px;
		min-height:92px;
	}

	.phase-foot-text {
		margin: 8px auto;
		font-size: 12px;
		line-height: 16px;
	}

	.phase-foot-progbar>img {
		width: 100%;
	}

	.key-steps-title {
		width: 100%;
		padding: 30px 0 12px 32px;
		font-size: 14px;
		font-weight: 500;
		color: #6A7282;
	}

	.key-steps-points {
		width: 100%;
	}

	.key-steps-points>ul.wp-block-list {
		padding-left: 32px;
	}

	.key-steps-points ul>li {
		margin-bottom: 16px;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
	}

	p.conv-prog-bar {
		border-radius: 16px;
		height: 16px;
		background: linear-gradient(90deg, #6A7282 0%, #99A1AF 100%);
	}

	.our-prog-bar {
		border-radius: 16px;
		height: 16px;
		background: #364153;
		display: flex;
		margin-top:24px;
	}

	.our-prog-bar>div {
		width: 60%;
		border-radius: 16px;
		background: linear-gradient(90deg, #F37A74 0%, #7F22FE 100%);
	}

	.faster-box {
		padding: 8.551px 16.554px 8.55px 16.555px;
		border-radius: 20px;
		border: 0.556px solid rgba(0, 166, 62, 0.30);
		background: rgba(0, 166, 62, 0.20);
	}

	.process-approach{
		gap:106px
	}

	.process-approach-compare{
		gap:24px;
	}

	.process-approach-desc {
		line-height:1.4;
	}

	.bottom-line{
		padding:32px;
		gap: 36px;
		border-radius: 16px;
		border: 0.556px solid rgba(243, 122, 116, 0.20);
		background: #1A1A1A;
	}

	.bottom-line [class*="wp-container-content-"] {
		font-size: 18px;
		line-height: 28px;
	}

	.work-with {
		margin-left: -120px;
		margin-right: -120px;
		padding-left: 120px;
		padding-right: 120px;
		padding-top: 65px;
		padding-bottom: 65px;
	}

	.work-with .work-with-center{
		max-width:660px;
		line-height:1.4;
	}

	@media (max-width:880px){
		.work-with {
			margin-left: -16px;
			margin-right: -16px;
			padding-left: 16px;
			padding-right: 16px;
		}
	}

/* Styling for 'our-work' page */
	.page-our-work {
		--page-prim-color:white;
	}

	.page-our-work .wp-block-group.projects-container > .wp-block-group {
	  margin: 6px auto;
	}

	.page-our-work h2.wp-block-heading a {
		color: #000000;
	}

/* 	.page-our-work .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex { 
	.page .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {*/
	.page .m-btm-20 .is-layout-flex {
		gap: 20px;
	}

	.wp-block-group.projects-container > .wp-block-group h2.wp-block-heading {
	  margin: 24px auto 4px 20px;
	}

	.wp-block-group.projects-container > .wp-block-group p {
	 	margin-left: 20px;
		margin-bottom:56px;
		font-size:14px;
	}

	.wp-block-columns.one-dine-column {
		gap: 0px;
	}

	#one-dine-image {
		margin: 0;
	}

	.page .entry-content .m-top-120 {
		margin-top: 80px;/* Changed from 120px */
	}

	.page .entry-content .m-btm-20 + .m-top-120{
		margin-top: 60px;
	}

	.page .entry-content .p-btm-60 {
		padding-bottom: 60px;
	}

	.page .entry-content .m-btm-48 {
		margin-bottom: 32px; /* Changed from 48px */
	}

	.page .entry-content .m-btm-20 {
		margin-bottom: 20px;
	}

	.page .entry-content .m-btm-20 .wp-block-columns{
		margin-bottom: 0px;
	}

	.page .entry-content .m-btm-20 figure{
		margin-bottom: 0px;
	}

	.gap-20 {
		gap:20px;
	}

	.link-rel{
		position:relative;
	}

	.link-block{
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
	}

/* Common Styling for project pages and
 * one-dine */
	/* One dine colors */
	.page-one-dine {
		--page-prim-color:#A6172E;
		--page-font-color:#A6172E;
	}

	.inter-text{
		font-family:"Inter",sans-serif;
	}

	.top-overlap .section-below-hero {
		margin-top:80px;
	}

	.top-overlap .tagline-h1{
		font-weight: 600;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: 0px;
		margin-bottom:24px;
	}

	.tagline-h1~ hr.wp-block-separator.has-alpha-channel-opacity {
		width: 100%;
		border-width: 0.5px;
		border-color: black;
	}

	.top-overlap .tagline-h2 {
		font-weight: 600;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: 0px;
		margin-top:24px;
		margin-bottom:8px;
		color:var(--page-font-color);
	}

	.tagline-h2-desc {
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0px;
	}

	.final-output {
		background-color: #22C55E0D;
		padding:35px 24px;
		gap:1em;
	}

	.top-overlap .final-output .tagline-h2 {
		margin:8px 0;
		font-weight: 500;
		color: #00A63E;
	}

	.final-output .image-cont {
		flex:1 1 auto;
	}

	.final-output>div:not(.image-cont){
		flex:1 10 auto;
	}

	.section-below-hero .side-detail{
		margin-top:12px;
		margin-bottom:36px;
		font-size: 20px;
		line-height: 100%;
		letter-spacing: 0px;
	}

	.side-detail .head {
		color:#929292;
		font-weight: 400;
	}

	.side-detail .detail {
		color:#000000;
		font-weight: 500;
	}

	.wp-block-column.header-overlap.is-layout-flow.wp-block-column-is-layout-flow{
/* 		margin-top:130px; 
		padding:42px 20px 20px 20px;*/
		padding: calc(130px + 42px) 20px 20px 20px;
	}

	.hero-column .link-slug {
		margin-bottom:10px;
	}

	.hero-column{
/* 		margin: -130px 0 0px 0 !important; */
		margin: 0px 0 0px 0 !important;
/* 		padding: 130px 0 0 0; */
		border-radius: 0 0 65px 65px;
		overflow: hidden;
		position:relative;
		background-color:var(--page-prim-color,"white");
	}

	/* for header responsive font */
	
	.hero-column .link-slug ~ h2.wp-block-heading{
		font-size:50px;
		font-weight:600;
	}

	@media (1200px >= width > 1024px){
		.hero-column .link-slug ~ h2.wp-block-heading{
			font-size:40px;
		}
	}

	@media (max-width:1024px){
		.hero-column .link-slug ~ h2.wp-block-heading{
			font-size:29px;
		}
	}

	@media (max-width: 880px){
		.wp-block-column.header-overlap.is-layout-flow.wp-block-column-is-layout-flow{
			padding: 20px;
		}

		.hero-column {
			padding:83px 16px 16px 16px;
			margin-right: -16px !important;
			margin-left: -16px !important;
		}
	}
	@media (max-width:781px){
		.top-overlap .final-output{
			flex-wrap:wrap
		}
	}

	.hero-img figure{
		margin:0;
	}

	.img-bor-rd-24{
		text-align:center;
		overflow:clip;
	}

	.img-bor-rd-24 img, .img-bor-rd-24 video{
		border-radius:24px;
	}

	.video-set1 {
	  aspect-ratio: 1200/727;
	  width: 100%;
	}

	.video-set1 video {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border-radius: 24px;
	}

	#ready-to-discuss{
		font-family: Helvetica Neue;
		font-weight: 700;
		font-size: 64px;
		line-height: 65px;
		letter-spacing: 0%;
		margin-top:120px;
	}

	#ready-to-dis-text{
		font-family: Helvetica Neue;
		font-weight: 400;
		font-size: 24px;
		line-height: 140%;
		letter-spacing: 0%;
		text-align: center;
		margin:24px auto 120px auto;
	}

	/* @media (min-width: 782px) { */
	@media (min-width: 879px) {
		.wp-block-column.header-overlap.is-layout-flow.wp-block-column-is-layout-flow {
			position: absolute;
/* 			max-height:43%;
 * 			deducting top padding in the parent and this div's padding' */
			height: calc(100% - 130px - 40px - 20px);
			width: 40%;
    		left: 120px;
			overflow:auto;
		}
		
		.wp-block-column.header-overlap.is-layout-flow.wp-block-column-is-layout-flow>.wp-block-group{
			height:100%;
		}
		
		.wp-block-column.header-overlap.is-layout-flow.wp-block-column-is-layout-flow .wp-block-heading {
			height: calc(85% - 20px - 22px);
			overflow: auto;
			display: flex;
			align-items: center;
		}
		
		.hero-column{
/* 			margin: -130px -120px 0px -120px !important; */
			margin: 0px -120px 0px -120px !important;
		}
		
		.full-width{
			margin-left: -120px !important;
			margin-right: -120px !important;
		}
	}

/* Styling for 'whitestone */
	.page-whitestone {
		--page-prim-color:#009383;
		--page-font-color:#2C6478;
	}

	@media (max-width:782px) {
		.spacer-hide{
			display:none;
		}
	}

	.video-set2 {
		aspect-ratio: 1200/738;
		width: 100%;
	}

	.video-set2 video {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 24px;
		object-position: center 0%;
	}

/* Styling for quantilus */

	.page-quantilus {
		--page-prim-color:#D1D3D4;
		--page-font-color:#58327D;
	}

	.full-width-pad {
		padding: 120px;
	}

	.full-width-pad figure{
		margin: 0;
	}

	@media (max-width:782px) {
		.full-width-pad {
			padding: 20px;
		}
	}

/* Styling for abb */

	.page-abb {
		--page-prim-color:#D1D3D4;
		--page-font-color:#FF000E;
	}

/* Styling for Resource Pro */

	.page-resource-pro {
		--page-prim-color:#1a73e8;
		--page-font-color:#1A73E8;
	}


/* Styling for Om Sanatani */

	.page-om-sanatani {
		--page-prim-color:#ff9f61;
		--page-font-color:#FF8941;
	}


/* Styling for the-teachers-table */

	.page-the-teachers-table {
		--page-prim-color:#006ba6;
		--page-font-color:#006BA6;
	}


/* Styling for modo-ai */

	.page-modo-ai {
		--page-prim-color:#17063a;
		--page-font-color:#4E58F1;
	}


/* Styling for avishkaar */

	.page-avishkaar {
		--page-prim-color:#0d8d70;
		--page-font-color:#0D8D70;
	}


/* Styling for Artigem */

	.page-artigem {
		--page-prim-color:#6652a3;
		--page-font-color:#6751A2;
	}

/* Styling for breeze */

	.page-breeze {
		--page-prim-color:#ffa75f;
		--page-font-color:#0143BB;
	}


/* Styling for reward-my-drive */

	.page-reward-my-drive {
		--page-prim-color:black;
		--page-font-color:#0A8BE8;
	}

	.radius-20 {
		border-radius:20px
	}



/* Styling for metaverse */

	.page-metaverse {
		--page-prim-color:#0143BB;
		--page-font-color:#0143BB;
	}


/* Styling for audit-block */

	.page-audit-block {
		--page-prim-color:#11024c;
		--page-font-color:#0143BB;
	}


/* Styling for whitestone-ai */

	.page-whitestone-ai {
		--page-prim-color:#194271;
		--page-font-color:#0A8BE8;
	}


/* Styling for flute-n-feather */

	.page-flute-n-feather {
		--page-prim-color:#64412d;
		--page-font-color:#5800EA;
	}