@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap");
@import url("https://use.typekit.net/nkq8fly.css");

@font-face {
	font-family: "tungstenw05-medium";
	src:
		url("/content/dam/infosys-web/en/fonts/tungstenw05-medium.woff2") format("woff2"),
		url("/content/dam/infosys-web/en/fonts/tungstenw05-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-display: block;
	font-family: "bootstrap-icons";
	src:
		url("/content/dam/infosys-org/en/new-design25/fonts/bootstrap-icons.woff2") format("woff2"),
		url("/content/dam/infosys-org/en/new-design25/fonts/bootstrap-icons.woff") format("woff");
}

body,
html {
	background-color: #fff;
	color: #000;
	font-family: myriad-pro, Arial;
	font-size: 18px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

a:focus {
	outline: 2px solid blue;
	outline-offset: -2px;
}

a:hover,
a:visited,
a:focus {
	text-decoration: none;
}

/*--------------------------------------------------------------
# Fontweight
--------------------------------------------------------------*/
.fontweight300 {
	font-weight: 300 !important;
}

.fontweight400 {
	font-weight: 400 !important;
}

.fontweight600 {
	font-weight: 600 !important;
}

.fontweight700 {
	font-weight: 700 !important;
}

.fontweight900 {
	font-weight: 900 !important;
}

/*--------------------------------------------------------------
# Color CSS
--------------------------------------------------------------*/
.color-white {
	color: #ffffff !important;
}

.color-black {
	color: #000000 !important;
}

.color-grey {
	color: #cccccc !important;
}

.color-sapphire-d {
	color: #061838 !important;
}

.color-sapphire-m {
	color: #0f9ffa !important;
}

.color-sapphire-l {
	color: #92d1ff !important;
}

.color-sapphire-lbg {
	color: #bee3ff !important;
}

.color-coral-d {
	color: #4c0519 !important;
}

.color-coral-m {
	color: #f16c51 !important;
}

.color-coral-l {
	color: #fbc2ba !important;
}

.color-coral-lbg {
	color: #fcddd6 !important;
}

.color-topaz-d {
	color: #2f1113 !important;
}

.color-topaz-m {
	color: #df9926 !important;
}

.color-topaz-l {
	color: #eac8a5 !important;
}

.color-topaz-lbg {
	color: #ece1ce !important;
}

.color-jade-d {
	color: #09321d !important;
}

.color-jade-m {
	color: #00b28f !important;
}

.color-jade-l {
	color: #a8d7cd !important;
}

.color-jade-lbg {
	color: #d8e7da !important;
}

.color-amethyst-d {
	color: #372261 !important;
}

.color-amethyst-m {
	color: #963596 !important;
}

.color-amethyst-l {
	color: #d0b5d5 !important;
}

.color-amethyst-lbg {
	color: #e6dbe6 !important;
}

.color-onyx-d {
	color: #3f3f3f !important;
}

.color-onyx-m {
	color: #7e7e7e !important;
}

.color-onyx-l {
	color: #b8b8b8 !important;
}

.color-onyx-lbg {
	color: #dadada !important;
}

.color-grey-dark {
	color: #272727 !important;
}

.color-pastle-rose-dark {
	color: #f06c51 !important;
}

.color-aqua-light {
	color: #00b28e !important;
}

.color-lavender-medium {
	color: #913b99 !important;
}

/*--------------------------------------------------------------
# Background CSS
--------------------------------------------------------------*/
.bg-white {
	background-color: #fff !important;
}

.bg-blue {
	background-color: #0f9ffa !important;
}

.bg-black {
	background-color: #000 !important;
}

.bg-egyptian-blue {
	background-color: #213f98 !important;
}

.bg-light-white {
	background-color: #f2f2f2 !important;
}

.bg-light-grey {
	background-color: #f8f8f8 !important;
}

.bg-darkblue {
	background-color: #372261 !important;
}

.bg-purple {
	background-color: #963596 !important;
}

.bg-green {
	background-color: #1995a4 !important;
}

.bg-cyan {
	background-color: #0f9ffa !important;
}

.bg-twittercyan {
	background-color: #4fb6dc !important;
}

.bg-orange {
	background-color: #df9926 !important;
}

.bg-sapphire-dark {
	background-color: #061838 !important;
}

.bg-sapphire-medium {
	background-color: #0f9ffa !important;
}

.bg-sapphire-light {
	background-color: #92d1ff !important;
}

.bg-sapphire-less-light {
	background-color: #bee3ff !important;
}

.bg-coral-dark {
	background-color: #4c0519 !important;
}

.bg-coral-medium {
	background-color: #f16c51 !important;
}

.bg-coral-light {
	background-color: #fbc2ba !important;
}

.bg-coral-less-light {
	background-color: #fcddd6 !important;
}

.bg-topaz-dark {
	background-color: #2f1113 !important;
}

.bg-topaz-medium {
	background-color: #df9926 !important;
}

.bg-topaz-light {
	background-color: #eac8a5 !important;
}

.bg-topaz-less-light {
	background-color: #ece1ce !important;
}

.bg-jade-dark {
	background-color: #09321d !important;
}

.bg-jade-medium {
	background-color: #00b28f !important;
}

.bg-jade-light {
	background-color: #a8d7cd !important;
}

.bg-jade-less-light {
	background-color: #d8e7da !important;
}

.bg-amethyst-dark {
	background-color: #372261 !important;
}

.bg-amethyst-medium {
	background-color: #963596 !important;
}

.bg-amethyst-light {
	background-color: #d0b5d5 !important;
}

.bg-amethyst-less-light {
	background-color: #e6dbe6 !important;
}

.bg-onyx-dark {
	background-color: #3f3f3f !important;
}

.bg-onyx-medium {
	background-color: #7e7e7e !important;
}

.bg-onyx-light {
	background-color: #b8b8b8 !important;
}

.bg-onyx-less-light {
	background-color: #dadada !important;
}

.bg-teal-green-light {
	background-color: #00b28e !important;
}

.bg-light-peach {
	background-color: #f4dec6 !important;
}

.bg-blue-medium {
	background-color: #227bbc !important;
}

.bg-beige-light {
	background-color: #f3dfc7 !important;
}

.bg-ivory-light {
	background-color: #fff4e5 !important;
}

.bg-pastle-rose-light {
	background-color: #fac1b9 !important;
}

.bg-aqua-light {
	background-color: #a7d6cc !important;
}

.bg-coral-red {
	background-color: #ef6b51 !important;
}

.bg-yellow {
	background-color: #f9da06 !important;
}

.bg-lavender-medium {
	background-color: #9781d0 !important;
}

.bg-lavender-dark {
	background-color: #8765c8 !important;
}

/*--------------------------------------------------------------
# Padding CSS
--------------------------------------------------------------*/
.px-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-75 {
	padding-top: 75px;
}

.pb-75 {
	padding-bottom: 75px;
}

.py-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}

.mb-60 {
	margin-bottom: 70px !important;
}

/*--------------------------------------------------------------
# Heading CSS
--------------------------------------------------------------*/
.h2-heading {
	font-size: clamp(34px, 5vw, 45px);
}

.h3-heading {
	font-size: clamp(30px, 5vw, 40px);
}

.h4-heading {
	font-size: clamp(28px, 5vw, 35px);
}

.h5-heading {
	font-size: clamp(20px, 5vw, 25px);
}

/*--------------------------------------------------------------
# Button CSS
--------------------------------------------------------------*/
.cta-play {
	position: absolute;
	width: 75px;
	height: 75px;
	margin: auto;
	border-radius: 100%;
	padding: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px;
	transition: 0.3s all;
}

.cta-play:hover {
	background: rgba(0, 0, 0, 0.8);
	transition: 0.3s all;
}

.cta-btn {
	background-color: #f0a62a;
	color: #ffffff;
	padding: 6px 25px;
	border-radius: 34px;
	display: inline-flex;
	align-items: center;
	transition: 0.3s all;
}

.cta-btn:hover {
	background-color: #ffffff;
	border: 1px solid #f0a62a;
	color: #f0a62a;
	transition: 0.3s all;
}

.cta-btn .cta-arrow {
	font-size: 24px;
}

.cta-btn:hover .cta-arrow {
	animation: textarrowani 1.4s linear;
}

.cta-btn .cta-arrow-download {
	width: 15px;
	margin-left: 5px;
}

.cta-btn:hover .cta-arrow-download .cls-1,
.cta-btn:hover .cta-arrow-download .cls-2 {
	stroke: #f0a62a;
}

.cta-link {
	color: #353640;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	transition: all 0.3s;
}

.management-profiles-wrapper .cta-link {
	color: #fff;
}

.cta-link .cta-arrow {
	font-size: 8px;
	background: #ffb53b;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 5px;
}

.cta-link .bi-chevron-right::before {
	font-weight: 900 !important;
}

.cta-link .bi-chevron-right {
	transition: 0.3s all;
}

.cta-link .bi-arrow-left {
	transition: 0.3s all;
}

.cta-link:hover .bi-chevron-right,
.cta-link:hover .bi-arrow-right {
	transform: translateX(5px);
	transition: 0.3s all;
}

.cta-link:hover .bi-arrow-left {
	transform: translateX(-5px);
	transition: 0.3s all;
}

.cta-view-all {
	color: #323232;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
}

.cta-view-all .cta-arrow {
	margin-left: 5px;
	transition: 0.3s all;
}

.cta-view-all .cta-arrow::before {
	font-weight: 600 !important;
}

.cta-view-all:hover .cta-arrow {
	transform: translateX(5px);
	transition: 0.3s all;
}

.btn-event-select .btn {
	width: 100%;
	color: rgb(68, 76, 121);
	text-align: left;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
	border-radius: 10px;
	padding: 8px 21px 8px 12px;
}

.btn-event-select .form-control {
	border: 1px solid #b7b7b7;
	background-color: transparent;
	border-radius: 30px;
	font-size: 18px;
	height: 35px;
	padding: 0 30px 0 15px;
	width: 150px;
	margin: 30px auto;
}

@keyframes textarrowani {
	0% {
		opacity: 1;
		transform: translate(0px, 0px);
	}

	25% {
		opacity: 0;
		transform: translate(0, 10px);
	}

	26% {
		opacity: 0;
		transform: translate(0, -10px);
	}

	55% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
}

/* -------------------------
# Truncate CSS
-------------------------*/
.truncate-2 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.truncate-3 {
	-webkit-line-clamp: 3;
	line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.truncate-4 {
	-webkit-line-clamp: 4;
	line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.truncate-5 {
	-webkit-line-clamp: 5;
	line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.btn-small {
	font-size: 12px;
}

.sfa-video-container {
	margin-top: 50px;
}

.label-sml {
	font-size: 18px;
	font-weight: 400;
}

.card-date {
	color: #913b99;
}

/* ----------------------
# Skip Header and Footer CSS
---------------------------*/
.skip-main-cnt,
.skip-footer {
	background: #df9926;
	height: auto;
	top: -1px;
	left: 0%;
	padding: 8px;
	position: absolute;
	transform: translateY(-100%);
	transition: transform 0.3s;
	color: #ffffff;
	z-index: 9999;
	outline: 0 !important;
}

.skip-main-cnt:focus,
.skip-footer:focus {
	transform: translateY(0%);
	color: #ffffff;
}

/* ----------------------
# Section CSS
---------------------------*/
section[id] {
	scroll-margin-top: 72px;
}

/* ----------------------
# Wow Animation CSS
---------------------------*/
.wow {
	opacity: 0;
	transition:
		opacity 0.5s ease-out,
		transform 0.5s ease-out;
}

.wow.animatedBlock {
	opacity: 1;
	transform: translateY(0);
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDown.animatedBlock {
	-webkit-animation: fadeInDown 1s forwards;
	animation: fadeInDown 1s forwards;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUp.animatedBlock {
	-webkit-animation: fadeInUp 1s forwards;
	animation: fadeInUp 1s forwards;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInLeft.animatedBlock {
	-webkit-animation: fadeInLeft 1s forwards;
	animation: fadeInLeft 1s forwards;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight.animatedBlock {
	-webkit-animation: fadeInRight 1s forwards;
	animation: fadeInRight 1s forwards;
}

@-webkit-keyframes fadeTopBottom {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		transform-origin: bottom left;
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		transform-origin: bottom left;
	}
}

@keyframes fadeTopBottom {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
		transform-origin: bottom left;
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		transform-origin: bottom left;
	}
}

.fadeTopBottom.animatedBlock {
	-webkit-animation: fadeTopBottom 1s forwards;
	animation: fadeTopBottom 1s forwards;
}

@-webkit-keyframes fadeBottomTop {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-15deg) translateY(-100px);
		transform: rotate(-15deg) translateY(-100px);
		transform-origin: bottom left;
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0) translateY(0);
		transform: rotate(0) translateY(0);
		transform-origin: bottom left;
	}
}

@keyframes fadeBottomTop {
	0% {
		opacity: 0;
		-webkit-transform: rotate(45deg) translateY(-10px);
		-ms-transform: rotate(45deg) translateY(-10px);
		transform: rotate(45deg) translateY(-10px);
		transform-origin: bottom left;
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0) translateY(0);
		-ms-transform: rotate(0) translateY(0);
		transform: rotate(0) translateY(0);
		transform-origin: bottom left;
	}
}

.fadeBottomTop.animatedBlock {
	-webkit-animation: fadeBottomTop 1s forwards;
	animation: fadeBottomTop 1s forwards;
}

@keyframes scaleRotate {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8) rotate(15deg);
		-ms-transform: scale(0.8) rotate(15deg);
		transform: scale(0.8) rotate(15deg);
		transform-origin: right bottom;
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
		transform-origin: right bottom;
	}
}

.scaleRotate.animatedBlock {
	-webkit-animation: scaleRotate 1s forwards;
	animation: scaleRotate 1s forwards;
}

/*--------------------------------------------------------------
# Header CSS
--------------------------------------------------------------*/
.header {
	background-color: #fff5e4;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.04);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.search-btn {
	margin-right: 6px;
	display: none;
}

.infy-foundation-logo svg {
	width: 110px;
}

/*--------------------------------------------------------------
# Hamburger CSS
--------------------------------------------------------------*/
.hamburger {
	width: 25px;
	height: 18px;
	position: relative;
	display: inline-block;
	border: none;
	background: transparent;
	cursor: pointer;
}

.hamburger .bar {
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: #212529;
	border-radius: 2px;
	transition:
		transform 0.3s ease,
		opacity 0.2s ease,
		top 0.3s ease,
		bottom 0.3s ease;
}

.hamburger .bar.top {
	top: 0;
}

.hamburger .bar.middle {
	top: 50%;
	transform: translateY(-50%);
}

.hamburger .bar.bottom {
	bottom: 0;
}

.hamburger.open .bar.top {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.hamburger.open .bar.middle {
	opacity: 0;
}

.hamburger.open .bar.bottom {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

/* ============== MEGA MENU PANEL (slide down) ============== */
.mega-menu {
	position: fixed;
	top: var(--navbar-height);
	left: 0;
	right: 0;
	z-index: 1040;
	background-color: #fff5e4;
	border-top: 1px solid #55555521;
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;
	transition:
		transform 0.35s ease,
		opacity 0.35s ease;
	will-change: transform, opacity;
}

.mega-menu.show {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
	max-height: 100vh;
	overflow-y: auto;
}

body.menu-open {
	overflow: hidden;
}

.mega-menu .h6-heading {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 10px;
	font-size: 22px;
}

.mega-menu .mega-menu-list>li {
	font-weight: 600;
}

.mega-menu .mega-menu-list a {
	display: block;
	padding: 3px 0;
	color: #353740;
	text-decoration: none;
}

.mega-menu .mega-menu-list a:hover {
	text-decoration: underline;
}

.mega-menu .mega-menu-list .inner-mega-menu-list>li {
	font-weight: 400;
}

.mega-menu .mega-menu-list .inner-mega-menu-list>li>a {
	padding: 1px 0;
	color: #353740;
}

.mega-menu-link {
	color: #353640;
	text-decoration: none;
}

.mega-menu-link:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Breadcrumb CSS
--------------------------------------------------------------*/
.breadcrumb {
	margin-bottom: 0;
}

.breadcrumb-item,
.breadcrumb-spn {
	font-size: 15px;
}

.breadcrumb-item a,
.breadcrumb-spn span {
	color: #212529bf;
	font-weight: 400;
	text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
}

/*--------------------------------------------------------------
# breadcrumb dropdown CSS
--------------------------------------------------------------*/
.breadcrumb-section-dropdown {
	position: absolute;
	top: 100%;
	left: 25px;
	margin-top: 8px;
	min-width: 240px;
	background-color: #fff8ef;
	border-radius: 8px;
	padding: 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 999;
}

.breadcrumb-section-dropdown ul li+li {
	margin-top: 10px;
}

.breadcrumb-section-dropdown a {
	color: #353740;
	font-weight: 600;
	font-size: 15px;
	padding: 1px 0;
	text-decoration: none;
}

.breadcrumb-section-dropdown a:hover {
	color: #227bbc;
}

/* breadcrumb arrow */
.breadcrumb-arrow {
	display: inline-block;
	margin-left: 8px;
	transition: transform 0.25s ease;
}

.breadcrumb-toggle[aria-expanded="true"] .breadcrumb-arrow {
	transform: rotate(90deg);
}

/*--------------------------------------------------------------
# Banner CSS
--------------------------------------------------------------*/
.hero-banner {
	position: relative;
	min-height: 100vh;
	overflow: visible;
}

.hero-img-wrap {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
}

.hero-fit {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hero-banner-content {
	padding-top: 70px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	display: flex;
	align-items: center;
}

.head-quote {
	position: relative;
	margin-left: -20px;
}

.hero-banner-head {
	font-size: 70px;
	line-height: 1;
}

.hero-banner-head span {
	position: relative;
	margin-top: -100px;
	display: block;
}

.hero-banner-para {
	font-size: 22px;
	line-height: 1.3;
	font-style: italic;
}

.home-banner-image {
	max-width: 480px;
}

.hero-banner-num {
	font-family: "tungstenw05-medium";
	font-size: 120px;
	color: #f0a629;
	line-height: 1;
}

.section-para {
	line-height: 1.5;
}

.banner-heading {
	font-family: "tungstenw05-medium";
	font-size: 75px;
	color: #34363f;
	margin: 0;
	line-height: 1;
}

.banner-para {
	font-size: 28px;
	line-height: 1.3;
	color: #faf9f6;
	font-weight: 600;
}

.initiatives-num {
	font-family: "tungstenw05-medium";
	font-size: 60px;
	line-height: 1;
	display: block;
}

.banner-position-right {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 0;
}

/*--------------------------------------------------------------
# Swiper CSS
--------------------------------------------------------------*/
.swiper-slide-arrows {
	display: flex;
	align-items: center;
	justify-content: center;
}

.swiper-slide-arrows .swiper-button-next,
.swiper-slide-arrows .swiper-button-prev {
	position: relative;
	background: #ffb53b;
	color: #353640;
	border-radius: 100%;
	opacity: 1;
	width: 30px;
	height: 30px;
	left: 0;
	right: 0;
	margin: 0 10px;
}

.swiper-slide-arrows .swiper-button-next:after,
.swiper-slide-arrows .swiper-rtl .swiper-button-prev:after,
.swiper-slide-arrows .swiper-button-prev:after,
.swiper-slide-arrows .swiper-rtl .swiper-button-next:after {
	font-size: 13px;
	font-weight: 900;
}

/* arrow ctrl */
.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: bootstrap-icons !important;
}

.swiper-button-prev:after {
	content: "\F284";
}

.swiper-button-next:after {
	content: "\F285";
}

/*--------------------------------------------------------------
# Accordion CSS
--------------------------------------------------------------*/
.no-bg-accordion .accordion-item,
.no-bg-accordion .accordion-button,
.no-bg-accordion .accordion-button:not(.collapsed) {
	background: transparent;
	border: 0;
}

.no-bg-accordion .accordion-item {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.no-bg-accordion .accordion-item:last-child {
	border-bottom: 0;
}

.no-bg-accordion .accordion-button,
.no-bg-accordion .accordion-button:not(.collapsed),
.no-bg-accordion .accordion-body {
	color: #faf9f6;
}

.no-bg-accordion .accordion-body {
	padding: 10px 0;
}

.no-bg-accordion .accordion-button:not(.collapsed) {
	box-shadow: none;
}

.no-bg-accordion .accordion-button {
	font-weight: 600;
	padding: 0 30px 0 0;
}

.no-bg-accordion .accordion-button::after {
	background: none;
	content: "\F282";
	font-family: bootstrap-icons !important;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: auto;
}

.box-grid {
	display: flex;
	/* max-height: max-content;
  height: 100%; */
}

.box-1 {
	flex: 1;
}

.box-2 {
	flex: 2;
}

.box.box-1 img {
	height: 415px;
	width: 100%;
}

/*--------------------------------------------------------------
# Pagination CSS
--------------------------------------------------------------*/
.page-item {
	margin: 0 5px;
	font-weight: 400;
}

.page-item .page-link,
.page-btn {
	border-color: #b7b7b7;
	border-radius: 100%;
	color: #282627;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.page-item .page-link:hover {
	background-color: #353640;
	color: #ffb53b;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 100%;
}

.pagination .btn {
	margin: 0 5px;
}

.pagination .page-btn:hover {
	background-color: #353640;
	color: #ffb53b;
}

/*--------------------------------------------------------------
# About Us CSS
--------------------------------------------------------------*/
.big-para {
	font-size: 22px;
}

.banner {
	height: 100vh;
}

.banner .container {
	height: 100vh;
	display: flex;
	align-items: center;
}

.about-banner-img,
.banner-img {
	max-width: 560px;
}

.timeline-swiper {
	width: 100%;
	height: 500px;
	align-items: center;
}

#timeline-swiper .swiper-slide-arrows {
	position: static;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#timeline-swiper .swiper-button-next,
#timeline-swiper .swiper-button-prev {
	position: static;
	width: 24px;
	height: 24px;
}

#timeline-swiper .swiper-button-prev:after,
#timeline-swiper .swiper-rtl .swiper-button-next:after,
#timeline-swiper .swiper-button-next:after,
#timeline-swiper .swiper-rtl .swiper-button-prev:after {
	font-size: 12px;
	transform: rotate(90deg);
}

.timeline-swiper .swiper-slide {
	width: 100%;
}

.timeline-swiper .slider-description {
	font-style: italic;
	line-height: 1.5;
}

.presence-box {
	display: flex;
	align-items: center;
	margin-right: 40px;
}

.history-details {
	position: relative;
	width: 450px;
	height: 450px;
	margin: 0 auto;
}

.history-img-wrapper {
	border: 1px solid #ffffff;
	border-radius: 100%;
	overflow: hidden;
	padding: 40px;
	margin-top: 30px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .history-img-wrapper img {
  width: 280px;
} */
.history-year {
	background-color: #963596;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	font-size: 52px;
	color: #fbfbfb;
	font-family: "tungstenw05-medium";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 50px;
	top: -30px;
}

#timeline-swiper .swiper-pagination {
	position: static;
	transform: none;
}

#timeline-swiper .swiper-pagination-bullet {
	font-family: "tungstenw05-medium";
	font-size: 25px;
	line-height: 1;
	opacity: 1;
	width: auto;
	height: auto;
	background: none;
}

#timeline-swiper .swiper-pagination-bullet-active {
	font-size: 80px;
}

#timeline-swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
#timeline-swiper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 30px 0;
}

.presence-number {
	font-size: 80px;
	line-height: 1;
	color: #963596;
	font-family: "tungstenw05-medium";
	margin-right: 10px;
}

.presence-label {
	font-size: 22px;
	color: #272727;
}

.presence-text {
	font-size: 22px;
	font-style: italic;
	color: #272727;
	margin-right: 40px;
}

.management-details {
	position: absolute;
	top: 0;
	bottom: 0;
}

/* .management-details {
  height: stretch;
} */
/* .management-details {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  justify-content: space-between;
} */

.management-ftr {
	height: 30%;
}

/* .management-info {
  width: 100%;
  height: 100%;
  padding: 20px 200px 35px 25px;
  place-content: end;
} */
.management-info {
	width: 100%;
	height: 100%;
	padding: 30px 30px;
	padding-right: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.management-para {
	padding: 25px 25px 85px 25px;
	height: 300px;
}

/* .management-image {
  position: relative;
  z-index: 1;
  max-width: 200px;
  align-self: flex-end;
} */

.management-profile-name {
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 10px;
}

.management-post {
	font-size: 16px;
	line-height: 1.2;
}

.management-profiles-wrapper {
	flex-wrap: wrap;
}

.management-profiles-list {
	/* display: flex; */
	width: calc(50% - 10px) !important;
	margin-bottom: 20px;
	border-radius: 30px;
	overflow: hidden;
	min-height: 230px;
	position: relative;
}

.management-profiles-list:nth-child(2n) {
	margin-right: 0 !important;
}

.foundation-report-year {
	position: relative;
}

.foundation-report-year p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}

.foundation-report-img {
	border-radius: 30px;
	overflow: hidden;
}

.foundation-report .select-per-page .btn-event-select .form-control {
	width: 80px;
}

.report-year {
	font-size: 18px;
	color: #913b99;
	font-weight: 400;
}

.items-per-page {
	font-size: 16px;
}

.offcanvas.offcanvas-end {
	width: 50%;
	border: 0;
}

/*--------------------------------------------------------------
# Education CSS
--------------------------------------------------------------*/
.half-bg {
	position: relative;
	align-self: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}

.half-bg:before {
	content: "";
	background: #92d0fe;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.half-bg img {
	position: relative;
	width: 300px;
}

.sfa-video-container {
	width: 450px;
	height: 450px;
	border-radius: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sfa-video-container:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 40%;
	left: 60%;
	background-color: #ef6b51;
	border-radius: 100%;
}

.sfa-video {
	border-radius: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*--------------------------------------------------------------
# Our Inititatives CSS
--------------------------------------------------------------*/
/* .our-initiatives {
  margin-top: 72px;
  overflow: hidden;
} */
.education-banner-img {
	max-width: 500px;
}

.empowerment-banner-img {
	max-width: 80%;
}

.health-care-banner-img {
	max-width: 73%;
}

.environmental-banner-img {
	max-width: 62%;
}

.banner-icon img {
	width: 70px;
}

.our-initiatives .banner-img {
	max-width: 630px;
}

.focus-area-swiper .h4-heading {
	line-height: 1;
}

.vol-label {
	font-size: 16px;
}

.vol-num,
.emp-num {
	font-family: "tungstenw05-medium";
	font-size: 80px;
	line-height: 1;
	color: #963595;
	display: block;
}

.emp-num {
	line-height: 0.8;
}

.emp-label {
	font-size: 20px;
	color: #151414;
	font-weight: 400;
}

.emp-label p {
	font-size: 16px;
}

.emp-label img {
	max-width: 70px;
}

.vol-circle {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vol-num {
	font-size: 70px;
}

.focus-area-content {
	padding: 15px;
}

.focus-area-label {
	font-size: 16px;
}

.focus-area-num {
	font-family: "tungstenw05-medium";
	font-size: 40px;
	color: #963595;
	line-height: 1;
	display: block;
}

.csr-presence p {
	font-size: 18px;
}

.csr-presence .h3-heading {
	line-height: 1.1;
}

.csr-content {
	padding: 20px 10px;
}

.csr-content p {
	font-size: 15px;
}

.sfa-img-icon {
	max-width: 40px;
}

.map-hidden {
	display: none;
}

.map:focus {
	outline: 3px solid #2d7ff9;
}

/*--------------------------------------------------------------
# Arohan Awards CSS
--------------------------------------------------------------*/
.aarohan-application-content {
	width: 320px;
	text-align: center;
}

.aarohan-logo img {
	max-width: 200px;
}

.aarohan-application-btn {
	background-color: #8460c9;
	color: #ffffff;
	display: inline-block;
}

.aarohan-application-btn:hover {
	background-color: #ffffff;
	color: #8460c9;
}

.category-card {
	height: 100%;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	isolation: isolate;
	display: block;
}

.category-image {
	position: relative;
	z-index: 1;
}

.category-image .img-icon {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 35px;
}

.category-image .category-bg-img {
	width: 100%;
	height: 301px;
	object-fit: cover;
	display: block;
}

.category-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 15px 15px 0 15px;
	background-color: #ffb53b;
	transform: translateY(100%);
	transition:
		transform 0.35s ease,
		background-color 0.35s ease;
	height: auto;
	overflow: auto;
	scrollbar-width: thin;
}

.category-card:hover .category-content,
.category-card:focus-within .category-content {
	transform: translateY(0);
	background-color: #ffb53b;
}

.judges-swiper .management-profile-name {
	color: #030303;
	padding: 25px 190px 20px 25px;
}

.judging-criteria-content {
	border-right: 1px solid #272727;
	padding-right: 30px;
	height: 100%;
}

.others-links-item {
	font-weight: 400;
}

.others-links-item .nav-link {
	border: 1px solid #b7b7b8;
	color: #272727;
	border-radius: 30px;
	padding: 5px 20px;
	transition: 0.3s all;
}

.others-links-item .nav-link:hover,
.others-links-item .nav-link.active {
	background-color: #ffb53b;
	color: #030303;
	transition: 0.3s all;
	border-color: transparent;
}

.judges-swiper .management-details {
	position: relative;
	padding-top: 40px;
}

.management-image {
	max-width: 200px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.judges-swiper .management-details {
	padding-top: 20px;
}

#judges .swiper-slide-arrows .swiper-button-next,
#judges .swiper-slide-arrows .swiper-button-prev {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#judges .swiper-slide-arrows .swiper-button-next {
	right: 0;
	left: auto;
}

.judges-swiper {
	padding: 0 20px;
}

/*--------------------------------------------------------------
# Arohan Social Innovation Awards CSS
--------------------------------------------------------------*/
.aarohan-awards-banner {
	position: relative;
	min-height: 100vh;
}

.aarohan-awards-banner .banner-heading,
.aarohan-awards-banner .breadcrumb-item.active,
.aarohan-awards-banner .breadcrumb-item a,
.aarohan-awards-banner .breadcrumb-item+.breadcrumb-item::before {
	color: #ffffff;
}

.aarohan-awards-banner .img-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	padding-top: 70px;
}

.aarohan-awards-banner .img-wrap .aarohan-awards-banner-img {
	width: 100%;
	object-fit: cover;
}

.aarohan-banner-content {
	position: relative;
	z-index: 1;
}

.award-innovation-content p {
	font-size: 18px;
}

.outline-none {
	outline: none;
}

.outline-none:hover,
.outline-none:focus,
.outline-none:focus-within,
.outline-none:active {
	outline: none;
}

/*--------------------------------------------------------------
# Contact CSS
--------------------------------------------------------------*/
.fraud-alert .contact-link {
	color: #38a0f7;
}

/*--------------------------------------------------------------
# Footer CSS
--------------------------------------------------------------*/
.footer {
	background-color: #201e1f;
}

.footer p {
	font-size: 18px;
	color: #fff1e0;
}

.reuest-grant {
	background-color: #f4dec6;
}

.footer .ftr-para {
	color: #353740;
}

.request-btn {
	background-color: #343640;
	border-radius: 40px;
	padding: 5px 20px;
	font-size: 20px;
	transition: 0.3s all;
}

.request-btn .bi {
	color: #f0a629;
	transition: 0.3s all;
}

.request-btn:hover {
	background-color: #f0a629;
	transition: 0.3s all;
}

.request-btn:hover .bi {
	color: #343640;
	transition: 0.3s all;
}

.ftr-social-item a,
.ftr-item-links a .bi {
	color: #df9826;
	transition: 0.3s all;
}

.ftr-item-links a {
	color: #fff1e0;
	text-decoration: none;
	transition: 0.3s all;
}

.ftr-item-links a:hover {
	color: #df9826;
	transition: 0.3s all;
}

.ftr-social-item a:hover .bi {
	color: #fff;
	transition: 0.3s all;
}

.fa-icon {
	width: 50px;
}

.block-hide {
	display: none;
}

.focus-area-panel {
	position: absolute;
	width: 100%;
	transform: translateY(55%);
	transition: 0.6s all;
	background-color: #f4dec6;
}

.focus-card:hover .focus-area-panel {
	transform: translateY(0);
	transition: 0.6s all;
	background-color: #ede2ef;
}

.focus-card:hover .block-hide {
	display: block;
}

.block-btn {
	position: absolute;
	bottom: 0;
}

.focus-area-img {
	height: 480px;
}

.card-title {
	height: 100px;
}

.focus-card:hover .card-title {
	height: unset;
}

/*----------------------------------------------------
 faqs accordion css
-----------------------------------------------------*/
.faqs .nav-tabs {
	border: none;
}

.faqs .nav-link {
	border: 1px solid #b7b7b8;
	color: #272727;
	border-radius: 30px;
	background: none;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 15px;
	transition: 0.3s all;
}

.faqs .nav-tabs .nav-item.show .nav-link,
.faqs .nav-tabs .nav-link.active {
	background-color: #ffb53b;
	border-color: transparent;
}

.faqs .accordion-button {
	border-top: 1px solid #c9c9c9;
}

.faqs .accordion-button:not(.collapsed) {
	color: #353640;
	background: transparent;
}

.faqs .accordion-item {
	border: 0;
}

.faqs .accordion-item:first-of-type,
.faqs .accordion-item:first-of-type>.accordion-header .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.faqs .accordion-button:focus,
.faqs .accordion-button:not(.collapsed) {
	box-shadow: none;
}

.faqs .accordion-button:not(.collapsed)::after {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.faqs .accordion-button::before {
	content: "";
	background-color: #ffb53b;
	border-radius: 50%;
	position: absolute;
	right: 0;
	width: 25px;
	height: 25px;
}

.faqs .accordion-button::after {
	background-position: center;
	position: absolute;
	right: 8px;
	width: 10px;
	height: 10px;
}

/* media room */
.comm-box {
	border: 1px solid #b7b7b8;
	color: #272727;
	border-radius: 30px;
	background: none;
	font-size: 16px;
	padding: 5px 15px;
	transition: 0.3s all;
}

/* press release */
.press-year-select {
	background-color: transparent;
	font-size: 18px;
	height: 35px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(183, 183, 183);
	border-image: initial;
	border-radius: 30px;
	cursor: pointer;
	padding: 0px 30px 0px 15px;
}

.press-release .card-body:last-child,
.news-room .card-body:last-child {
	border: 0 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.press-release .card-date,
.gallery-images .gallery-text {
	color: #913b99;
}

.press-release .card-titled-block,
.news-room .card-titled-block {
	display: block;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

.press-release .cta-link,
.news-room .cta-link {
	font-size: 20px;
}

.press-release .cta-link:hover,
.news-room .cta-link:hover {
	text-decoration: underline;
}

/* press release option 2 */
.press-release .dropdown-toggle::after {
	display: none;
}

.press-release .dropdown-menu {
	min-width: 150px;
	padding: 0;
}

.press-release .dropdown-item {
	padding: 3px 15px;
}

/* newsroom tabs */
.news-tab {
	position: relative;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
	padding: 0;
	padding-bottom: 6px;
	border: none;
	background: transparent;
}

.news-tab.active {
	font-weight: 600;
}

.news-tab.active::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #227bbc;
	position: absolute;
	bottom: 0;
	left: 0;
}

.tab-pipe {
	display: inline-flex;
	align-items: center;
	color: #000;
	font-size: 18px;
	font-weight: 300;
	margin: 0 12px;
	line-height: 1;
}

/* gallery images css */
.gallery-list {
	height: fit-content;
}

.gallery-img img {
	border-radius: 15px;
}

.gallery-select-box .form-select {
	border: 1px solid #b7b7b8;
	color: #272727;
	border-radius: 30px;
	font-weight: 400;
	padding: 2px 35px 2px 15px;
}

.gallery-select-box .form-select:focus {
	box-shadow: none;
}

.gallery-card-para {
	margin: -10px auto 0px;
	border-radius: 0px 0px 16px 16px;
}

/* pagination bar */
.gallery-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 12px;
	position: relative;
}

/* pagination number */
.gallery-pagination .swiper-pagination-bullet-active,
.gallery-pagination .gp-btn.active {
	background: #1f1f24;
	color: #ffb53b;
	border-color: #1f1f24;
}

/* Arrow buttons */
.gallery-pagination .gp-btn {
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	border-radius: 20px;
	cursor: pointer;
	line-height: 1;
}

.gallery-pagination .gp-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* media kit */
.media-kit-wrap {
	background-color: #227bbc;
	border-radius: 30px;
}

.download-link {
	font-size: 20px;
}

.media-kit .modal-content {
	background-color: #fff3e6;
	border-radius: 12px;
	padding: 50px 120px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 1055;
}

/* Modal header */
.media-kit .modal-header {
	border: none;
	justify-content: center;
}

.media-kit .btn-close:focus,
.media-kit .form-check-input:focus {
	box-shadow: none;
}

/* Close button position */
.media-kit .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
}

/* Modal title */
.media-kit .modal-title,
.media-kit .modal-body p {
	color: #3f3f3f;
}

.media-kit .modal-title {
	font-weight: 700;
}

/* Modal body text */
.media-kit .modal {
	background-color: #fff;
}

/* Checkbox alignment */
.media-kit .form-check {
	display: flex;
	justify-content: center;
}

.media-kit .form-check-input {
	width: 20px;
	height: 20px;
	border: 2px solid #707070;
	border-radius: 2px;
	cursor: pointer;
}

.media-kit .form-check-label {
	color: #353640;
	text-align: left;
}

.media-kit .modal-footer {
	border: none;
}

/* Proceed button */
.cta-btn {
	background-color: #f0a62a;
	color: #fff;
	border: 1px solid #f0a62a;
	border-radius: 34px;
	padding: 10px 35px;
	/* border: none; */
	cursor: pointer;
	text-decoration: none;
}

.cta-btn.disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

.cta-btn.disabled:hover {
	background-color: #f0a62a;
	border: none;
	color: #fff;
}

/* modal proceed button disabled */
.modal-content:has(#agreeCheckLogo:not(:checked)) .modal-footer .cta-btn,
.modal-content:has(#agreeCheckStyle:not(:checked)) .modal-footer .cta-btn {
	cursor: not-allowed;
	opacity: 0.4;
	background-color: #f0a62a;
	color: #ffffff;
}

#reportsPagination .page-item {
	border: 1px solid #000;
	/* padding: 8px; */
	width: 40px;
	border-radius: 50px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.5s ease;
}

#reportsPagination .page-item.active,
#reportsPagination .page-item:hover {
	background-color: #000000;
	color: #fff;
}

#reportsPagination .page-item.prev-btn,
#reportsPagination .page-item.next-btn {
	width: 30px;
	height: 30px;
	font-size: 14px;
}

#reportsPagination .page-item.prev-btn {
	margin-right: 10px;
}

#reportsPagination .page-item.next-btn {
	margin-left: 10px;
}

#reportsPagination .page-item.disabled {
	cursor: auto;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: none;
	color: rgba(0, 0, 0, 0.3);
}

.last-toggle-item {
	color: #212529bf;
	font-weight: 400;
	text-decoration: none;
}

.sfa-img {
	height: 510px !important;
	width: 100%;
}

/* Reduced motion for accessibility */
@media (prefers-reduced-motion: reduce) {

	.category-content,
	.category-image {
		transition: none;
	}
}

.xf-content-height {
	min-height: inherit !important;
	margin: inherit !important;
}

@media screen and (max-width: 1200px) {

	/*--------------------------------------------------------------
# Banner CSS
--------------------------------------------------------------*/
	.banner-heading {
		font-size: 100px;
	}

	.health-care-banner-img,
	.empowerment-banner-img {
		max-width: 100%;
	}

	/*--------------------------------------------------------------
# Our Initiatives CSS
--------------------------------------------------------------*/
	.vol-num,
	.emp-num {
		font-size: 100px;
	}

	.vol-label {
		font-size: 18px;
	}

	.judges-swiper .management-info {
		padding: 20px 185px 20px 25px;
	}

	.sfa-img {
		height: 535px !important;
	}

	.box.box-1 img {
		height: 470px;
		width: 100%;
	}
}

@media (max-width: 1024px) {}

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

	/*--------------------------------------------------------------
# Mega menu CSS
--------------------------------------------------------------*/
	.mega-menu.show {
		padding-bottom: 70px;
	}

	/*--------------------------------------------------------------
# Button CSS
--------------------------------------------------------------*/
	.cta-btn {
		font-size: 18px;
		padding: 5px 20px;
	}

	/*--------------------------------------------------------------
# Banner CSS
--------------------------------------------------------------*/
	.home-banner-image {
		max-width: 390px;
	}

	.sfa-video-container {
		width: 300px;
		height: 300px;
	}

	/*--------------------------------------------------------------
# About Us CSS
--------------------------------------------------------------*/
	.about-banner-img,
	.banner-img {
		max-width: 100%;
	}

	.presence-text {
		font-size: 24px;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}

	.presence-number {
		font-size: 75px;
		margin-right: 5px;
	}

	.presence-label {
		font-size: 24px;
	}

	.presence-box {
		margin: 0;
	}

	.management-image {
		max-width: 130px;
	}

	/* .management-info {
    padding: 15px 150px 15px 25px;
  } */

	.history-details {
		width: 340px;
		height: 340px;
	}

	/* .history-img-wrapper img {
    width: 250px;
  } */
	.timeline-swiper {
		height: 400px;
	}

	.history-year {
		width: 75px;
		height: 75px;
		font-size: 34px;
	}

	/*--------------------------------------------------------------
# Our Initiatives CSS
--------------------------------------------------------------*/
	.our-initiatives .banner-img {
		max-width: 100%;
	}

	/* .education-banner-img {
    max-width: 100%;
  } */
	.emp-label img {
		width: 80px;
		height: 80px;
	}

	.emp-label p {
		font-size: 20px;
	}

	.vol-num,
	.emp-num {
		font-size: 70px;
	}

	.vol-label {
		font-size: 16px;
	}

	.csr-content p {
		font-size: 18px;
	}

	.vol-circle {
		width: 170px;
		height: 170px;
	}

	.aarohan-awards-banner .img-wrap {
		top: auto;
		left: auto;
		display: block;
		padding-top: 0;
		width: 1160px;
	}

	.focus-area-img {
		height: auto;
	}

	.focus-area-panel {
		position: relative;
		transform: translateY(0);
	}

	.block-hide {
		display: block;
	}

	.block-btn {
		position: relative;
	}

	.focus-card:hover .focus-area-panel {
		background-color: #f4dec6;
	}

	.judges-swiper .management-profile-name {
		padding: 20px 95px 20px 25px;
	}

	.judges-swiper .management-image {
		max-width: 150px;
	}

	.management-profiles-wrapper .management-info {
		padding-right: 120px;
	}

	.judges-swiper .management-info {
		padding: 20px 125px 20px 25px;
	}

	/* media kit */
	.media-kit .modal-content {
		padding: 50px;
	}

	.sfa-img {
		height: 670px !important;
	}

	.box.box-1 img {
		height: 550px;
		width: 100%;
	}

	.card-title {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.offcanvas.offcanvas-end {
		width: 100%;
	}

	.judges-swiper {
		padding: 0;
	}

	#judges .swiper-slide-arrows {
		width: 90px;
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		bottom: -10px;
	}

	#judges .swiper-slide-arrows .swiper-button-next,
	#judges .swiper-slide-arrows .swiper-button-prev {
		margin: 0 8px;
		bottom: -30px;
		transform: translateY(0);
		top: auto;
	}

	.judges-swiper .management-details {
		padding-top: 0;
	}

	.others-links-item {
		margin-bottom: 14px;
	}

	/*--------------------------------------------------------------
# Accordion CSS
--------------------------------------------------------------*/
	.no-bg-accordion .accordion-button::after {
		font-size: 18px;
	}

	.box-grid {
		display: flex;
		flex-direction: column;
	}

	.box.box-1 img {
		height: auto;
		width: 100%;
	}

	/*--------------------------------------------------------------
# Banner CSS
--------------------------------------------------------------*/
	.hero-banner-content {
		padding-top: 0;
	}

	.banner-para {
		font-size: 23px;
	}

	.head-quote {
		margin-left: -55px;
		transform: scale(0.6);
		top: 20px;
	}

	.hero-banner-head span {
		margin-top: -110px;
	}

	.hero-banner-head {
		font-size: 50px;
	}

	.home-banner-image {
		max-width: 270px;
	}

	.hero-banner-para {
		font-size: 20px;
	}

	.hero-banner-num {
		font-size: 70px;
	}

	.banner-heading {
		font-size: 70px;
	}

	.initiatives-num {
		font-size: 50px;
	}

	.initiatives-text {
		font-size: 16px;
		line-height: 1;
	}

	.banner-icon {
		width: 50px;
	}

	.sfa-video-container {
		width: 280px;
		height: 280px;
	}

	.environmental-banner-img {
		max-width: 90%;
	}

	/*--------------------------------------------------------------
# Button CSS
--------------------------------------------------------------*/
	.cta-btn {
		font-size: 16px;
	}

	/*--------------------------------------------------------------
# About Us CSS
--------------------------------------------------------------*/
	.big-para {
		font-size: 20px;
	}

	.about-banner-img,
	.banner-img {
		max-width: 322px;
	}

	.overview p {
		font-size: 24px;
	}

	.management-ftr,
	.management-para {
		height: auto;
	}

	/* .management-info {
    padding: 25px 170px 25px 25px;
  } */

	.management-post {
		font-style: italic;
	}

	.management-profiles-wrapper {
		flex-wrap: nowrap;
	}

	.management-profiles-list {
		width: calc(100%) !important;
	}

	.management-profiles-wrapper .management-info {
		padding-right: 150px;
	}

	.management-image {
		max-width: 180px;
	}

	.foundation-report-img {
		margin-bottom: 30px;
	}

	#timeline-swiper .swiper-slide-arrows {
		flex-direction: row;
	}

	#timeline-swiper .swiper-pagination {
		display: flex;
		align-items: center;
	}

	#timeline-swiper .swiper-pagination-bullet-active {
		font-size: 60px;
	}

	#timeline-swiper .swiper-slide-arrows {
		margin-bottom: 20px;
	}

	#timeline-swiper .swiper-button-prev:after,
	#timeline-swiper .swiper-rtl .swiper-button-next:after,
	#timeline-swiper .swiper-button-next:after,
	#timeline-swiper .swiper-rtl .swiper-button-prev:after {
		transform: rotate(0);
	}

	#timeline-swiper .swiper-pagination-bullet {
		flex: 1;
	}

	.timeline-swiper {
		height: auto;
	}

	.history-details {
		margin-bottom: 20px;
	}

	/* .history-year {
    width: 75px;
    height: 75px;
    font-size: 34px;
  } */
	.history-details {
		width: 330px;
		height: 330px;
	}

	.management-profiles-list:nth-child(2n) {
		margin-right: 20px !important;
	}

	.foundation-report-year {
		position: static;
	}

	.foundation-report-details {
		position: relative;
	}

	/*--------------------------------------------------------------
# Our Initiatives CSS
--------------------------------------------------------------*/
	.education-banner-img {
		max-width: 330px;
	}

	.our-initiatives .banner-img {
		max-width: 300px;
	}

	.vol-circle {
		width: 165px;
		height: 165px;
	}

	/*--------------------------------------------------------------
# Education CSS
--------------------------------------------------------------*/
	.half-bg {
		padding-bottom: 0 !important;
	}

	.half-bg:before {
		width: 100%;
		height: 50%;
	}

	.education-circle-img {
		max-width: 300px;
	}

	/*--------------------------------------------------------------
# Secondary Focus Area CSS
--------------------------------------------------------------*/
	.sfa-img-icon {
		width: 40px;
		height: 40px;
	}

	.sfa-img {
		height: 100% !important;
	}

	/*--------------------------------------------------------------
# Aarohan CSS
--------------------------------------------------------------*/
	.aarohan-application-content {
		width: 230px;
	}

	.aarohan-logo img {
		max-width: 100%;
	}

	.judging-criteria-content {
		padding-right: 0;
		padding-bottom: 20px;
		border-right: 0;
		border-bottom: 1px solid #272727;
	}

	.aarohan-awards-banner .img-wrap {
		top: auto;
		left: auto;
		display: block;
		padding-top: 0;
		width: 600px;
	}

	.judging-criteria-content {
		height: auto;
	}

	/*--------------------------------------------------------------
  # Media CSS
  --------------------------------------------------------------*/
	/* press release css */
	.press-release .card-body,
	.news-room .card-body {
		padding-bottom: 30px !important;
		margin-bottom: 25px !important;
	}

	.press-release .card-titled-block,
	.news-room .card-titled-block {
		font-size: 24px;
	}

	.press-release .cta-link,
	.news-room .cta-link {
		font-size: 18px;
	}

	/* media kit */
	.media-kit-wrap {
		border-radius: 20px;
	}

	/*--------------------------------------------------------------
# Footer CSS
--------------------------------------------------------------*/
	.ftr-links {
		margin-top: 30px;
	}

	.ftr-item-links {
		margin-bottom: 15px;
	}

	.ftr-item-no-icon {
		padding-left: 27px;
	}

	.ftr-para {
		font-size: 20px;
	}

	.card-title {
		height: 50px;
		font-size: clamp(20px, 5vw, 25px);
	}


}

@media screen and (min-width: 667px) and (max-width: 932px) and (orientation: landscape) {

	.landscape-left,
	.landscape-right {
		width: 50%;
	}

	.hero-banner-content {
		padding-top: 0;
	}

	.home-banner-image {
		max-width: 230px;
		margin-top: 50px;
	}

	.hero-banner-head {
		font-size: 42px;
	}

	.head-quote {
		transform: scale(0.4);
		margin-left: -65px;
		top: 0;
	}

	.banner-para {
		font-size: 18px;
	}

	.banner-heading {
		font-size: 50px;
	}

	.banner-img {
		max-width: 100%;
	}

	.our-initiatives .banner-img {
		max-width: 300px;
	}

	.education-banner-img {
		max-width: 300px;
	}

	.health-care-banner-img,
	.empowerment-banner-img {
		max-width: 100%;
	}

	.sfa-video-container {
		width: 250px;
		height: 250px;
	}

	.aarohan-application-content {
		width: 180px;
	}

	.aarohan-application .cta-btn {
		font-size: 12px;
	}

	.aarohan-logo img {
		max-width: 100%;
	}

	.aarohan-awards-banner .img-wrap {
		top: 0;
		left: auto;
		display: flex;
		padding-top: 70px;
		width: 100%;
	}

	.aarohan-awards-banner .img-wrap .aarohan-awards-banner-img {
		height: 100%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {

	/* .education-banner-img {
    max-width: 400px;
  } */
	/* .education-banner-img {
    max-width: 500px;
  } */
	.timeline-swiper {
		height: 400px;
	}

	.history-details {
		width: 370px;
		height: 370px;
	}

	.history-img-wrapper {
		padding: 0;
		margin-top: 20px;
	}

	.history-img-wrapper img {
		width: 280px;
	}

	.history-year {
		width: 90px;
		height: 90px;
		font-size: 40px;
		right: 40px;
		top: -20px;
	}
}